1、清晰的布局，稍顯錯(cuò)落的排版

布局設(shè)計(jì)的時(shí)候，圖片、文字、按鈕等元素，需要遵循“相關(guān)靠近”的規(guī)則來(lái)分組排布，這樣的布局會(huì)顯得邏輯清晰，易于理解。不過(guò)，在保持這樣的視覺(jué)關(guān)系的同時(shí)，讓排版稍微錯(cuò)落一點(diǎn)，能夠讓頁(yè)面優(yōu)雅而又足夠活潑生動(dòng)，不會(huì)顯得太簡(jiǎn)單呆板。

2、保持一致的光源

確保您的陰影始終僅來(lái)自一個(gè)光源。如下圖所示，右側(cè)日歷投影就存在光源不一致，一些剛開(kāi)始學(xué)設(shè)計(jì)的小伙伴可能就會(huì)忽略這種細(xì)節(jié)問(wèn)題！因此一定要注意。

3、全屏大圖，兼顧功能線(xiàn)性元素

高清大圖撐滿(mǎn)全屏，加上展示性比較強(qiáng)的字體作為標(biāo)題也是經(jīng)典的搭配，但是在很多時(shí)候依然會(huì)讓人覺(jué)得單調(diào)。線(xiàn)性元素的加入，不僅不會(huì)遮蓋住作為視覺(jué)主體的圖片，而且能夠強(qiáng)化形式感，如果運(yùn)用得當(dāng)?shù)脑?huà)，還能作為視覺(jué)引導(dǎo)，強(qiáng)化交互，引導(dǎo)用戶(hù)點(diǎn)擊，非常有用。

4、高清大圖，超出邊界的布局

使用占據(jù)整個(gè)屏幕的高清大圖固然賞心悅目，但是更多的圖片在邊界露個(gè)頭，能夠更好地吸引用戶(hù)的好奇心，這比起單純的左右翻頁(yè)按鈕更能夠促進(jìn)交互。這種不對(duì)稱(chēng)的布局，結(jié)合形式感極強(qiáng)的標(biāo)題和數(shù)字元素，整體會(huì)顯得更加優(yōu)雅。

5、保持元素清晰

在設(shè)計(jì)過(guò)程中可以稍微使用一些恰當(dāng)合適的陰影，來(lái)保證當(dāng)前設(shè)計(jì)與背景能夠清晰可見(jiàn)，但是一定要避免復(fù)雜的陰影，這會(huì)起到反作用。

陰影可以增加元素的深度，引起用戶(hù)的注意力，同時(shí)也能增強(qiáng)畫(huà)面的視覺(jué)層次感。

6、經(jīng)典布局，錯(cuò)落的交互元素

打破規(guī)則，或者說(shuō)打破常規(guī)是經(jīng)常用到的一種設(shè)計(jì)思路，但是通常只能打破一種常規(guī)，打破太多的規(guī)則和習(xí)慣會(huì)帶來(lái)混亂。在經(jīng)典的左右布局之下，加入不那么規(guī)則、整齊的交互元素，能夠讓設(shè)計(jì)維持經(jīng)典的外觀的同時(shí)，顯得更加活潑有趣，又不會(huì)讓人覺(jué)得太過(guò)跳脫。

7、統(tǒng)一色彩，明確的視覺(jué)焦點(diǎn)

凝聚力是這種設(shè)計(jì)組合的主題。統(tǒng)一的色彩讓整個(gè)頁(yè)面顯得非常的集中，而聚焦的元素讓所有的視覺(jué)內(nèi)容都圍繞著它來(lái)進(jìn)行設(shè)計(jì)，標(biāo)題、輔助性的說(shuō)明文本、交互按鈕等都在一個(gè)統(tǒng)一的設(shè)計(jì)想法和目標(biāo)之下得到了統(tǒng)一性的規(guī)劃和設(shè)計(jì)。

8、單色網(wǎng)站，突出全彩圖片

單色網(wǎng)站通常會(huì)以一種色彩為主，但是如果在單色網(wǎng)站中再加入幾張明顯是全彩的圖片，會(huì)顯得非常「扎眼」的，但是這也會(huì)讓它們非常明顯地吸引用戶(hù)的注意力。這種設(shè)計(jì)同樣是秉承「打破一條規(guī)則」的設(shè)計(jì)策略，當(dāng)然前提是你的設(shè)計(jì)目標(biāo)就是要凸顯這寫(xiě)圖片內(nèi)容。

9、單色配色，打破常規(guī)的排版

單色配色也是最近幾年比較流行的配色方式，這樣的配色簡(jiǎn)單直觀，更重要的是能夠突出排版。這種情況下，非常規(guī)的排版能夠得到增益和凸顯。縱向排布的標(biāo)題，被邊緣遮擋的作者名稱(chēng)，用來(lái)視覺(jué)引導(dǎo)的細(xì)線(xiàn)，左下方用來(lái)強(qiáng)調(diào)的裝飾性色塊，都很好的強(qiáng)化頁(yè)面的排版形式感。

10、高雅中性色，明快提亮色

色彩通常是抓人眼球的設(shè)計(jì)元素。黑白灰這樣的中性色，不論是圖片和色塊常常能創(chuàng)造沉靜的氛圍，而精選一種明快的提亮色，比如明黃，能夠打破這種氛圍,增加一個(gè)層次，如果用來(lái)承載核心的信息，能夠讓用戶(hù)更快搞清主次。這樣的設(shè)計(jì)不僅高效，而且優(yōu)雅。

11、簡(jiǎn)約風(fēng)格，沿中線(xiàn)錯(cuò)開(kāi)布局

這同樣是在常見(jiàn)的基礎(chǔ)上，稍加調(diào)整就能做出來(lái)的好設(shè)計(jì)。在純白背景下的簡(jiǎn)約風(fēng)格之下，沿著中線(xiàn)的左右兩側(cè)來(lái)排布文本和圖片內(nèi)容，沒(méi)必要刻意保證左右兩側(cè)的準(zhǔn)確對(duì)齊，只需要保證中線(xiàn),上整個(gè)視覺(jué)路徑的清晰規(guī)整，同樣可以做到清晰而不拘一格。

12、使用一種字體

在設(shè)計(jì)一套新的UI界面時(shí)候，最好能保持一種字體，這樣能夠讓界面更加輕量化的同時(shí)，也能保持和好的品質(zhì)感。

盡量避免使用2種以上的字體，你可以通過(guò)粗細(xì)、大小、或者顏色來(lái)區(qū)分層級(jí)！

以上就是小編的分享，希望可以幫助到大家。