無論(lun)是APP還是網站，干凈簡(jian)潔的(de)(de)設計風格都會被大多(duo)數人所接受，而(er)那些(xie)看起(qi)來(lai)復雜、充滿大量的(de)(de)信息的(de)(de)APP或者網站卻會讓(rang)用戶不由自主的(de)(de)拒絕。因(yin)為簡(jian)潔干凈的(de)(de)頁(ye)面更讓(rang)人覺(jue)得(de)輕松(song)，而(er)且也可以(yi)更加突(tu)出想要(yao)表達(da)的(de)(de)信息。那么在UI設計中怎樣讓(rang)界面變得(de)更簡(jian)潔干凈呢？
5個(ge)技巧(qiao)讓(rang)界面更加干(gan)凈
1、減少線(xian)條
頁(ye)面(mian)上面(mian)線(xian)條太多，會讓人覺得頁(ye)面(mian)復雜，線(xian)條好了(le)，看起來就會清爽干凈。
2、合(he)理留白(bai)，拉開信息層級(ji)
合(he)理的留白(bai)可以增(zeng)加(jia)產品的品質，也(ye)可以讓主題更(geng)加(jia)突出，有(you)些頁面上(shang)面有(you)很(hen)多元素，看上(shang)去(qu)非常擁擠，如果適當留白(bai)，看上(shang)去(qu)更(geng)加(jia)清(qing)爽。
3、運用(yong)卡片整合信息
卡(ka)(ka)片(pian)式設計將信息、圖像(xiang)歸類整合到(dao)一(yi)個方塊里，清晰直觀又(you)避免頁面因為信息多而散(san)亂。卡(ka)(ka)片(pian)的(de)(de)排列方式是按列或者行(xing)(xing)的(de)(de)方式進(jin)行(xing)(xing)對齊展示(shi)，視線(xian)沿著橫(heng)向或者縱向瀏覽能快(kuai)速找到(dao)想要的(de)(de)信息，此外，這種固定大小的(de)(de)卡(ka)(ka)片(pian)方塊也(ye)有利于(yu)柵(zha)格(ge)化(hua)排版。
4、加強行間距，+4原則或(huo)黃金(jin)比例(li)
行間距大家都知道，但(dan)是(shi)具體如何設(she)計很多人不(bu)知道，一般常用規(gui)則(ze)是(shi)+4，比如文(wen)字大小是(shi)12PX，那么行間距就是(shi)16，依次(ci)類推文(wen)字是(shi)14那么行間距就是(shi)18。
5、加大字(zi)間距(ju)：0.1或者0.2勿過大
字(zi)間距(ju)同(tong)樣很重(zhong)要，特(te)別是做英文排版(ban)的時候(hou)，同(tong)樣的內(nei)容(rong)，字(zi)間距(ju)和(he)行(xing)間距(ju)不(bu)合適，界面看起(qi)來就會相差很多，有的看著(zhu)很舒服，有的看起(qi)來說(shuo)不(bu)出來哪里不(bu)對。
無論是APP還是網站，干凈簡潔的(de)(de)(de)設(she)計風格都會被大(da)多數人所接受，而那(nei)些(xie)看起來(lai)復雜(za)、充(chong)滿(man)大(da)量的(de)(de)(de)信(xin)息的(de)(de)(de)APP或者網站卻會讓(rang)用(yong)戶不由自主的(de)(de)(de)拒(ju)絕。因為(wei)簡潔干凈的(de)(de)(de)頁面(mian)更讓(rang)人覺得輕松，而且也可以更加突出想要表達(da)的(de)(de)(de)信(xin)息。那(nei)么(me)在UI設(she)計中怎樣(yang)讓(rang)界(jie)面(mian)變(bian)得更簡潔干凈呢(ni)？
5個技巧讓界面更加干凈(jing)
1、減少線條
頁面上(shang)面線條(tiao)太(tai)多，會讓人覺得頁面復雜(za)，線條(tiao)好了(le)，看起來(lai)就會清(qing)爽(shuang)干凈。
2、合理留白，拉開信息層級
合理(li)的留白(bai)可以增加(jia)(jia)產品(pin)的品(pin)質，也可以讓主題(ti)更(geng)(geng)加(jia)(jia)突出，有些頁面(mian)上(shang)面(mian)有很多(duo)元素，看(kan)上(shang)去(qu)非常擁擠，如(ru)果適當留白(bai)，看(kan)上(shang)去(qu)更(geng)(geng)加(jia)(jia)清爽。
3、運用卡片整合信息
卡(ka)片(pian)式設計將信(xin)(xin)息(xi)、圖像(xiang)歸類整合(he)到一(yi)個方(fang)(fang)塊里，清晰直觀又避(bi)免頁面因為信(xin)(xin)息(xi)多而散亂。卡(ka)片(pian)的排(pai)列(lie)方(fang)(fang)式是按列(lie)或(huo)者行的方(fang)(fang)式進行對(dui)齊展(zhan)示(shi)，視線沿著橫(heng)向或(huo)者縱向瀏覽能快速找到想要(yao)的信(xin)(xin)息(xi)，此外，這(zhe)種固定大小的卡(ka)片(pian)方(fang)(fang)塊也有(you)利于柵(zha)格化排(pai)版。
4、加強行間距，+4原則或黃金比例
行間距大(da)家都知道，但(dan)是具(ju)體如何設計很多人不知道，一(yi)般常用規則是+4，比(bi)如文字大(da)小是12PX，那么(me)行間距就是16，依次類推文字是14那么(me)行間距就是18。
5、加大字間距：0.1或者0.2勿過大
字間距同樣很(hen)重(zhong)要，特(te)別是做英(ying)文排版的(de)時候，同樣的(de)內容(rong)，字間距和行間距不(bu)合適，界面看起來就會相差很(hen)多，有的(de)看著很(hen)舒服，有的(de)看起來說不(bu)出來哪里不(bu)對(dui)。
