激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

UI界面設計的視覺層級

發(fā)布時間：2024-03-14 20:48:47 瀏覽量：186次


位置是在設計之初就會考慮的因素。人們在閱讀和瀏覽事物時，會遵循一些特定的規(guī)律，在用戶界面設計上遵循這些規(guī)律，能幫助用戶更容易、更快捷地看到并理解眼前的事物。其中有兩條規(guī)律和位置設計元素有關(guān)：


①當眼睛偏離視中心時，在偏離距離相等的情況下，人眼對左上的觀察最優(yōu)，依次為右上、左下，而右下最差。因此，左上部和上中部被稱為“最佳視域”。

②第二條規(guī)律是眼鏡沿水平方向運動比沿垂直方向運動更快而且不易疲勞。人們一般先看到水平方向的物體，后看到垂直方向的物體。


依據(jù)信息的優(yōu)先級確定了界面中元素的位置后，應該考慮給各個元素占多大的空間，元素的尺寸大小可以很直觀地反映信息的重要等級。


除了元素本身的尺寸大小會影響視覺層級外，元素的細節(jié)放大程度也同樣起到作用，細節(jié)放大后，人眼會感受到元素更清晰，離眼睛更近而容易先去關(guān)注，當然前提是保證信息可被理解，如果局部細節(jié)放大但用戶不能理解信息是什么就不能起到吸引用戶的作用。


前面講到的將元素的細節(jié)放大，眼睛會感受離它更近而被優(yōu)先注意到，雖然信息展現(xiàn)的媒介是個平面，但是通過視覺手段能體現(xiàn)出三維的效果，除了大小，還可以采用一些其他視覺手法來實現(xiàn)。


①拉遠三維距離。想要達到距離被拉遠的效果，下面列舉的方法是讓信息變得不清晰，眼睛看起來無法對焦到信息上面，包括：模糊元素；降低透明度也同樣可以起到作用，當有些背景圖模糊后比較難被整體感知，選擇降低透明度也能拉遠距離；增加半透明圖層，在界面色彩或元素比較多的情況下，僅降低透明度也可能無法拉開距離。


②拉近三維距離。增加投影是最常用到的讓元素看起來和其他內(nèi)容不在同一平面的視覺手法，通常像彈出框、移上后出現(xiàn)的浮層等由于要壓在其他信息之上，增加投影能幫助用戶聚焦在帶投影的模塊而不受下面信息的干擾。


③除了三維，二維距離對視覺層級也有影響。根據(jù)格式塔心理學接近性定律，距離較短或互相接近的部分容易組成整體。人眼對距離鄰近的信息更容易先去關(guān)注，在視覺手法應用上，元素距離上一個焦點近的，視覺層級較高。


確定了界面元素的位置、大小和距離關(guān)系后，我們應該繼續(xù)考慮內(nèi)容的形式，包括視頻、圖片、文字等，這里主要講我們經(jīng)常使用的圖形和文字。相比起文字，圖片在抓住用戶眼球這一點上是功不可沒的，同時還能使用戶在短時間內(nèi)形成形象記憶。從視覺層級上，眼睛一般會先關(guān)注圖后關(guān)注文字。


①方向性引導。圖片中的形象有些具有明顯的方向性，如人眼注視的方向、手勢所指的方向、物體運動的方向光線照射的方向等，這些特征會引導人眼視線朝著設定的方向運動，從而達到視覺層級有主有次。


②符號引導。除了圖片，一些符號本身帶有順序和方向性，能有效引導視線根據(jù)符號來瀏覽，包括阿拉伯數(shù)字，字母順序、時間順序、箭頭等。時間軸在界面中應用也很廣泛，人眼會受時間順序的影響去測覽信息。


色彩是影響用戶對界面層級性感知的另一重要因素，色彩的應用對視覺層級的影響也能起到立竿見影的效果，總結(jié)起來人眼對色彩的關(guān)注度差別主要是以下兩點：


①先暖色后冷色。色彩的不同色相，對人眼的刺激及產(chǎn)生的反應目前沒有找到絕對的先后順序，但是冷色類和暖色類色彩，是有明顯的層次差別的。


②先高反差后低反差。除了冷暖色對眼睛的刺激不同，色彩的反差是最容易造成關(guān)注度差別的因素，在自然界動物為了生存，運用的保護色就是和反差相關(guān)。除了尺寸大小、距離能體現(xiàn)視覺的反差外，運用色彩也可以達到視覺的反差：色相反差、飽和度反差和明度反差，數(shù)值可以控制，兩個顏色之間飽和度或明度數(shù)值相差越大，反差也就越大，反之亦然。

零基礎自學CDR AI PS ID視頻教程

APP UI界面素材包第37季

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定