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

 

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

 

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

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

 

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

 

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

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

 

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

 

 

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

 

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

 

 

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

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