交互時代教你使用線以外的分割方式
157 2017-06-01
在交互時代的獨創(chuàng)課程中,有許多實訓(xùn)的部分,這些實訓(xùn)內(nèi)容中有web網(wǎng)頁的UI設(shè)計,有移動端APP的UI設(shè)計,還有移動端網(wǎng)頁的UI設(shè)計等等。而做這些UI設(shè)計,無疑都會涉及到一個內(nèi)容,即是區(qū)域的分割,當然,這也是交互時代的課程中的一個重點,大部分的分割方式都用線的形式,做出各種區(qū)域,這是一種傳統(tǒng)的區(qū)域分割方式,而今天交互時代給大家?guī)淼?,是非傳統(tǒng)的,接下來,就開始我們的正文吧。
傳統(tǒng)的線條分割方式在以往的界面設(shè)計中都起到了不錯的效果,不過在移動端的UI設(shè)計上卻不適用,因為他們占用空間。或許大家都會想,不就一條線嗎?還能占多大的空間?但其實,我們的一個頁面需要隔開的內(nèi)容有很多,分割線可少不了。因此如果使用傳統(tǒng)的分割方式,必然是浪費空間的。
這樣一來,分隔界面元素的時候用留白比用分隔線更加合適。更少使用的線讓界面看起來更干凈,更現(xiàn)代,視覺上也更富有張力。
留白
在一份UI設(shè)計中,既然是留白區(qū)域,那么里面肯定是不會有任何設(shè)計元素的。而留白能夠讓整個UI設(shè)計看起來很簡單,并且,利用留白還可以凸顯設(shè)計元素,讓整個UI設(shè)計看上去更簡潔,也更好看。
用好留白,你能讓界面以非侵略性的方式來區(qū)分不同的區(qū)域和元素。
色彩對比
色彩對比也是分隔的方式之一,可以說是一種強大的設(shè)計手法,運用的好,我們的UI設(shè)計能夠相當吸引用戶眼球。利用色彩之間的差異來區(qū)分不同的內(nèi)容,而這就要看我們隊色彩使用的程度了,要如何讓兩種色對更易區(qū)分而又不產(chǎn)生突兀的感覺,是很難的,但是運用的好,就可以讓用戶更快速的達成自己的目的,從而獲得良好的用戶體驗。
陰影和高度
陰影和高度都能在UI界面上創(chuàng)造出“深度”,相當于是讓元素在Z軸高度上產(chǎn)生差異。最典型的就是MaterialDesign的設(shè)計,谷歌日歷的設(shè)計很好地展現(xiàn)了如何借助陰影和空間,非強制性地區(qū)分不同的部分。
陰影的另外一個作用是用來區(qū)分重疊內(nèi)容的“高度差”,呈現(xiàn)相互關(guān)系,讓其中的某個部分吸引用戶的注意力。
以上,就是交互時代關(guān)于分隔方式的一點粗淺見解,當然,在UI設(shè)計中可不僅僅這幾種分隔方式,但是如果你想要了解更多關(guān)于UI設(shè)計方面的知識,就多多關(guān)注交互時代官網(wǎng)吧。
請聯(lián)系網(wǎng)站客服,了解詳細的優(yōu)惠課程信息~
優(yōu)質(zhì)、權(quán)威、便捷、省心
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號
獵學(xué)網(wǎng)服務(wù)號