UI設計中的一些細節(jié)環(huán)節(jié)把控技巧
同一個ui界面為什么別人的看起來非常精致有吸引力,為什么自己做的圖總是不精致、不耐看。天水網站建設小編告訴你,其實這就跟頁面細節(jié)環(huán)節(jié)把控有關。
一、設計角度統(tǒng)一
角度統(tǒng)一包含漸變以及投影的角度,在一個 APP 內,所使用的漸變以及投影的角度需要是一樣的。在扁平設計流行的時代,越來越多的人喜歡用漸變來增加頁面質感,但使用漸變的時候需要注意,角度要一樣。這個時候的角度相同,指的就是顏色的飽和度、明度了,都是一個角度的從高到低或者從低到高。
漸變的角度是大家很容易忽略的問題,做的時候很容易隨心所欲,光顧著單個地方的顏色好看,而忽略了整體,但對于用戶來說,看到的整個頁面,是所有元素搭配起來的整體視覺感受。
和漸變一樣,不同地方的同一個層級的元素,投影參數需要一致,原則上來說,一個 APP 內所有頁面用到的投影都必須是一樣的,但是難免有一些特殊情況,元素大小相差較大時,投影參數一樣的話會造成視覺上不一樣。
二、色彩搭配合理統(tǒng)一
顏色要有規(guī)律可循指的就是要定義輔助色,且輔助色不要太多。這樣重復出現多種顏色的時候,也不會讓人覺得花。當不同頁面出現時,顏色也更加統(tǒng)一。
三、增加修飾元素
增加修飾元素就是給頁面增加細節(jié),恰到好處的細節(jié)能讓人覺得設計者是花費了心思在里面的,而不是隨意排放。這些小的細節(jié)點,背景上加品牌元素,或者加一些沒有什么實際意義的修飾元素。說起來很容易,做的時候需要特別注意分寸,不要太過了,過了就會顯得花哨。方式有很多種,只要能夠滿足產品功能需求,不破壞用戶的使用習慣,純視覺上的修改我覺得都可以嘗試。
四、還原線上真實場景
很多人在做設計稿的時候,為了頁面當前的效果,規(guī)避了很多真實的場景,這樣雖然在設計稿很完美,但是上線后,效果卻差強人意,所以做設計稿時,需要盡量還原線上真實的場景。
和文字相比,圖片更能吸引用戶的目光,用一些高清美照雖然能提高設計圖的質感,但也要合適符合真實情況才行。其次就算是同一個模塊,也需要模擬線上真實的數據,配圖文字都需要不同,可能有些人會說這只是做個示意,到時候上線的時候,會有后臺數據,這些圖不會都是一樣的。話雖是這么說,但作為設計師來說,頁面元素都是一樣的,會讓人覺得頁面不真實、不耐看,也會影響到對頁面細節(jié)的把控。
在做圖的時候要特別注意,底部是相同元素的,比如都是文字、按鈕、圖片等,間距都需要保持一致。設計師在做的時候,就需要定義不同元素所使用的底間距。
不同元素之間的底間距可以不一樣,也可以一樣,只需要記住相同元素的間距一樣即可。
天水網站建設小編認為,細節(jié)決定成敗, 要想讓自己做的界面更精致、更耐看、更有細節(jié)、經得起推敲, 就需要我們在做的時候, 從小處做起, 比如從文中所說的那些點做起:
1.漸變以及投影的角度要統(tǒng)一;
2.界面內所使用的輔助色要有規(guī)律可循,可通過定義輔助色來實現;
3.嘗試在界面的合適的位置增加恰到好處的細節(jié),比如在卡片背景上以及輪播點上;
4.做圖的時候,要盡可能的還原線上真實效果,把設計稿當作線上完成稿來對待。
相關熱詞搜索: UI設計技巧,UI設計細節(jié),UI設計環(huán)節(jié)