避免糟糕設計的十個注意事項
記住,設計需要練習
需要一些時間和練習才能夠訓練出一雙辨別設計的銳眼,但是你會發現上面的建議會大大提高你的設計。
讓我們開始吧(沒有特定順序):
1.足夠強烈的色彩對比
背景和字體必須有足夠區分,閱讀起來不傷眼睛。白底黑字是最容易辨認的。最好不要使用淺灰、黃色或綠色。如果別人必須瞇著眼睛才能看清文字,那肯定是有問題的。
2.深灰比黑色更好
如果可以的話,嘗試使用#333333RGB(51,51,51),而不是黑色,作為文字顏色。黑白對比晃眼睛,讓人更難集中注意力。
3.重要內容放在前面
布局是幫助使用App或網站的重要信息。重要的內容應該是第一眼可見的,不需要縮放、滾動或點擊。
讓我們看看幾個視覺層級設計的正面實例。Instagram將讓用戶發布的圖片/視頻作為焦點。Pinterest 的主要功能是搜索,人們在上面瀏覽翻找信息。再看兩個例子:Spotify顯然把唱片封面和音樂標題放在第一位,并將用戶操作放在第二位;Facebook則把好友發布的內容放到前面和中心。
4.對齊一切
如果你感覺哪里有些不對,最快的解決方式很可能是把不對齊的東西全部對齊。保證元素對齊是改進任何App或網站最簡單方法之一,并且可以立馬提升視覺效果10倍。
讓我們再看看其它對齊案例:Medium頁面左側內容沒有左側對齊;下圖僅僅將內容左側對齊后顯得整潔明了。
5.文字尺寸和留白
我們是給人做設計的,而非螞蟻,請增加文字尺寸并多留些空白以保證內容更加易讀。
6.如果順序很重要,則使用列表
大部分移動/網頁App都有搜索功能,在展示搜索結果時可能存在爭議。如果順序很重要,則列表是最有效方法;如果順序不重要,并且還鼓勵用戶多瀏覽探索(像Pinterest或Airbnb),那么網格視圖就可以提供更多信息方便用戶瀏覽探索。
7.先做灰度設計再上色
灰度設計能夠保證聚焦于關鍵用戶體驗;顏色牽涉到較多情緒反應,并且容易打擾我們所聚焦關鍵問題。
8.讓設計用起來舒服
手部使用是一個重要問題,請參考Luke Wroblewski文章《Responsive Navigation: Optimizing for Touch Across Devices》中手機上最容易使用部分(右手)。很多高效手機App保證導航和主要操作在手機底部。
9.借用色板
色彩是一種難以捉摸藝術,請去Dribbble搜索“Color Palettes”或者使用Coolors或Color Claim等編輯器節約時間糾結爭論。
10.使用Apple和Google系統設計規范
這兩家公司都有很棒資源幫助任何人搭建Android或iOS App 。例如Google Material里包含了設計原則、資源、色彩、圖標和控件等能夠幫助快速開始App 設計;Apple則提供HIG(Human Interface Guideline),羅列了所有iOS平臺App所需知道東西。
記住:需要時間和練習才能錘煉出辨別設計銳眼!但以上建議會大大提高您設計水平!
文章申明:本文章轉載自互聯網公開渠道,如有侵權請聯系我們刪除
登錄后可以評論
立即登錄
立即登錄
熱門工具

135編輯器
領先的在線圖文編輯平臺原創樣式素材,一鍵套用

筆格設計
受歡迎的在線作圖網站,新媒體配圖、手機海報應有盡有

筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT

管小助
企業營銷、私域流量運營——站式營銷管理平臺