亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問題后@管理員能讓我們及時(shí)了解您的意見

提交需求

賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱?,我們?huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國的支持和信賴!
教你如何快速構(gòu)圖?
0.0°
2023-03-08 原創(chuàng)文章 教程 舉報(bào) 1061 2 3 0

昨天到了公司剛坐下,領(lǐng)導(dǎo)就給安排了一個(gè)任務(wù):給一款運(yùn)動(dòng)鞋做個(gè)海報(bào)。按流程,對(duì)方要提供品牌名稱、產(chǎn)品圖片、產(chǎn)品文案、設(shè)計(jì)尺寸以及應(yīng)用場(chǎng)合。很快領(lǐng)導(dǎo)就把客戶的需求發(fā)過來了,并囑咐越快完成越好!

這是耐克的一款運(yùn)動(dòng)鞋,圖片和文案都有了,尺寸是1920*1080像素,用于網(wǎng)站宣傳。那么接下來我們先考慮一下構(gòu)圖。

左右構(gòu)圖

客戶要的尺寸是一個(gè)橫版構(gòu)圖,最常規(guī)的是左右構(gòu)圖。“左右構(gòu)圖”是將版面分割為左右兩部分,通過設(shè)計(jì)元素的布局讓畫面整體呈現(xiàn)出左右的分布趨勢(shì),具有平衡、穩(wěn)定、互相呼應(yīng)的特點(diǎn)。最典型的左右構(gòu)圖由“左圖右文”或者“左文右圖”兩部分構(gòu)成,圖片及文字各占據(jù)一部分,形成左右兩部分獨(dú)立的空間,產(chǎn)生良好的閱讀體驗(yàn)。

雖然只是普通的左右構(gòu)圖,但是想要把內(nèi)容排放的好看、合理,我們還需要了解一些技巧。

九宮格構(gòu)圖

九宮格構(gòu)圖是把畫面從上到下三等分,從左到右三等分。這樣我們會(huì)有4條線,以及4個(gè)交點(diǎn),這是黃金分割構(gòu)圖形式的簡化版。我們只需要把重要的內(nèi)容盡可能貼合這4條線或4個(gè)點(diǎn)上。

結(jié)合了左右構(gòu)圖和九宮格構(gòu)圖的思路,第一版最終稿如下圖:

做完了就做完了,為什么說第一版呢?大家記住,給客戶提交方案,永遠(yuǎn)不要只交一稿,起碼2~3稿,要讓客戶有選擇。交一稿就是強(qiáng)迫客戶同意,用戶體驗(yàn)不佳。

居中構(gòu)圖

我們?cè)賮韲L試一下另一個(gè)常規(guī)構(gòu)圖,就是居中構(gòu)圖。就像給你一張紙,讓你寫一個(gè)毛筆字,你往往會(huì)寫在紙的正中間,這就是人的生理第一反應(yīng)。

主視覺元素放置在海報(bào)居中的位置。一眼就能看到,有穩(wěn)定、秩序、強(qiáng)調(diào)的特點(diǎn)。做居中構(gòu)圖時(shí)必須是一個(gè)主體,為了能夠突出中間的主體,我們可以設(shè)計(jì)一個(gè)X的交叉線,來聚焦用戶的目光。

居中構(gòu)圖文字一定是對(duì)稱分布,避免左右不平衡。

第二版也做好了,剛剛說了做兩版就可以交稿了,我趕在吃午飯之前發(fā)出去,如果需要改動(dòng),下午還有時(shí)間調(diào)整。

果不其然,下午客戶給反饋了。說的很委婉,前面2稿很滿意,但是他們想讓產(chǎn)品更大一些,這樣可以看清細(xì)節(jié)。我就知道有但是就沒好事,改稿吧。

三角構(gòu)圖

我們先按照客戶要求把鞋子圖片放大,放大后正好是一個(gè)三角形,這就是構(gòu)圖法中的三角構(gòu)圖。所謂三角構(gòu)圖就是指畫面中的元素或者線條形成了三角形??梢允钦切我部梢允切比切位虻谷切?,其中斜三角比較常用。三角形本身是一個(gè)很穩(wěn)定的結(jié)構(gòu),當(dāng)三角形出現(xiàn)在畫面中時(shí),會(huì)具有安定、均衡又不失靈活的特點(diǎn)。

我們?cè)诮o畫面加上個(gè)籃球館的背景,讓畫面更有空間感和穩(wěn)定性。

最后是排放文字,還是要考慮平衡以及前后空間關(guān)系。

三角構(gòu)圖我們做了一稿,還記得之前說過么,交稿不能只交一稿,要給客戶有選擇。

因?yàn)榭蛻粝肟吹叫蛹?xì)節(jié),所以圖片肯定是要放大,放多大沒有講,我本著寧肯錯(cuò)過不能放過的原則,再做一版更大的,這樣總歸沒問題的。

鞋子又放大了一圈,這時(shí)候就形成了新的構(gòu)圖:對(duì)角線構(gòu)圖。

對(duì)角線構(gòu)圖

對(duì)角線大致是從照片的一個(gè)角落延伸至其相對(duì)角落的線,也是畫面中最長的一條直線,能給人一種移動(dòng)的感覺。它在畫面中不僅能夠給人一種力量感、方向感,同時(shí)還增強(qiáng)了產(chǎn)品本身的氣勢(shì)和畫面的整體沖擊力。

主體物放好之后,剩下的就是文字了,因?yàn)橹黧w物太大,所以文字都相對(duì)有弱化。

兩版改版的也做好了,下班前發(fā)給客戶,看來今天可以準(zhǔn)時(shí)下班了。

但是...

果然還有但是!客戶回復(fù)了,還是很委婉。改稿很滿意,現(xiàn)在有新的要求。這款鞋子是一個(gè)系列產(chǎn)品,有6種顏色,想做一個(gè)系列海報(bào)。

中軸對(duì)稱構(gòu)圖

這能難得住我?下班之前一準(zhǔn)干完!

先把鞋子一字排開,兩邊延伸出畫面,給用戶以想象的空間。鞋子的顏色盡可能深淺穿插著放,避免畫面不平衡。

文字從上到下沿著中軸線放,居中對(duì)齊。

這就是中軸對(duì)稱構(gòu)圖。使用這種平面設(shè)計(jì)構(gòu)圖,可以讓照片達(dá)到一種平衡感,對(duì)稱的形態(tài)在視覺上有自然、安定、均勻、協(xié)調(diào)、整齊、典雅、莊重的樸素美感,很符合人們的視覺習(xí)慣。

總結(jié)

左右構(gòu)圖:最常見的構(gòu)圖,所有圖文組合都適合。

九宮格構(gòu)圖:黃金分割構(gòu)圖的簡化版,告訴你內(nèi)容放置的位置。

居中構(gòu)圖:適合有1個(gè)主體物,畫面要對(duì)稱。

三角構(gòu)圖:正三角有穩(wěn)定、舒適的特點(diǎn);倒三角有動(dòng)感、跳躍的特點(diǎn)。

對(duì)角線構(gòu)圖:有延伸、運(yùn)動(dòng)的感覺。

中軸對(duì)稱構(gòu)圖:極具平衡感,符合人的視覺習(xí)慣。

來源:視覺半徑公眾號(hào)

Powered by Froala Editor

更新:2023-03-08

收藏

2人已收藏

閃閃的星仔

開心做設(shè)計(jì)~

  • 33

    作品

  • 3

    粉絲

  • 0

    關(guān)注

  • 如何制作鐳射立體字效果?
  • UI設(shè)計(jì)有哪些主流軟件?
  • 四步學(xué)會(huì)設(shè)計(jì)建筑小知識(shí)
  • 如何使用Sketch軟件來繪制擬物圖標(biāo)?
相關(guān)標(biāo)簽

    猜你喜歡

      2023-03-08 原創(chuàng)文章 教程 舉報(bào) 1061 2 3 0

      教你如何快速構(gòu)圖?

      0.0°

      你確定要舉報(bào)教你如何快速構(gòu)圖?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過10M的附件請(qǐng)使用網(wǎng)盤地址

      點(diǎn)擊上傳附件

      對(duì)誰可見:

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2023年03月08日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      3
      2
      0

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄