
無論是APP還是網(wǎng)站,干凈簡潔的設(shè)計(jì)風(fēng)格都會被大多數(shù)人所接受,而那些看起來復(fù)雜、充滿大量的信息的APP或者網(wǎng)站卻會讓用戶不由自主的拒絕。因?yàn)楹啙嵏蓛舻捻撁娓屓擞X得輕松,而且也可以更加突出想要表達(dá)的信息。那么在UI設(shè)計(jì)中怎樣讓界面變得更簡潔干凈呢?
5個技巧讓界面更加干凈
1、減少線條
頁面上面線條太多,會讓人覺得頁面復(fù)雜,線條好了,看起來就會清爽干凈。
2、合理留白,拉開信息層級
合理的留白可以增加產(chǎn)品的品質(zhì),也可以讓主題更加突出,有些頁面上面有很多元素,看上去非常擁擠,如果適當(dāng)留白,看上去更加清爽。
3、運(yùn)用卡片整合信息
卡片式設(shè)計(jì)將信息、圖像歸類整合到一個方塊里,清晰直觀又避免頁面因?yàn)樾畔⒍喽y。卡片的排列方式是按列或者行的方式進(jìn)行對齊展示,視線沿著橫向或者縱向?yàn)g覽能快速找到想要的信息,此外,這種固定大小的卡片方塊也有利于柵格化排版。
4、加強(qiáng)行間距,+4原則或黃金比例
行間距大家都知道,但是具體如何設(shè)計(jì)很多人不知道,一般常用規(guī)則是+4,比如文字大小是12PX,那么行間距就是16,依次類推文字是14那么行間距就是18。
5、加大字間距:0.1或者0.2勿過大
字間距同樣很重要,特別是做英文排版的時候,同樣的內(nèi)容,字間距和行間距不合適,界面看起來就會相差很多,有的看著很舒服,有的看起來說不出來哪里不對。
無論是APP還是網(wǎng)站,干凈簡潔的設(shè)計(jì)風(fēng)格都會被大多數(shù)人所接受,而那些看起來復(fù)雜、充滿大量的信息的APP或者網(wǎng)站卻會讓用戶不由自主的拒絕。因?yàn)楹啙嵏蓛舻捻撁娓屓擞X得輕松,而且也可以更加突出想要表達(dá)的信息。那么在UI設(shè)計(jì)中怎樣讓界面變得更簡潔干凈呢?
5個技巧讓界面更加干凈
1、減少線條
頁面上面線條太多,會讓人覺得頁面復(fù)雜,線條好了,看起來就會清爽干凈。
2、合理留白,拉開信息層級
合理的留白可以增加產(chǎn)品的品質(zhì),也可以讓主題更加突出,有些頁面上面有很多元素,看上去非常擁擠,如果適當(dāng)留白,看上去更加清爽。
3、運(yùn)用卡片整合信息
卡片式設(shè)計(jì)將信息、圖像歸類整合到一個方塊里,清晰直觀又避免頁面因?yàn)樾畔⒍喽y??ㄆ呐帕蟹绞绞前戳谢蛘咝械姆绞竭M(jìn)行對齊展示,視線沿著橫向或者縱向?yàn)g覽能快速找到想要的信息,此外,這種固定大小的卡片方塊也有利于柵格化排版。
4、加強(qiáng)行間距,+4原則或黃金比例
行間距大家都知道,但是具體如何設(shè)計(jì)很多人不知道,一般常用規(guī)則是+4,比如文字大小是12PX,那么行間距就是16,依次類推文字是14那么行間距就是18。
5、加大字間距:0.1或者0.2勿過大
字間距同樣很重要,特別是做英文排版的時候,同樣的內(nèi)容,字間距和行間距不合適,界面看起來就會相差很多,有的看著很舒服,有的看起來說不出來哪里不對。