當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內(nèi)容

UI知識,尺寸對UI設計的影響

來源:站酷 作者:鐵木士 學習:4350人次

 

 

 

 

 

影響UI設計結(jié)果的因素

 

 

(一)視覺尺?篇

 

 

 

 

 

并不想寫一個類似軟件使用說明書的UI制作范例,同樣是設計UI元件,所以選擇了另一種角度作為切入點,講述一下UI的設計取選過程吧。

 

人機互交里,最重要的部分,是信息傳達。當你眼睛所見信息越少,你判斷信息的效率就越高。而在UI設計工作里,首要的是信息傳達效率,其次是信息傳達次序最后才是審美需求。

 

我們先擬定一個命題:比如做一個放大鏡的UI元件

 

UI知識,尺寸對UI設計的影響

 

多數(shù)人都可能認為我交出這么一個稿子,會被直接否掉,原因就是太簡單,太單調(diào)了。但是這種命題練習的命題內(nèi)容并不完善,如果這是為手機搜索條做提示用的UI元件。那么它就很適合——

 

UI知識,尺寸對UI設計的影響

 

對比清晰,辨識方便,它的尺寸,可以做得足夠小,這種元件沒有操作需求,僅僅是提示用,所以,只要肉眼辨識不困難,可以要多小就多小。順便說一下,為什么手把的傾斜角度是45度?因為在像素矩陣里,當你要去放大縮小的時候,45度可以排列出最規(guī)整的直線,最不易變形。如果圖片不是用程序縮放的時候,也最容易匹配。

 

在視覺引導范圍里,信息傳遞的效率不僅僅受信息的繁復程度影響,也有其他影響因素,例如:尺寸。尺寸過小,辨識不容易,尺寸過大,不能一眼辨識主要信息,也影響辨識效率。

 

那么在UI里,最小和最大尺寸應該是多少呢?

 

最小尺寸參考,請低頭看一下你的鍵盤按鈕和按鈕上的字母大小,這是經(jīng)過工程設計師精密計算的,一臂長辨識最優(yōu)尺寸。再小就會產(chǎn)生辨識困難,你就需要花時間去分辨了。

 

UI知識,尺寸對UI設計的影響

 

所以在UI設計工作中,你先要明確你的設計是為哪種硬件服務的,電腦顯示器的操作距離就是一臂長以內(nèi),其尺寸可以直接參考鍵盤按鈕大小。而手持設備基本都是半臂距離,那么最小尺寸就是四分之一鍵盤按鈕大小。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!