国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

想起之前有段時間天天和澳洲同事“battle” homepage，她和我科普了 hierarchy（頁面層級）。最近在 UX 的課程又有學到，就和大家分享一下，如果重點不止一個，怎么通過一點“設(shè)計”把想要的內(nèi)容都展示在界面上?？梢越o各位產(chǎn)品經(jīng)理在畫原型的時候，有一些參考。

最核心的原則——還是你自己能明確各個功能和元素之間的優(yōu)先級，你最想讓用戶看到，操作的。如果發(fā)現(xiàn)重點就是不止一個，我們再來看，我們可以怎么從設(shè)計上用不同的方式去展現(xiàn)或者平衡頁面層級。

1. 位置（Position）

人的視覺天然會“自上而下”、“自左往右”地掃視。所以：

• 頁面頂部、首屏中央的內(nèi)容權(quán)重大。
• 左邊比右邊優(yōu)先級高。

2. 模塊尺寸（Size）

尺寸也是表達優(yōu)先級的語言：

• 重要內(nèi)容放大，更有存在感。
• 次要信息縮小。

舉個例子，【左圖】 1 的層級明顯大于 2，因為在兩個方面上 1 都更占優(yōu)勢。

但是【右圖】 1 的位置更好，平衡了 2 的尺寸， 1 和 2 看起來就都比較重點。

3. 顏色（Color）& CTA 按鈕（Call to Action）

如果你還有想強調(diào)的東西，但是位置和尺寸被更重要的東西占了，你就可以考慮顏色和按鈕。這兩個我放在一起，是覺得有一定的相似度。

• 色彩的飽和度和對比度會更加抓人眼球。例如這個提示。
• 而 CTA 是用戶長期形成的認知習慣?？吹桨粹o，你會更有點擊的欲望。而且往往按鈕，也會應(yīng)用不同的顏色。

4. 體積 & 量感（Volume & Depth）

通過投影、立體感，給某些模塊制造“重量感”。不同的量感也會增加你對這塊的探索。

舉個例子，這里正方形的占比很大，但是視線還是會優(yōu)先被提示（顏色），和按鈕（CTA），陰影按鈕（體積感）吸引

5. 風格差異（Visual Style）

豐富插圖、動效也會幫助你吸引視線。

6. 空間留白（White space）

重要內(nèi)容周圍的留白越多，它就越突出。

這點在網(wǎng)頁設(shè)計中好像比較多，app內(nèi)空間有限，我個人往往會把文字當做是鋪墊的留白（僅個人用法提供參考，理論上不一定對）。

7. 布局（Layout）

分欄 vs 單列

網(wǎng)格 vs 卡片

折疊 vs 展開

8. 曝光頻率（Exposure）

這是不太容易記起的一點，但是在你 app 有 Banner 的情況下會非常好用。

可以在不同的時間段設(shè)置不同模塊的出現(xiàn)時長。通過時間段和時長來展示優(yōu)先級。

總之，如果有多個重點的地方，又不想原型太單調(diào)，你就可以選擇在不同的方面強調(diào)，而依舊保持美觀。但是，還是請你提前排好優(yōu)先級，一個頁面的“重點”不要超過 2～3 個哦～