7個(gè)網(wǎng)頁設(shè)計(jì)案例分析
有些時(shí)候,當(dāng)我滿懷期待地點(diǎn)開某些網(wǎng)站的時(shí)候——它們的存在簡直是設(shè)計(jì)的災(zāi)禍!信賴我,當(dāng)你看見它們也會(huì)抓狂的。從莫明的鏈接丟失到糟糕的可用性,我將會(huì)分享一些會(huì)讓我瞬間暴走的錯(cuò)誤設(shè)計(jì)。細(xì)致!萬萬別讓你的用戶碰到和下面同樣的題目。
1.缺乏對(duì)比度
網(wǎng)頁上的筆墨和圖片都必要具備較高的可讀性,最簡單的方法就是讓它們具有高對(duì)比度。但是很多設(shè)計(jì)師卻經(jīng)常忽視這條規(guī)則。
圖片背景與筆墨對(duì)比度太差,導(dǎo)致筆墨模糊不清無法閱讀,用戶不僅錯(cuò)過這段話也錯(cuò)過了你要傳達(dá)的緊張內(nèi)容。
你必須保證每一個(gè)元素都與它四周的其他元素區(qū)別開來,記住這些基本方法——色彩、空間、尺寸。合理地運(yùn)用它們讓你的每個(gè)元素都清晰可見吧!
上圖的兩個(gè)對(duì)比題目——白色的筆墨與淺色的圖片顏色過于相近以及過小的字號(hào)都讓這段筆墨的可讀性變得極差。
2.糟糕的導(dǎo)航和操作流程
當(dāng)我登陸了網(wǎng)頁的第一眼,你就得讓我曉暢接下來我該做哪個(gè)操作。點(diǎn)擊按鈕以及信息必要放在顯眼的位置——這就是為什么導(dǎo)航和菜單欄每每處于頁面的頂部。
導(dǎo)航的標(biāo)簽內(nèi)容和運(yùn)行結(jié)果必須清晰直觀,當(dāng)你嘗試使用水平方向的滾動(dòng)條或者其他一些不太平凡的動(dòng)效設(shè)計(jì)的時(shí)候,給用戶一些暗示讓他們知道你的網(wǎng)頁如何工作吧!過于復(fù)雜的設(shè)計(jì)會(huì)讓用戶感到無所適從并放
本文地址:http://m.pkvc.cn/tutorial/di144.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏