避免糟糕設(shè)計(jì)的十個(gè)注意事項(xiàng)

記住,設(shè)計(jì)需要練習(xí)
需要一些時(shí)間和練習(xí)才能夠訓(xùn)練出一雙辨別設(shè)計(jì)的銳眼,但是你會(huì)發(fā)現(xiàn)上面的建議會(huì)大大提高你的設(shè)計(jì)。

本文是為初學(xué)者/門外漢準(zhǔn)備的五分鐘設(shè)計(jì)指南。好的設(shè)計(jì)原則對(duì)任何人都有用。這個(gè)指南會(huì)告訴你一些基礎(chǔ)設(shè)計(jì)原則,立即就能用得上并分享給別人。如果你不相信自己能夠做好設(shè)計(jì),那么請(qǐng)記住傳說中的人物David Eric Grohl說過的這段話:“我從不學(xué)習(xí)打鼓課程,從不學(xué)習(xí)吉他課程,我靠自己摸索。我認(rèn)為倘若你真的對(duì)什么東西有所熱誠(chéng),你就會(huì)有動(dòng)力,你就會(huì)集中注意力,你可以做任何你想做的事情?!薄狣ave Grohl,噴火戰(zhàn)機(jī)樂隊(duì)。

讓我們開始吧(沒有特定順序):

1.足夠強(qiáng)烈的色彩對(duì)比

背景和字體必須有足夠區(qū)分,閱讀起來不傷眼睛。白底黑字是最容易辨認(rèn)的。最好不要使用淺灰、黃色或綠色。如果別人必須瞇著眼睛才能看清文字,那肯定是有問題的。

2.深灰比黑色更好

如果可以的話,嘗試使用#333333RGB(51,51,51),而不是黑色,作為文字顏色。黑白對(duì)比晃眼睛,讓人更難集中注意力。

3.重要內(nèi)容放在前面

布局是幫助使用App或網(wǎng)站的重要信息。重要的內(nèi)容應(yīng)該是第一眼可見的,不需要縮放、滾動(dòng)或點(diǎn)擊。

讓我們看看幾個(gè)視覺層級(jí)設(shè)計(jì)的正面實(shí)例。Instagram將讓用戶發(fā)布的圖片/視頻作為焦點(diǎn)。Pinterest 的主要功能是搜索,人們?cè)谏厦鏋g覽翻找信息。再看兩個(gè)例子:Spotify顯然把唱片封面和音樂標(biāo)題放在第一位,并將用戶操作放在第二位;Facebook則把好友發(fā)布的內(nèi)容放到前面和中心。

4.對(duì)齊一切

如果你感覺哪里有些不對(duì),最快的解決方式很可能是把不對(duì)齊的東西全部對(duì)齊。保證元素對(duì)齊是改進(jìn)任何App或網(wǎng)站最簡(jiǎn)單方法之一,并且可以立馬提升視覺效果10倍。

讓我們?cè)倏纯雌渌鼘?duì)齊案例:Medium頁(yè)面左側(cè)內(nèi)容沒有左側(cè)對(duì)齊;下圖僅僅將內(nèi)容左側(cè)對(duì)齊后顯得整潔明了。

5.文字尺寸和留白

我們是給人做設(shè)計(jì)的,而非螞蟻,請(qǐng)?jiān)黾游淖殖叽绮⒍嗔粜┛瞻滓员WC內(nèi)容更加易讀。

6.如果順序很重要,則使用列表

大部分移動(dòng)/網(wǎng)頁(yè)App都有搜索功能,在展示搜索結(jié)果時(shí)可能存在爭(zhēng)議。如果順序很重要,則列表是最有效方法;如果順序不重要,并且還鼓勵(lì)用戶多瀏覽探索(像Pinterest或Airbnb),那么網(wǎng)格視圖就可以提供更多信息方便用戶瀏覽探索。

7.先做灰度設(shè)計(jì)再上色

灰度設(shè)計(jì)能夠保證聚焦于關(guān)鍵用戶體驗(yàn);顏色牽涉到較多情緒反應(yīng),并且容易打擾我們所聚焦關(guān)鍵問題。

8.讓設(shè)計(jì)用起來舒服

手部使用是一個(gè)重要問題,請(qǐng)參考Luke Wroblewski文章《Responsive Navigation: Optimizing for Touch Across Devices》中手機(jī)上最容易使用部分(右手)。很多高效手機(jī)App保證導(dǎo)航和主要操作在手機(jī)底部。

9.借用色板

色彩是一種難以捉摸藝術(shù),請(qǐng)去Dribbble搜索“Color Palettes”或者使用Coolors或Color Claim等編輯器節(jié)約時(shí)間糾結(jié)爭(zhēng)論。

10.使用Apple和Google系統(tǒng)設(shè)計(jì)規(guī)范

這兩家公司都有很棒資源幫助任何人搭建Android或iOS App 。例如Google Material里包含了設(shè)計(jì)原則、資源、色彩、圖標(biāo)和控件等能夠幫助快速開始App 設(shè)計(jì);Apple則提供HIG(Human Interface Guideline),羅列了所有iOS平臺(tái)App所需知道東西。

記住:需要時(shí)間和練習(xí)才能錘煉出辨別設(shè)計(jì)銳眼!但以上建議會(huì)大大提高您設(shè)計(jì)水平!
文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
比格設(shè)計(jì)
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷、私域流量運(yùn)營(yíng)——站式營(yíng)銷管理平臺(tái)
推薦文章
用戶運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營(yíng)中的用戶分層
內(nèi)容運(yùn)營(yíng):戴上寫作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢
一個(gè)案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個(gè)女孩子在抖音靠洗車也能月入過萬!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到