|
準(zhǔn)則2：合理縮減非核心數(shù)據(jù)像素
在核心像素的基礎(chǔ)上，添加輔助像素；如何找到合理的核心像素率？
第一步，是刪除非核心像素 － 非核心像素，就是頁(yè)面元素中不服務(wù)于網(wǎng)頁(yè)主要功能的設(shè)計(jì)部分。這些像素不能引導(dǎo)用戶去使用網(wǎng)頁(yè)的主要功能, 具體來(lái)說(shuō)是：
- 色彩：不支持視覺(jué)傳承的色彩對(duì)比
- 字體：特殊的字體設(shè)計(jì)，會(huì)分散用戶注意力。
- 分段圖像：避免使用過(guò)渡圖像，盡量用空白自然地隔開(kāi)段落和功能區(qū)間。
- 頁(yè)面排版：段落對(duì)齊，字體大小 和 顏色反差：避免不必要的刻意設(shè)計(jì)。 （例如，端落縮進(jìn)，較大的圖標(biāo)或者顯目的顏色都會(huì)分散用戶的注意力）
如果訪問(wèn)doHome的頁(yè)面，這種分散注意力的設(shè)計(jì)的壞處非常凸顯. 導(dǎo)航目錄上的反光設(shè)計(jì), 沒(méi)有明確目的的影像, 導(dǎo)致的結(jié)果是沒(méi)有足夠的內(nèi)容讓人一目了然它是做什么的。
與之相反，MailChimp 的核心數(shù)據(jù)像素率把握的很好. 言簡(jiǎn)意賅介紹網(wǎng)頁(yè)的功能; 大塊的輸入框和明確的指示文字標(biāo)識(shí)保證用戶能夠很快地填寫(xiě)完注冊(cè)頁(yè)面; 準(zhǔn)確的文字提示告訴你注冊(cè)的具體內(nèi)容; 然后注冊(cè)按鍵顯目：大，顏色鮮明對(duì)比。
極端的例子像Squarespace’s：注冊(cè)頁(yè)面上把可能分散注意力的像素全部去除，保證了零幾率注意力分散，注冊(cè)成功率大大上升. 在登錄頁(yè)面，用戶一旦點(diǎn)擊“注冊(cè)”，背景圖案完全消失，如圖所示：零分散
Google+也是一個(gè)“非核心像素最小化”設(shè)計(jì)的典型例子. 就像 Oliver Reichenstein說(shuō)的 :
設(shè)計(jì)一個(gè)簡(jiǎn)練的用戶界面非常的困難：干凈，沒(méi)有多余的線條，框架和裝飾。內(nèi)容的傳承明確，用色準(zhǔn)確，一致。
這里列舉了些許網(wǎng)站是為了具體介紹這個(gè)抽象概念的落實(shí)：必須準(zhǔn)確地分析視覺(jué)元素。把分散注意力的像素去除。
出處：伯樂(lè)在線
責(zé)任編輯：bluehearts
上一頁(yè) "核心數(shù)據(jù)像素"打造出彩用戶界面 [1] 下一頁(yè) "核心數(shù)據(jù)像素"打造出彩用戶界面 [3]
|
第 1 頁(yè) 
第 2 頁(yè) "核心數(shù)據(jù)像素"打造出彩用戶界面 [2]
