UI設(shè)計(jì)師需要掌握的要點(diǎn)是什么?作為UI設(shè)計(jì)師，一些設(shè)計(jì)規(guī)范和要點(diǎn)是必須要掌握的，下面我們就一起來看看UI設(shè)計(jì)師需要掌握的要點(diǎn)是什么吧。

       UI設(shè)計(jì)師需要掌握的要點(diǎn)是什么?

       一、字體大小

       1.14px的字

       在移動互聯(lián)網(wǎng)前時代，也就是 web 時代，電腦的分辨率通常是72 ppi，所以電腦上的字體不是很大。通常14號字是web的起始字體，較大的文本會使用16號字體。

       2. 20+px

       在移動互聯(lián)網(wǎng)時代，屏幕分辨率越來越高。如果在設(shè)計(jì)過程中不注意字號大小，那么在多平臺平臺上，會出現(xiàn)移動終端上的文字和內(nèi)容會比較小的情況，所以不能簡單的將圖片模塊縮小到適配移動端。

       二、模塊間距要有規(guī)律

       1.元素間距不隨意調(diào)

       品牌設(shè)計(jì)師或運(yùn)營設(shè)計(jì)師也會使用到縱向網(wǎng)格系統(tǒng)，而到了移動端運(yùn)營設(shè)計(jì)的時候，按鈕大小、行間距和元素間距就需要有恰當(dāng)?shù)囊?guī)律和規(guī)范。

       2.按鈕大小不隨意調(diào)

       按鈕大于屏幕的物理尺寸下的一定面積，防止誤觸的發(fā)生，48像素是安全限制。按鈕的大小也可以設(shè)定為一定的規(guī)律，以便在將來的設(shè)計(jì)做復(fù)用準(zhǔn)備。

       三、控制首屏內(nèi)容

       1. 拉新類專題

       在設(shè)計(jì)移動終端的專題頁面時，一定要注意首屏線的設(shè)置。如果交互設(shè)計(jì)沒有到位，則需要與對方進(jìn)行溝通，控制第一個屏內(nèi)容的露出位置。

       雖然首屏線不是判斷交互的標(biāo)準(zhǔn)，但在某些場景中，它具有視覺引導(dǎo)或交互引導(dǎo)——引導(dǎo)用戶有興趣向下滑動。

       用戶增長的設(shè)計(jì)中，頁面的每個模塊中放什么內(nèi)容是有數(shù)據(jù)支持、交互原理和業(yè)務(wù)需求在里面的，而不僅僅是簡單的視覺設(shè)計(jì)。理解業(yè)務(wù)上游進(jìn)行思考，并成為一個全鏈接設(shè)計(jì)師，是實(shí)現(xiàn)業(yè)務(wù)目標(biāo)的重要一點(diǎn)。

       四、格式塔原理

       1.相似原則

       避免和功能按鈕相似的設(shè)計(jì)。當(dāng)人們感知復(fù)雜的對象時，他們會有意識或無意識地納入到一個有組織的系統(tǒng)中。這點(diǎn)在UI設(shè)計(jì)中運(yùn)用非常多。

       可以利用相似性原則來組織界面中的信息和層級關(guān)系。還可以利用相似性原則來避免一些設(shè)計(jì)錯誤。

       2.接近原理

       運(yùn)用接近原理的反面，通過留白來代替線框，排列在彼此之間的鄰近元素被認(rèn)為比那些放置得更遠(yuǎn)的元素更相關(guān)，因此不同的元素主要視為一個組，而不是單個元素。在設(shè)計(jì)上，我們也不得不順應(yīng)潮流，通過無邊化設(shè)計(jì)，留白設(shè)計(jì)，來突出信息內(nèi)容和模塊間的區(qū)別。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-65057.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050