設(shè)計(jì)理念比美感更重要

2016-10-19    用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

來(lái)源:UI中國(guó)



設(shè)計(jì)理念比美感更重要。通過(guò)7大設(shè)計(jì)理念,來(lái)展示其重要性。

Image title


設(shè)計(jì)師的水平考核不僅要看作品,更要看設(shè)計(jì)理念。因?yàn)樽髌分皇谴砹塑浖膶?shí)現(xiàn)能力,而設(shè)計(jì)理念則代表了作品的思維境界。


①流程至上:

Image title


設(shè)計(jì)界面,需要優(yōu)先思考界面的整個(gè)流程,讓用戶操作界面的時(shí)候,忽略視覺(jué)的美感,沉浸在界面的流程之中,忘記時(shí)間和空間,讓用戶進(jìn)入深深的流狀態(tài)。

舉例:這一點(diǎn)在[簡(jiǎn)書(shū)]的界面設(shè)計(jì)上,體現(xiàn)的非常好。簡(jiǎn)書(shū)做到了讓用戶沉浸在寫(xiě)作氣氛中,在接近無(wú)視覺(jué)干擾狀態(tài)下,忘記時(shí)間的流失,思緒飛舞的書(shū)寫(xiě)一篇文章。


②少就是多:

Image title


設(shè)計(jì)界面的時(shí)候,爭(zhēng)取用最少的文字,最短的視覺(jué)軌跡,最少的點(diǎn)擊次數(shù),最少的裝飾元素,最簡(jiǎn)潔的界面風(fēng)格,從而讓用戶花最少的時(shí)間,就可以看懂界面所傳達(dá)的意思。

舉例:這一點(diǎn),在支付寶C掃B支付的產(chǎn)品上,體現(xiàn)得非常好。C端用戶掃碼B端商戶的靜態(tài)二維碼,進(jìn)行付款的時(shí)候,直接跳轉(zhuǎn)到輸入金額的界面,然后按上指紋,即可完成支付。整個(gè)過(guò)程:用戶只需要3步:掃碼+輸入金額+按上指紋,就可以完成支付。


③內(nèi)容為王:

Image title


在整理界面信息的時(shí)候,需要先整理界面的信息架構(gòu)圖:包括:信息的分類方式,信息的包含關(guān)系,信息的展示方式。在設(shè)計(jì)界面的時(shí)候,要注意視覺(jué)優(yōu)先級(jí):先引導(dǎo)用戶看文字,再引導(dǎo)用戶看icon和圖片,接著引導(dǎo)用戶看背景。

舉例:這一點(diǎn),在[京東金融app]的界面設(shè)計(jì)上,就體現(xiàn)的非常好。京東金融app大部分都是文字,即使有配圖,也是給它疊上一層黑色,然后在上面寫(xiě)上配圖的標(biāo)題文字。


④適應(yīng)設(shè)備屏幕尺寸

Image title


為屏幕設(shè)計(jì)的界面,需要注意適應(yīng)屏幕的尺寸。

舉例:PC端網(wǎng)頁(yè)的首頁(yè)第一屏的高度[小于]760px-140px=620px,其中760px是最小pc屏幕的高度,140px是網(wǎng)頁(yè)菜單欄+地址欄+網(wǎng)頁(yè)底部信息欄的高度。考慮到windows電腦的鼠標(biāo)滑輪的敏感度以及不同瀏覽器的兼容,網(wǎng)頁(yè)第一屏的高度建議小于600px。


⑤界面留白:

Image title


界面適當(dāng)留白,從而讓視覺(jué)有休息的空間,避免了視覺(jué)疲勞。界面留白還可以傳達(dá)出一種平靜和安寧的心理感受。

舉例:這一點(diǎn)在iphone手機(jī)殼背面的設(shè)計(jì)上,體現(xiàn)的非常好。整個(gè)手機(jī)殼背面,只有攝像頭,蘋(píng)果logo,iPhone字樣,兩行細(xì)小文字。留白空間,占了整個(gè)界面的80%以上。


⑥模仿現(xiàn)實(shí)中的場(chǎng)景:

Image title


分析用戶在現(xiàn)實(shí)場(chǎng)景中的使用習(xí)慣,把用戶線下場(chǎng)景的使用習(xí)慣,遷移到需要設(shè)計(jì)的界面上。

舉例:這一點(diǎn)在手寫(xiě)計(jì)算器app上,體現(xiàn)得非常好。用戶只需要在手寫(xiě)計(jì)算器的屏幕上書(shū)寫(xiě):3+?=10。結(jié)果就會(huì)顯示?的位置被彩色的數(shù)字7代替。


⑦把生活經(jīng)歷融入設(shè)計(jì)風(fēng)格

Image title


每個(gè)設(shè)計(jì)師的設(shè)計(jì)風(fēng)格,都會(huì)處處透露出設(shè)計(jì)師的生活經(jīng)歷。因此,設(shè)計(jì)師想提高設(shè)計(jì)水平,就要不斷豐富個(gè)人的生活經(jīng)歷。

舉例:?jiǎn)滩妓菇佑|佛教之后,禪宗的修養(yǎng),讓喬布斯擁有了簡(jiǎn)潔的人生目標(biāo)和禪宗的思想境界,后來(lái)的所有蘋(píng)果產(chǎn)品,也都體現(xiàn)出東方佛教的簡(jiǎn)潔頓悟之美。


???本文作者:張?jiān)棋X。從Ui到UED到PM。坐標(biāo):上海。微信號(hào):944352559


藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔