• <center id="sm46c"></center>
  • <dfn id="sm46c"></dfn>
  • <strike id="sm46c"></strike>
  • <cite id="sm46c"><source id="sm46c"></source></cite>
    • <strike id="sm46c"><source id="sm46c"></source></strike>
      <option id="sm46c"></option>
      国产精品天天看天天狠,女高中生强奷系列在线播放,久久无码免费的a毛片大全,国产日韩综合av在线,亚洲国产中文综合专区在,特殊重囗味sm在线观看无码,中文字幕一区二区三区四区在线,无码任你躁久久久久久老妇蜜桃

      分享一些排版技巧

      2024-5-21    博博

       
      主要分為以下三點:
       
      1.排版節(jié)奏
      2.元素占比
      3.畫面互動
       
      接下來我們直接進入正題!
       
      01 排版節(jié)奏
      下面這個案例是我們同學(xué)做的一個排版練習(xí),右側(cè)學(xué)員作品中間那個主體元素是他在網(wǎng)上找的,左側(cè)是人家網(wǎng)上優(yōu)秀的作品,我們來看這兩張圖:
      這點排版都不懂,還想進大廠?
       
       
      我們就看這個其中一個維度“元素的擺放”,其實有的時候跟你排版是一模一樣。
      我們來看左側(cè)這張素材參考圖,嘻哈演唱會整個的大標(biāo)題,我們可以理解為它是主要的一個元素,我們給它標(biāo)紅,然后第二個主元素是這個 CD ,第三個是面積放大一點的CD。
      這點排版都不懂,還想進大廠?
       
       
      然后我們來看同學(xué)的作品,頂部的大標(biāo)題是一個元素,我們來用紅色標(biāo)出,然后這個人物我們來分兩個部分,一個是頭部,一個是身體。
      這點排版都不懂,還想進大廠?
       
       
      然后我們來看紅色的區(qū)域,如果你來排版的話,你會用左側(cè)的這種排版還是用右側(cè)的這種排版?假設(shè)這個紅色都是文字。
      這點排版都不懂,還想進大廠?
       
       
      或者我們來看下面這張圖,更直觀一些,你會發(fā)現(xiàn)大家應(yīng)該都會選擇左側(cè)的,這是為什么呢?因為左側(cè)更有一種節(jié)奏感,它是長窄長,而右側(cè)這個是寬窄更窄,太過于規(guī)律了。
      這點排版都不懂,還想進大廠?
       
       
      我們把這些紅色框去掉之后,你可以看到左側(cè)參考圖,它頂上的這個標(biāo)題是寬的,然后中間來一個窄的,到底下它給你來一個寬的、大的,給你接住了這種重量感。而右側(cè)底下接不住了,所以它整個的元素的布局和擺放其實就是有問題的。
      這點排版都不懂,還想進大廠?
       
       
      這個細節(jié)我覺得大家一定要注意一下。
       
       
      02 元素占比
      接下來給大家分享第二個點,關(guān)于元素占比的問題。這是我們課上同學(xué)利用 AI ,再配合自己的一些排版做的一個效果,右側(cè)兩張圖是他的參考。
      這點排版都不懂,還想進大廠?
       
       
      你會發(fā)現(xiàn)左側(cè)學(xué)員作業(yè),其實有一個非常大的問題。我們在做任何東西的時候,你一定要記住,你的主體物從寬度來講至少要占整個畫面的 2/ 3,我們畫兩個方塊來測量一下。你會發(fā)現(xiàn)空白區(qū)域和主體物,也就是灰色跟紅色區(qū)域,差不多各占一半。
      這點排版都不懂,還想進大廠?
       
       
      那我們再來看右側(cè)的參考,基本上是空白面積占了 1/ 3,而主體面積占了 2/ 3。
      這點排版都不懂,還想進大廠?
       
       
      所以大家在做這種界面的時候,主體占的面積區(qū)域一定得夠大,不然的話你整個畫面顯得非常空曠。
       
       
       
      03 畫面互動
      接下來給大家分享一下畫面互動感這個點。這兩張是我們UI課兩位同學(xué)交上來作業(yè),做的是比較好的,得分還挺高。
      這點排版都不懂,還想進大廠?
       
       
      而下面這個作業(yè)就稍稍差了一點,你會發(fā)現(xiàn)整個前面的排版跟人物跟那個主體沒有什么互動。人物在后邊,元素就在前面,完全是分開的。那如果你能把人物左側(cè)這只腳跨過這兩個帶子,然后伸出來,那這種互動感就有了。
      這點排版都不懂,還想進大廠?
       
       
      那我們再來看做的比較好的這兩張,你會發(fā)現(xiàn)都有這種串聯(lián)感。比如說下面這個作業(yè),它的這條藍色弧線壓在了大標(biāo)題的上面,然后它的兩條細直線又壓在了藍色弧線的上面,這種感覺是非常棒的。
      這點排版都不懂,還想進大廠?
       
       
      包括像下面這個作業(yè)也是一樣的,你可以看到人物在這個畫面中串聯(lián)了三個區(qū)域,白色區(qū)域、藍色區(qū)域和黑色區(qū)域,并且它的腳踩在了黑色區(qū)域上面。
      這點排版都不懂,還想進大廠?
       
       
      這種互動感是一個畫面中非常非常重要的一個屬性。
      我們再來看一個學(xué)員作業(yè),雖然畫面整個排版也稍微差一點,比例差了一點;但是它這個互動感做得很好,他把這雙鞋跨過這個畫面伸出來了。
      這點排版都不懂,還想進大廠?
       
       

      作者:菜心輕量文
      來源:站酷

       

       

      藍藍設(shè)計(www.li-bodun.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計APP界面設(shè)計圖標(biāo)定制用戶體驗設(shè)計交互設(shè)計UI咨詢高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

      關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司數(shù)據(jù)可視化設(shè)計公司用戶體驗公司高端網(wǎng)站設(shè)計公司

      銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)軟件vue開發(fā)

      日歷

      鏈接

      個人資料

      藍藍設(shè)計的小編 http://www.li-bodun.cn

      存檔

      主站蜘蛛池模板: 夜夜爽夜夜叫夜夜高潮| 免费国产在线精品一区不卡| 亚洲精品一二三伦理中文| 狠狠躁天天躁无码中文字幕 | 午夜无码区在线观看亚洲| 在线看片免费人成视频福利| 在线观看国产成人AV 天堂| 欧美乱人伦中文字幕在线| 色综合99久久久无码国产精品| 精品网站一区二区三区网站| 国产黄三级高清在线观看播放| 亚洲熟妇国产熟妇肥婆| 亚洲精品久久久一二三区| 国产精品无码无片在线观看| YW尤物AV无码国产在线观看| 日韩欧美国产自由二区| 97福利视频| 国产精品99| 无码国产精品一区二区色情男同| av无码久久久久久不卡网站| 国产女人的高潮大叫毛片| 热久久这里只有精品99| 午夜福利国产精品视频| 久久天天躁狠狠躁夜夜婷| 亚洲欲色欲色xxxxx在线观看| 免费视频成人片在线观看| 午夜无码区在线观看亚洲| 国产99精品成人午夜在线| 2020精品极品国产色在线观看| 亚洲一区二区精品另类| 老湿机香蕉久久久久久| 国产精品亚洲专区无码web| 精人妻无码一区二区三区| 欧美人与动牲交a精品| 狠狠狠狠888| 人人妻人人狠人人爽天天综合网| 国产区在线观看视频| 浴室人妻的情欲hd三级国产| 欧美日韩精品综合在线一区 | 久久成人免费播放网站| 在线观看无码av网站永久免费|