午夜精品久久久久久-午夜精品久久久久久91-午夜精品久久久久久久-午夜精品久久久久久久2023-国产精品亚洲精品久久成人-国产精品亚洲精品日韩动图

從《LA LA LAND》中能學(xué)到這么多構(gòu)圖新姿勢!

作者:眾安ZED-candy
2017-03-17
6915

構(gòu)圖就像是整個(gè)畫面的骨骼,設(shè)計(jì)者要賦予作品怎樣的構(gòu)成秩序,就要采取怎樣的骨骼形式,以達(dá)到更高層次的有秩序的變化。作為視覺設(shè)計(jì)師,用設(shè)計(jì)語言來解構(gòu)畫面是我們必須具備的基本素養(yǎng)。同時(shí),在移動(dòng)端這樣較小的屏幕上有效展示并引導(dǎo)信息指向,又在考驗(yàn)著設(shè)計(jì)師的能力。我們以往看到的構(gòu)圖文章,大部分老生常談九宮格和三分法構(gòu)圖,但一個(gè)頁面滿足了九宮格和三分法的構(gòu)圖就一定是優(yōu)秀的作品嗎?下面是傳統(tǒng)的九宮格和三分法構(gòu)圖:現(xiàn)在,讓我們跟著奧斯卡最佳攝影《愛樂之城》的鏡頭來看看構(gòu)圖的另一面。畫面的構(gòu)成可以分成兩個(gè)方面來說,一個(gè)是畫面的造型構(gòu)成

構(gòu)圖就像是整個(gè)畫面的骨骼,設(shè)計(jì)者要賦予作品怎樣的構(gòu)成秩序,就要采取怎樣的骨骼形式,以達(dá)到更高層次的有秩序的變化。作為視覺設(shè)計(jì)師,用設(shè)計(jì)語言來解構(gòu)畫面是我們必須具備的基本素養(yǎng)。同時(shí),在移動(dòng)端這樣較小的屏幕上有效展示并引導(dǎo)信息指向,又在考驗(yàn)著設(shè)計(jì)師的能力。

我們以往看到的構(gòu)圖文章,大部分老生常談九宮格和三分法構(gòu)圖,但一個(gè)頁面滿足了九宮格和三分法的構(gòu)圖就一定是優(yōu)秀的作品嗎?

下面是傳統(tǒng)的九宮格和三分法構(gòu)圖:

1.jpg

現(xiàn)在,讓我們跟著奧斯卡最佳攝影《愛樂之城》的鏡頭來看看構(gòu)圖的另一面。

2.jpeg

畫面的構(gòu)成可以分成兩個(gè)方面來說,一個(gè)是畫面的造型構(gòu)成,另一個(gè)是畫面的黑白灰結(jié)構(gòu)。就像唱歌一樣,用高中低音的不同穿插來豐富主體。

一、構(gòu)圖中平衡的把握

當(dāng)我們看到圖片時(shí),均衡感相當(dāng)重要,任何一個(gè)均衡的構(gòu)圖都和造型,方向,位置等因素相關(guān),不均衡的圖片會(huì)給觀眾挫敗感。

3.png

下面是優(yōu)酷的一張插圖,整個(gè)畫面平衡而有力,怎樣畫面可以做到錯(cuò)落有序,多而不亂呢。

4.png

畫面中各元素之間有著磁場一般的力,他們相互作用抗衡,主物體較多的構(gòu)圖較難,但分析后仍能找到規(guī)律:

1. 造型平衡

a. 越接近中心,力越強(qiáng)

這就像是杠桿原理,越遠(yuǎn)離中心,份量越重。頁面上偏離中心的的形小卻仍能壓得住畫面。

5.jpg

b. 垂直方向次之,四個(gè)點(diǎn)為中心的四分之一。

c. 上重下輕。

這是根據(jù)我們眼睛的視覺習(xí)慣形成的規(guī)律。構(gòu)圖時(shí),我們多會(huì)增強(qiáng)下半部分的份量感,來尋求平衡。

6.jpg

這是眾安保險(xiǎn)女神節(jié)曬照片的活動(dòng)頭圖,也遵循了上下構(gòu)圖中,上輕下重的原則。

7.jpg

d. 右重左輕

這是人類左右手習(xí)慣造成,所以我們在構(gòu)圖的時(shí)候會(huì)讓左邊更重一點(diǎn)。當(dāng)然對于左撇子來說,就是左重右輕。

下面是眾安保險(xiǎn)春節(jié)紅包H5頁面,除中間主體物外,左邊的物體明顯比右邊要重,使整個(gè)畫面和諧舒適。

8.jpg

2. 色彩平衡

色彩在平衡畫面構(gòu)圖中也起到了重要的作用。

9.png

a. 我們會(huì)發(fā)現(xiàn)離用戶越遠(yuǎn),重度越重。

這是兩張國外設(shè)計(jì)師作品,相同色彩并且面積相差不大的形,在越遠(yuǎn)處重量越重。

10.jpg

b. 鮮艷顏色重于灰暗色,白色重于黑色。

在視覺稿上鮮艷的顏色更跳更容易抓住用戶眼光,也更重。

下面的插畫中明顯鮮艷的顏色要比周圍暗色更重更跳躍。

11.png

c. 有趣的吸引人的形,也會(huì)重量大。

這也是我們做視覺稿時(shí)所說的小巧思。

12.jpg

d. 孤立也會(huì)形成重量。

下面插圖中單獨(dú)人物和一群人物兩邊對立,仍然能保持畫面的平衡,這就是孤立的力量。

13.jpg

畫面的傳達(dá)不是靜止的,而是流動(dòng)的。比如構(gòu)圖也在傳達(dá)情緒。

二、構(gòu)圖也能表現(xiàn)需求

構(gòu)圖本身有著強(qiáng)烈的表達(dá)能力,對用戶也有著強(qiáng)烈的感染能力,正因?yàn)槿绱耍瑯?gòu)圖是有感情的,不同的感情也在傳達(dá)不同的需求。

1. 九宮格的點(diǎn)表達(dá)不同的需求

天空面積較大,傳達(dá)著積極向上的情緒。

14.jpg

15.jpg

地平面上主體物的面積多,給人壓抑的情感氛圍。

16.jpg

17.jpg

畫面中主體物面積大,代表主體物更強(qiáng)勢,更有自信,更易被接受。--

18.jpg

19.png

2.  畫面方向的表達(dá)

畫面方向是主體物產(chǎn)生的向某方向的力,比如人往前走,往后跌倒,眼光視線,或者樹枝的延伸。

人們在閱讀畫面時(shí)視覺點(diǎn)會(huì)形成從左上角主要視覺區(qū)到右下角末端停留區(qū),這是閱讀的引力。強(qiáng)迫眼球反向移動(dòng)會(huì)破壞觀看節(jié)奏,這一點(diǎn)也在眼動(dòng)儀中得到證實(shí)。

20.jpg

一個(gè)頁面表達(dá)同一時(shí)間或故事順序時(shí),我們需要遵守這樣的從左到右的規(guī)律。但對于阿拉伯人,這順序是相反的。

uisdc-lld2017031327-768x511.jpg

下面是眾安保險(xiǎn)的一張專題banner,從標(biāo)題到主體物的過渡,表現(xiàn)從主到次的順序。

uisdc-lld2017031328-768x179.jpg

從左到右也表達(dá)了積極,順境,樂觀的情緒。在舞臺(tái)劇中我們也會(huì)發(fā)現(xiàn)人物都是從左邊上場。

uisdc-lld2017031329-768x510.png

下面是美團(tuán)和眾安保險(xiǎn)的視覺稿,春節(jié)回家的心情也遵循了從左到右的規(guī)律。

uisdc-lld2017031330-768x553.png

從右往左,表現(xiàn)受挫,被強(qiáng)大勢力壓迫的情緒。

uisdc-lld2017031331-768x510.png

這方面讓大家印象深刻的案例之一是“911”,當(dāng)時(shí)電視臺(tái)對這起災(zāi)難的實(shí)況拍攝是從左往右的方向,如左圖。但這個(gè)視頻放出來后,電視臺(tái)內(nèi)部很快進(jìn)行了調(diào)整,之后二次報(bào)道都變成了右面的圖像。

uisdc-lld201703135.jpg

可想而知畫面構(gòu)圖方向的重要性。

向左向下,代表回憶,過去,低落,悲觀的情緒。

uisdc-lld201703136.jpg

這是國外插畫師的一張兒童插畫,向左向下的趨勢表達(dá)了考拉從樹上跌落的驚慌氛圍。

uisdc-lld2017031311.jpg

向右向上代表積極,樂觀,未來。

uisdc-lld2017031332-768x628.jpg

下面是國外設(shè)計(jì)師的一張扁平插畫,艷麗的色彩和熱氣球向右向上的趨勢,整個(gè)頁面給人美好生活的情緒感染。

uisdc-lld2017031333-768x426.jpg

3.  封閉式和開放式構(gòu)圖

框架式的構(gòu)圖:利用框架截取主體物,形成集中的視覺可以用人物,樹枝,花朵,都可以營造這樣的氣氛。這種形式也起到強(qiáng)調(diào)的作用。

而框架式構(gòu)圖中圓形構(gòu)圖的優(yōu)點(diǎn)是在視覺上給人以旋轉(zhuǎn),運(yùn)動(dòng),收縮的審美,在圓形構(gòu)圖中如果出現(xiàn)一個(gè)集中的趣味點(diǎn),那么整個(gè)畫面就以這個(gè)點(diǎn)為軸線,產(chǎn)生強(qiáng)烈的向心力。

uisdc-lld201703137.jpg

這在我們工作中多用于烘托節(jié)日氛圍,中國人對于圓有著特殊偏愛。-

uisdc-lld2017031334-768x617.png

開放式構(gòu)圖:強(qiáng)調(diào)畫面內(nèi)外的相互聯(lián)系,表現(xiàn)形式是畫面上人物實(shí)現(xiàn)、行為、落腳點(diǎn)常常在畫面之外,暗示與畫面外的某物體相呼應(yīng)。多在我們頁面設(shè)計(jì)上起到引導(dǎo)作用。

uisdc-lld2017031335-768x510.png

4. 光影構(gòu)圖

光影構(gòu)圖會(huì)讓簡單的頁面生動(dòng)起來,更能抓住用戶情緒。

光線與色彩對于界面構(gòu)圖而言,是一種重要的補(bǔ)充元素,起到無可替代的渲染效果,突出畫面的空間感,節(jié)奏感和韻律感。在界面中,通過光線明暗對比,主體輪廓與背景彼此的關(guān)系可以得到進(jìn)一步加強(qiáng),使主體與背景相分離,以加強(qiáng)主體的大小和所處空間位置,向用戶傳遞了構(gòu)圖空間的深度感,同樣也使構(gòu)圖形成豐富的美的形態(tài)。通過不同的顏色搭配,讓畫面有了鮮明的質(zhì)感和空間感,形成強(qiáng)烈的視覺沖擊,與形式組成的對比。

uisdc-lld201703138.jpg

下面是分別是國外設(shè)計(jì)師的插畫和眾安保險(xiǎn)的H5頁面,都利用了光影來突出焦點(diǎn)。

uisdc-lld2017031336-768x501.png

光影對畫面的構(gòu)成也可以做一個(gè)切割,增加畫面形式感,整個(gè)畫面表達(dá)了一種戲劇性的神秘氣氛。具有強(qiáng)烈的主觀認(rèn)識(shí)。

uisdc-lld2017031337-768x479.png

下面分別是國外設(shè)計(jì)師和美團(tuán)的一張H5頁面,利用光線進(jìn)行了畫面的切割。

uisdc-lld2017031338-768x501.png

三、總結(jié)

隨著審美感悟的發(fā)展,不斷的在形成新的審美理念,用戶對畫面的高要求,使構(gòu)圖進(jìn)入一個(gè)更加靈活的境地。每一個(gè)設(shè)計(jì)作品不僅體現(xiàn)了產(chǎn)品需求和公司的品牌文化的傳達(dá),同時(shí)也反映了設(shè)計(jì)者獨(dú)特的藝術(shù)風(fēng)格和創(chuàng)造思路。構(gòu)圖本身就有一種與生俱來的強(qiáng)烈的表達(dá)能力,這就有助于用戶領(lǐng)悟設(shè)計(jì)之外的公司的形象和內(nèi)在品質(zhì),并且有利于幫助用戶由表及里地挖掘產(chǎn)品傳達(dá)的內(nèi)涵和情感。



0
0
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

主站蜘蛛池模板: 四虎最新网 | 久久美女精品国产精品亚洲 | 五月天色丁香 | 最近观看免费高清视频 | 好色999| 欧美黄色录像视频 | 黄视频在线观看免费 | 国产handjob手交在线播放 | 亚洲色图综合网站 | 上课被同桌强行摸下面小黄文 | 99色亚洲| 午夜精品久久久久久久第一页 | 手机看片福利永久 | 日日操天天操夜夜操 | 午夜久久精品 | 婷婷四房播客五月天 | 午夜黄色| 日本a级免费 | 日韩精品视频免费观看 | 亚洲男人a天堂在线2184 | 国产国产人免费人成成免视频 | 一级特黄牲大片免费视频 | 69精品在线观看 | 美女张开腿露出尿口让男人桶 | 久久免费国产视频 | 日日日天天射天天干视频 | 国模私拍视频在线观看 | 国产美女久久 | 精品三级国产精品经典三 | 老师你好滑下面好湿h | 成人午夜精品久久久久久久小说 | 人人射人人澡 | 久久精品国产99久久72 | 亚洲日本久久久午夜精品 | 免费 视频| 天堂一区二区在线观看 | 欧美一卡二三卡四卡不卡 | 日本在线看小视频网址 | 国产亚洲精品美女久久久 | 色综合天天综合网国产国产人 | 国产精品高清一区二区三区 |