中文纯内无码H,黄色网页在线观看,国产成人超碰无码,亚洲床戏一区,91精品伊人久久大香线蕉

分享一些排版技巧

2024-5-21 博博

主要分為以下三點：

1.排版節(jié)奏

2.元素占比

3.畫面互動

接下來我們直接進入正題！

01 排版節(jié)奏

下面這個案例是我們同學做的一個排版練習，右側(cè)學員作品中間那個主體元素是他在網(wǎng)上找的，左側(cè)是人家網(wǎng)上優(yōu)秀的作品，我們來看這兩張圖：

我們就看這個其中一個維度“元素的擺放”，其實有的時候跟你排版是一模一樣。

我們來看左側(cè)這張素材參考圖，嘻哈演唱會整個的大標題，我們可以理解為它是主要的一個元素，我們給它標紅，然后第二個主元素是這個 CD ，第三個是面積放大一點的CD。

然后我們來看同學的作品，頂部的大標題是一個元素，我們來用紅色標出，然后這個人物我們來分兩個部分，一個是頭部，一個是身體。

然后我們來看紅色的區(qū)域，如果你來排版的話，你會用左側(cè)的這種排版還是用右側(cè)的這種排版？假設(shè)這個紅色都是文字。

或者我們來看下面這張圖，更直觀一些，你會發(fā)現(xiàn)大家應(yīng)該都會選擇左側(cè)的，這是為什么呢？因為左側(cè)更有一種節(jié)奏感，它是長窄長，而右側(cè)這個是寬窄更窄，太過于規(guī)律了。

我們把這些紅色框去掉之后，你可以看到左側(cè)參考圖，它頂上的這個標題是寬的，然后中間來一個窄的，到底下它給你來一個寬的、大的，給你接住了這種重量感。而右側(cè)底下接不住了，所以它整個的元素的布局和擺放其實就是有問題的。

這個細節(jié)我覺得大家一定要注意一下。

02 元素占比

接下來給大家分享第二個點，關(guān)于元素占比的問題。這是我們課上同學利用 AI ，再配合自己的一些排版做的一個效果，右側(cè)兩張圖是他的參考。

你會發(fā)現(xiàn)左側(cè)學員作業(yè)，其實有一個非常大的問題。我們在做任何東西的時候，你一定要記住，你的主體物從寬度來講至少要占整個畫面的 2/ 3，我們畫兩個方塊來測量一下。你會發(fā)現(xiàn)空白區(qū)域和主體物，也就是灰色跟紅色區(qū)域，差不多各占一半。

那我們再來看右側(cè)的參考，基本上是空白面積占了 1/ 3，而主體面積占了 2/ 3。

所以大家在做這種界面的時候，主體占的面積區(qū)域一定得夠大，不然的話你整個畫面顯得非?？諘?。

03 畫面互動

接下來給大家分享一下畫面互動感這個點。這兩張是我們UI課兩位同學交上來作業(yè)，做的是比較好的，得分還挺高。

而下面這個作業(yè)就稍稍差了一點，你會發(fā)現(xiàn)整個前面的排版跟人物跟那個主體沒有什么互動。人物在后邊，元素就在前面，完全是分開的。那如果你能把人物左側(cè)這只腳跨過這兩個帶子，然后伸出來，那這種互動感就有了。

那我們再來看做的比較好的這兩張，你會發(fā)現(xiàn)都有這種串聯(lián)感。比如說下面這個作業(yè)，它的這條藍色弧線壓在了大標題的上面，然后它的兩條細直線又壓在了藍色弧線的上面，這種感覺是非常棒的。

包括像下面這個作業(yè)也是一樣的，你可以看到人物在這個畫面中串聯(lián)了三個區(qū)域，白色區(qū)域、藍色區(qū)域和黑色區(qū)域，并且它的腳踩在了黑色區(qū)域上面。

這種互動感是一個畫面中非常非常重要的一個屬性。

我們再來看一個學員作業(yè)，雖然畫面整個排版也稍微差一點，比例差了一點；但是它這個互動感做得很好，他把這雙鞋跨過這個畫面伸出來了。

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

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