S形構(gòu)圖是一種基本的經(jīng)典構(gòu)圖方式。畫面上的元素成S形曲線的方式分布,具有延長(zhǎng)、變化的特點(diǎn),使畫面看上去有韻律感,產(chǎn)生優(yōu)美、雅致、協(xié)調(diào)的感覺(jué)。S形可以看作圓的演變,是兩個(gè)圓連接變形的一種形態(tài)。

 

    線條是構(gòu)圖的要素之一,曲線是線條中有美感的一種線型。S是曲線的組合和延伸。所謂S形構(gòu)圖,實(shí)質(zhì)上就是一種富有變化的曲線構(gòu)圖。這種構(gòu)圖形式被公認(rèn)具有美感,使畫面增添活躍的氣氛。

 

    S形構(gòu)圖的特征是,抽象構(gòu)成中的曲線元素穿插或貫穿了畫面的主要內(nèi)容,或者畫面的主要內(nèi)容(可以看作一個(gè)一個(gè)的點(diǎn))以曲線的路徑進(jìn)行編排和布置。S形構(gòu)圖的目的有兩個(gè),利用曲線使觀眾的注意力更長(zhǎng)時(shí)間地停留在畫面里;引導(dǎo)觀眾看圖時(shí)的觀察順序。由于構(gòu)成上的線具有引導(dǎo)視線的功能,當(dāng)曲線出現(xiàn)時(shí),觀眾的注意力就會(huì)跟隨曲線在畫面的各個(gè)位置進(jìn)行有規(guī)律的位移。

    為了突出主題,用類似于L形的線條、區(qū)域或色塊將需要強(qiáng)調(diào)的主體圍繞起來(lái),這種構(gòu)圖形式被稱為L(zhǎng)形構(gòu)圖。L形如同半個(gè)圍框,可以是正L形,也可以是倒L形,只要能把人的注意力集中到圍框以內(nèi),使主體突出、主題明確就可以。這一特點(diǎn)與框式構(gòu)圖相似,只是L形構(gòu)圖只框住一半。

 

    L形構(gòu)圖的特征是,畫面中的主要元素呈現(xiàn)為一個(gè)大致縱橫相交的構(gòu)成狀態(tài)。L形構(gòu)圖的目的是,使畫面中兩個(gè)具備線的特征的元素發(fā)生相交,相交形成的交點(diǎn)可以產(chǎn)生聚焦。L形構(gòu)圖經(jīng)常會(huì)配合九宮格進(jìn)行設(shè)置,九宮格就是用直線對(duì)畫面橫豎各分三等,線條相交的四個(gè)交點(diǎn)附近的區(qū)域,比較適合設(shè)置為L(zhǎng)形構(gòu)圖中的交點(diǎn)位置。

 

    這么做的原因是,如果交點(diǎn)區(qū)域太靠近畫面邊緣,容易使畫面在視覺(jué)分量上失衡(交點(diǎn)位置一般具有較重的視覺(jué)分量);如果交點(diǎn)區(qū)域太靠近畫面中心,又會(huì)使畫面兩側(cè)過(guò)于平均而缺乏趣味。

平面設(shè)計(jì)主要以視覺(jué)設(shè)計(jì)為主,和UI設(shè)計(jì)有很多相似之處,所以平面設(shè)計(jì)轉(zhuǎn)換成UI設(shè)計(jì)要快很多,但是要加入一些UI設(shè)計(jì)的思維規(guī)范。

 

    平面使用的主要設(shè)計(jì)軟件是PS、AI、CDR,但是UI設(shè)計(jì)不僅需要掌握這些基礎(chǔ)工具,還需要項(xiàng)目后期的交互設(shè)計(jì)和動(dòng)態(tài)設(shè)計(jì),所以交互設(shè)計(jì)需要有Axure,動(dòng)態(tài)設(shè)計(jì)需要有AE。

 

 

    平面設(shè)計(jì)、美工不強(qiáng)調(diào)規(guī)范,而UI設(shè)計(jì)非常強(qiáng)調(diào)規(guī)范。每一個(gè)像素都要,視覺(jué)效果要以像素為單位來(lái)研究。一般的UI設(shè)計(jì)都是基于Android和IOS系統(tǒng),這兩個(gè)系統(tǒng)都有其官方的設(shè)計(jì)規(guī)范,不同的機(jī)型有不同的規(guī)范。設(shè)計(jì)規(guī)范的建立可以更好的統(tǒng)一管理設(shè)計(jì)進(jìn)度,產(chǎn)品定位、文化、特色。

 

    每一個(gè)偉大的設(shè)計(jì)師都是從臨摹開始的,沒(méi)有人天生就是做設(shè)計(jì)的。平時(shí)經(jīng)常去站酷、UI、花瓣等設(shè)計(jì)網(wǎng)站青睞的作品臨摹,強(qiáng)迫自己注意細(xì)節(jié)。大量的臨摹可以讓你的設(shè)計(jì)水平快速提升,設(shè)計(jì)審美也不斷提升。

 

 

    熟悉UI設(shè)計(jì)的工作流程:產(chǎn)品定位與市場(chǎng)分析、用戶調(diào)研與分析、原型設(shè)計(jì)、界面設(shè)計(jì)、完美作品。設(shè)計(jì)師應(yīng)該參與每一步。一個(gè)項(xiàng)目可能由很多不同的來(lái)完成,所以UI設(shè)計(jì)師與團(tuán)隊(duì)的合作,發(fā)揮自己的價(jià)值是非常重要的。一個(gè)合格的設(shè)計(jì)師應(yīng)該能夠完成整個(gè)UI流程,而不僅僅是設(shè)計(jì)圖形界面。

    做過(guò)平面設(shè)計(jì)的人轉(zhuǎn)行做UI設(shè)計(jì)優(yōu)勢(shì)很大,因?yàn)闊o(wú)論是設(shè)計(jì)工具還是設(shè)計(jì)理念都非常成熟。如果你選擇了UI設(shè)計(jì),你就得不斷學(xué)習(xí),跟上時(shí)代。