2022-01-27 20:37:55|已瀏覽:146次
今天小編要跟大家分享的文章是關于UI設計師一定要知道的UI設計基本原則。界面作為用戶與APP交互的唯一接口,對用戶的情緒和工作效率起著舉足輕重的作用。因此需對用戶界面設計一般原則進行探討。
要想成為一個優秀的UI設計師,就必須要知道UI設計的基本原則。
1、產品思維要貫穿
多看需求產品流程圖,在交互結構圖中,可以根據需求初步構造頁面的布局排版。
梳理頁面的主次,在腦海中留下初步的風格構想,為整個項目打下一個埋點,為將來設計創作時找參考靈感打好基礎。
詳細地分析需求,能讓設計師更好的把握產品思路。
2、界面元素的一致性
如果界面元素缺乏一致性,很可能使界面看起來雜亂無章、沒有條理,甚至可能引起用戶對產品可靠性的懷疑,失去對產品的信心,所以一致的外觀可以讓產品產生一種和諧性與專業性。
無論是按鈕的圓角比例,還是圖標的統一性,以及統一的圖形元素,都可以來提升界面的統一感。
3、色彩風格的統一性
顏色風格、頁面色相、彩度、明度等整體統一性。
顏色往往是人感官中留下的第一印象,想要合理的運用顏色,其實并不容易。
跟傳統的空間設計一樣,在大部分界面設計中,一般使用三種顏色就夠了,除非設計師有非常高的配色駕馭能力,不然整個頁面都會顯得較為花哨,影響信息傳遞。
在界面上合理地使用顏色可以增加視覺上的感染力,但濫用顏色會適得其反。
一般而言,亮色容易使人興奮,同時也容易使人的眼睛產生疲勞,柔和的暗色可以使人平靜。
4、選用字體的技巧
文字是傳達信息的工具,有文字就有字體。因此字體也是影響用戶界面質量的重要因素。
要選取在不同的分辨率和不同類型的屏幕上都能順利閱讀的字體。因此對UI設計師而言,理解字體也是非常有必要的,這里提供給大家選擇字體的技巧。
字體樣式
在做界面設計時,永遠要把內容的可讀性放在首位,其次再去考慮其它。
根據不同的業務模式,選擇不同的字體。如襯線字與無襯線字,所傳遞出來的感受也是有著較大區別的。
一般而言,需要強調的文字或者小篇文字中,使用無襯線字會更合適一些。而在一些長篇文章中,使用襯線體則會更容易閱讀。
字體的粗細(字重)
在單色環境中,使用不同的字重能更好的加強內容之間的呼應對比。
在界面設計中,使用較粗的字重來作為標題是較為合適的。因此在設計界面中,不妨把一些主標題加粗試試,或許有一些意想不到的效果。
控制字距
字距跟行距會直接影響到大段文字的閱讀性。標題的字間距要緊密,正文大段文字的字間距要稀疏一些。另外正文的行間距常規情況下可以設置為字體大小的1.2倍到1.5倍之間。
在設計過程中,大家根據實際情況合理嘗試,直到信息較容易識別閱讀為止。另外,字體的一致性也很重要,在大多數情況下,不應當采用兩種以上的字體。
5、界面交互風格保持一致
理解尊重交互邏輯,界面交互風格應保持一致。
在視覺設計時,設計師應該跳出自己的思維怪圈,不是只想著把頁面做好看就可以了,把頁面做得好看是設計師的基本責任,把頁面做得好看又好用才是最終目標。
所以設計師應該多學習交互邏輯,熟悉產品思路,這樣做出來的作品才是有靈魂的。
在設計過程中使用一致的術語、一致的步驟、一致的動作,讓用戶始終用同一種方式思考與操作。
最忌諱每換一個屏幕就更換一套操作命令與操作方法。
6、把握頁面節奏
頁面節奏常規是指,在同一個頁面內容中,間距的樣式不要太多,另外間距盡量使用倍數。
設計所說的頁面節奏是指頁面布局怎么去分割,給予用戶什么樣的視覺體驗,讓用戶第一眼看到什么,第二眼知道有什么,第三眼發現什么,都是設計師視覺思路明確帶著用戶去體驗的。
設計過程中合理使用空白區域。恰當地“留白”有助于突出界面元素和改善可用性,引導用戶在不知不覺中進入系統的思維框架,從而順利地、正確地應用這個系統。
7、規范細化
規范對于設計的核心而言就是靈魂,視覺上游對接產品經理,下游對接開發人員,它都起到闡述設計的規范化、統一化,讓外人可以快速讀懂設計。
規范細化在交接工作中也會起到高效率的溝通對接橋梁,所以在設計好頁面時應該細化地整理輸出一份設計規范。
規定標題、副標題、正文等一系列共同使用的組件的大小、狀態、間距。
這些都是有共通性與邏輯性的,這樣開發在實現頁面中就會有依據,知道注意哪些點的字號用多少,間距是多少等等,后期驗收工作也會減少很多勞動力。
同時在設計與程序之間慢慢地建立合作默契,完成以后工作任務也達到事半功倍的效果。
設計沒有什么捷徑,有的只是多看、多想、多做,邏輯明確了,思路清晰了,累積多了,項目方案就好解決了。
UI設計與其他視覺的區分就是更多的考慮可玩性、使用性、耐用性,這些比視覺第一沖擊力還重要。提升自己的視覺設計水平,也并非一朝一夕之事,靠的也是不斷地積累,不斷學習。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-18699.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050