網(wǎng)頁設計中非常細節(jié)的東西，比如就一個描邊，有時就造成了用戶心理感受上的差別，進而影響用戶的使用偏好，直至對整個設計的成功與否以及作品的商業(yè)價值產(chǎn)生非常大的影響。類似于”千里之堤毀于蟻穴”和”蝴蝶效應”的感覺�？浯笃湓~嗎？

絕對不！細節(jié)的力量我認為在網(wǎng)頁設計中有著無窮的魅力。認真想想那些你個人認為優(yōu)秀的設計作品，其中是什么東西打動了你？真的很多時候就是一種描述不出來的顏色，一些1像素的高光，或者是一種質感。例如下面的這20個網(wǎng)頁視頻播放器的界面設計，似乎一眼看上去差別并不大，但是如果讓你必須從中選擇一個最偏愛的，并且要付費購買的話，我想每個人都能做出自己的選擇。然后你再想想為什么選擇的是這個而非其他？

所以我這里想要說的是，作為網(wǎng)頁設計師，或者是UI設計師，我們需要不斷的努力，常問自己一個問題”我是否有了掌控視覺設計的細節(jié)到比較準確的實現(xiàn)目標設計方案，從而引導用戶的心理感受的能力？”我想，這是我們可以從這20個設計中學到的一點東西。

一、鋒利的邊緣

細微的淺灰色漸變、邊緣2個像素的內發(fā)光、各控制按鈕內陰影、1像素的邊緣高光的組合是最常見到的設計方案之一，很經(jīng)典，并且讓這個播放器看上去感覺邊緣鋒利，能劃破手指一般。

二、輕快

圓角黑色控制條背景調整到半透明，各控制按鈕也沒添加更多的圖層樣式，當鼠標離開畫面的時候它就消失，看上去簡單輕快的感覺。

三、遙控器

玻璃般光亮的控制條背景，較粗的線條描邊，各控制按鈕添加了1像素的深色描邊。讓人聯(lián)想到耳機上的線控裝置。

四、清晰明了

這是我個人最喜歡的設計風格，所有元素周圍都有深色的1像素描邊和細微的內發(fā)光效果，高光、描邊、發(fā)光效果都控制在1像素之內，直角設計，并且添加了雜色的材質，讓整個控制條看上去不會是光溜溜的感覺，而是清晰明了，硬朗，有質感的心理感受。

標簽： 網(wǎng)頁設計 設計理論 UI設計師 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。