japanese少妇高潮潮喷 -精品国产AV一区二区三区-麻豆av一区二区三区久久-国产精品无码专区

如何避免糟糕的app頁面設計

發布時間:2025-10-13 點擊:9
如果你不相信自己能夠做好設計,那么請記住傳說中的人物david eric grohl說過的這段話:
我從不學習打鼓課程,從不學習吉他課程,我靠自己摸索。我認為倘若你真的對什么東西有所熱誠,你就會有動力,你就會集中注意力,你可以做任何你想做的事情。
——dave grohl,噴火戰機樂隊
記著上面那段話,你準備好要開始速成課了嗎?讓我們開始吧(沒有特定順序):
1. 足夠強烈的色彩對比 背景和字體必須有足夠區分,閱讀起來不傷眼睛。白底黑字是最容易辨認的。最好不要使用淺灰、黃色或綠色。如果別人必須瞇著眼睛才能看清文字,那肯定是有問題的。
圖片來源:ui design do’s and don’ts
2. 深灰比黑色更好 如果可以的話,嘗試使用#333333 rgb(51, 51, 51),而不是黑色,作為文字顏色。黑白對比晃眼睛,讓人更難集中注意力。
3. 重要內容放在前面 布局是幫助使用app或網站的重要信息。重要的內容應該是第一眼可見的,不需要縮放、滾動或點擊。
圖片來源: ui design do’s and don’ts
讓我們看看幾個視覺層級設計的正面實例。
instagram(下圖左側)將讓用戶發布的圖片/視頻作為焦點。
pinterest(下圖右側)的主要功能是搜索,人們在上面瀏覽翻找信息。
再看兩個例子。
spotify(下圖左側)顯然把唱片封面和音樂標題放在第一位,將用戶操作放在第二位。盡管操作是第二位,spotify仍然保證播放暫停按鈕的比重大于前進后退。
facebook(下圖右側)看起與instagram非常相似,把好友發布的內容放到前面和中心。
4. 對齊一切 如果你感覺哪里有些不對,最快的解決方式很可能是把不對齊的東西全部對齊。有時設計師會念叨需要使用“柵格”,這其實是在提醒團隊需要解決對齊的問題。保證元素對齊是改進任何app或網站的最簡單的方法,可以立馬讓視覺效果提升10倍。
圖片來源:ui design do’s and don’ts
讓我們再看看其它對齊案例,這次是medium。
下面是一個medium的頁面,你覺得看起來如何?是不是有哪里不對?提示:注意左側的對齊情況,看起來怎么樣?
下圖我僅僅將內容左側對齊了。
5. 文字尺寸和留白 我們是給人做設計的,不是給螞蟻做的。增加文字尺寸并多留些空白能夠保證內容更加易讀。
好的文字尺寸vs不好的文字尺寸:
圖片來源:ui design do’s and don’ts
好的留白 vs 不好的留白:
圖片來源: ui design do’s and don’ts
6. 如果順序很重要的話,使用列表 大部分移動/網頁app有搜索功能,對于應該如何展示搜索結果,可能有些爭議。
如果順序是很重要的,那么列表是最有效的。
如果順序不重要,并且還鼓勵用戶多瀏覽探索(像是pinterest或airbnb),那么網格視圖就可以提供更多的信息,方便用戶瀏覽探索。
來源:《用戶如何查看網格布局的搜索結果?》
7. 先做灰度設計,再上色 灰度設計能夠保證聚焦于關鍵的用戶體驗。顏色牽扯到較多的情緒反射,并且容易打擾我們所聚焦的關鍵問題。
8. 讓設計用起來舒服 手的使用是一個重要的問題,建議參考luke wrobluewski的文章《responsive navigation: optimizing for touch across devices》
luke畫出了手機上最容易使用的部分(對于右手來說)——我挺喜歡哪些可以設置左右手的app的。
很多高效的手機app保證導航和主要操作在手機的底部。
圖片來源:《responsive navigation: optimizing for touch across devices》
9. 借用色板 色彩是一種難以捉摸的藝術。我強烈推薦大家去dribbble搜索“color palettes”或者使用色板編輯器,如coolors或者color claim。這樣做可以節約好幾個小時的爭論、糾結的時間。
10. 使用apple和google的系統設計規范 這兩家公司都有很棒的資源幫助任何人搭建android或ios的app。
例如,google的material里有設計原則、資源、色彩、圖標和控件,能夠幫助你快速開始app設計。
apple則有hig(human interface guideline),里面羅列了有所有設計ios平臺app所需要知道的東西。
圖片來源: google material design和the apple human interface guidelines
記住,設計需要練習
需要一些時間和練習才能夠訓練出一雙辨別設計的銳眼,但是你會發現上面的建議會大大提高你的設計。


企業網站建設的基本原則
網站建設為什么要選擇使用CSS+DIV
旅游網站建設要如何設計
百度競價系統調整 中小企業該何去何從
企業為什么要建立官網,看完你就明白了!
怎么能讓網站上百度首頁?百度信譽了解一下
建網站有幾種類別?
深圳網站優化:四個關鍵詞排名降低的原因,外鏈僅僅是一項!