2022-04-05 11:01:14|已瀏覽:168次
UI設計師要知道的知識點:
一、字體大小
1.14px的字
在移動互聯網前時代,也就是 web 時代,電腦的分辨率通常是72 ppi,所以電腦上的字體不是很大。通常14號字是web的起始字體,較大的文本會使用16號字體。
2. 20+px
在移動互聯網時代,屏幕分辨率越來越高。如果在設計過程中不注意字號大小,那么在多平臺平臺上,會出現移動終端上的文字和內容會比較小的情況,所以不能簡單的將圖片模塊縮小到適配移動端。
二、模塊間距要有規律
1.元素間距不隨意調
品牌設計師或運營設計師也會使用到縱向網格系統,而到了移動端運營設計的時候,按鈕大小、行間距和元素間距就需要有恰當的規律和規范。
2.按鈕大小不隨意調
按鈕大于屏幕的物理尺寸下的一定面積,防止誤觸的發生,48像素是安全限制。按鈕的大小也可以設定為一定的規律,以便在將來的設計做復用準備。
三、控制首屏內容
1. 拉新類專題
在設計移動終端的專題頁面時,一定要注意首屏線的設置。如果交互設計沒有到位,則需要與對方進行溝通,控制第一個屏內容的露出位置。
雖然首屏線不是判斷交互的標準,但在某些場景中,它具有視覺引導或交互引導——引導用戶有興趣向下滑動。
用戶增長的設計中,頁面的每個模塊中放什么內容是有數據支持、交互原理和業務需求在里面的,而不僅僅是簡單的視覺設計。理解業務上游進行思考,并成為一個全鏈接設計師,是實現業務目標的重要一點。
四、格式塔原理
1.相似原則
避免和功能按鈕相似的設計。當人們感知復雜的對象時,他們會有意識或無意識地納入到一個有組織的系統中。這點在UI設計中運用非常多。
可以利用相似性原則來組織界面中的信息和層級關系。還可以利用相似性原則來避免一些設計錯誤。
2.接近原理
運用接近原理的反面,通過留白來代替線框,排列在彼此之間的鄰近元素被認為比那些放置得更遠的元素更相關,因此不同的元素主要視為一個組,而不是單個元素。在設計上,我們也不得不順應潮流,通過無邊化設計,留白設計,來突出信息內容和模塊間的區別。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-27584.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050