7個網(wǎng)頁設(shè)計案例分析
2017/4/20 13:44:28來源:三聯(lián)
有些時候,當(dāng)我滿懷期待地點開某些網(wǎng)站的時候——它們的存在簡直是設(shè)計的災(zāi)禍!信賴我,當(dāng)你看見它們也會抓狂的。從莫明的鏈接丟失到糟糕的可用性,我將會分享一些會讓我瞬間暴走的錯誤設(shè)計。細致!萬萬別讓你的用戶碰到和下面同樣的題目。
1.缺乏對比度
網(wǎng)頁上的筆墨和圖片都必要具備較高的可讀性,最簡單的方法就是讓它們具有高對比度。但是很多設(shè)計師卻經(jīng)常忽視這條規(guī)則。
圖片背景與筆墨對比度太差,導(dǎo)致筆墨模糊不清無法閱讀,用戶不僅錯過這段話也錯過了你要傳達的緊張內(nèi)容。
你必須保證每一個元素都與它四周的其他元素區(qū)別開來,記住這些基本方法——色彩、空間、尺寸。合理地運用它們讓你的每個元素都清晰可見吧!
上圖的兩個對比題目——白色的筆墨與淺色的圖片顏色過于相近以及過小的字號都讓這段筆墨的可讀性變得極差。
2.糟糕的導(dǎo)航和操作流程
當(dāng)我登陸了網(wǎng)頁的第一眼,你就得讓我曉暢接下來我該做哪個操作。點擊按鈕以及信息必要放在顯眼的位置——這就是為什么導(dǎo)航和菜單欄每每處于頁面的頂部。
導(dǎo)航的標簽內(nèi)容和運行結(jié)果必須清晰直觀,當(dāng)你嘗試使用水平方向的滾動條或者其他一些不太平凡的動效設(shè)計的時候,給用戶一些暗示讓他們知道你的網(wǎng)頁如何工作吧!過于復(fù)雜的設(shè)計會讓用戶感到無所適從并放
[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di144.html
本文地址:http://m.likemindfilms.com/tutorial/di144.html
這些是最新的
最熱門的教程