首頁(yè)

圖片排版找不到靈感?送你17個(gè)實(shí)用技巧!

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

排版的難處在于,我們不是根據(jù)已經(jīng)設(shè)計(jì)好的版面來(lái)填充內(nèi)容(套模板),而是要根據(jù)具體的內(nèi)容來(lái)布局版面。比如版面中的圖片有時(shí)候是一兩張,有時(shí)候是十張八張,由于構(gòu)成元素的不同,導(dǎo)致采用同樣的構(gòu)圖、版式、形式往往是行不通的,所以蔥爺今天的這篇文章就是要來(lái)分享,在不同情況下有哪些圖片排版技巧。

單圖排版

1. 平鋪

即把圖片鋪滿(mǎn)整個(gè)版面,這種處理方式多用于封面設(shè)計(jì)。

或者在內(nèi)頁(yè)中把某一半版平鋪一張大圖,另一半則排列文字或者小圖。

平鋪的圖片比較有張力,有視覺(jué)重心的圖片適合這么處理。下圖平鋪的效果就一般般。

還有一種情況是把圖片當(dāng)做背景,也可以采用平鋪,如下圖:

2. 四周留白

即圖片要比版面小,并讓其四周都留出空白。這里也分兩種情況,一是圖片位于版面正中央,圖片周?chē)牧舭资菍?duì)稱(chēng)的,這種效果類(lèi)似于相框,常用于封面設(shè)計(jì)。

還有一種情況是圖片周?chē)牧舭撞⒉粚?duì)稱(chēng),如下圖,留白較多的區(qū)域會(huì)用來(lái)排文字,常用于海報(bào)設(shè)計(jì)和畫(huà)冊(cè)內(nèi)頁(yè)設(shè)計(jì)。

3. 一條邊出血

即把圖片的一條邊對(duì)齊邊界,這么處理有點(diǎn)沖破束縛的意思,可以增加圖片的想象力和版面的設(shè)計(jì)感。

4. 三條邊出血

這么做會(huì)把版面分成兩部分,一部分為色塊,一部分為圖片,在排版時(shí)我們還可以通過(guò)文字、色塊或顏色把這兩個(gè)部分聯(lián)系起來(lái)。

5. 拆分

即把一張圖片拆分成幾份,然后隔開(kāi)一些排列,這么做比單獨(dú)放一張圖片會(huì)更有設(shè)計(jì)感和趣味性,風(fēng)景類(lèi)圖片適合這么處理。

6. 跨版

即在畫(huà)冊(cè)設(shè)計(jì)中,讓圖片同時(shí)占據(jù)兩個(gè)版面。當(dāng)在一個(gè)跨版中只有一張圖片時(shí),如果只把圖片排在某一半版中,那么另一半版就容易單調(diào),所以在這種情況下通常會(huì)使用跨版,而且圖片放大后會(huì)更有張力,還能把左右兩個(gè)版面關(guān)聯(lián)起來(lái)。

雙圖排版

在畫(huà)冊(cè)的設(shè)計(jì)中,有時(shí)候我們應(yīng)該把一 P 當(dāng)成一個(gè)版面,而有時(shí)候則需要把一個(gè)跨版當(dāng)成一個(gè)版面,這取決于具體的內(nèi)容以及排版形式,所以圖片的排版也要分成這兩種情況來(lái)考慮。

1. 統(tǒng)一大小對(duì)齊排版

在一些作品集或產(chǎn)品畫(huà)冊(cè)中常用到此排法,視覺(jué)流程簡(jiǎn)單、清晰。

2. 統(tǒng)一大小錯(cuò)位排版

比對(duì)齊排版更有動(dòng)感,且由于圖片不多,所以也不會(huì)顯得混亂。

3. 一大一小排版

這種排版對(duì)比鮮明、更有張弛,可以在一個(gè)跨版中使用,也可以是在某一 P 中使用。

還可以把其中的一張圖片去底,這么組合起來(lái)更靈活,對(duì)比更強(qiáng)烈。

如果把整個(gè)跨版當(dāng)成一個(gè)版面,那么可以把大的那張圖進(jìn)行跨版,小的那張圖則不跨版。

或者把大圖鋪滿(mǎn)一個(gè) P,而小的圖片和文字則排在另一個(gè) P。

這兩種排法都很大氣且不失細(xì)膩。

多圖排版

有時(shí)候一個(gè)版面內(nèi)的圖片會(huì)有很多,這種版面排起來(lái)會(huì)更有難度,常用的排版方式有以下 8 種。

1. 大小統(tǒng)一對(duì)齊排版

這種排法比較整潔,但缺少變化,適合用于目錄頁(yè)或者產(chǎn)品和人物介紹。

2. 大小不統(tǒng)一對(duì)齊排版

這種排法會(huì)比前一種更靈活一點(diǎn)。適合利用網(wǎng)格工具來(lái)輔助排版。

這種排版雖然沒(méi)有統(tǒng)一圖片的大小,但由于保持了嚴(yán)格的對(duì)齊關(guān)系,所以依然顯得很整潔。

3. 圖片與色塊組合排版

圖片與色塊組合在一起排版既不會(huì)像只有圖片那么單調(diào),還可以利用色塊排文字。不過(guò)注意色塊的顏色不要太多,且顏色最好來(lái)自圖片。

4. 錯(cuò)位排版

即把相連兩張圖片刻意錯(cuò)開(kāi),或者把圖片與文字的位置互換,這么做可以有效打破圖片完全對(duì)齊的單調(diào),且由于有一定的規(guī)律,所以也不會(huì)對(duì)視覺(jué)流程造成太大影響。

5. 把圖片拼成特定的形狀

這種排法適合圖片比較多的情況,這么做可以避免圖片太多而顯得混亂,而且因?yàn)槠闯傻男螤钜c設(shè)計(jì)需求相關(guān),所以會(huì)顯得更有創(chuàng)意。

6. 按照某一路徑排版

這種排法跟前一種一樣,適合數(shù)量較多的同類(lèi)圖片使用,可以避免圖片排得太過(guò)分散,如果不統(tǒng)一圖片的大小和方向,效果會(huì)比較活潑但不規(guī)范,適用于照片墻和兒童畫(huà)冊(cè)的排版。

如果統(tǒng)一圖片的大小和方向,或者使它們呈漸變式的變化,這些圖片還可以形成一定的節(jié)奏感,不僅不會(huì)亂,還很美觀。

7. 一大多小排版

如果在版面中分開(kāi)排列大小差不多的多張圖片,那么該版面就會(huì)缺乏重點(diǎn)且沒(méi)有張力,而如果把其中一張圖片放大,與其他圖片形成鮮明的大小對(duì)比,就可以有效解決這一問(wèn)題。

8. 自由排版

即大小不需要統(tǒng)一、圖片與圖片之間也不一定要嚴(yán)格對(duì)齊,效果比較靈活,設(shè)計(jì)感較強(qiáng),常用于雜志排版中。

這種排法有兩點(diǎn)需要注意,一是圖片不要排的太分散;二是最好要有大小對(duì)比。

去底圖也很適合這么做,當(dāng)然,在排版的時(shí)候也要有大小的區(qū)分,同時(shí)要注意圖片與圖片、圖片與文字之間的輪廓要形成互補(bǔ)。

結(jié)語(yǔ)

版面中的圖片數(shù)量有從一張到數(shù)十張不等,圖片的排版方式也非常多,所以我沒(méi)法一一列出,以上總結(jié)的 17 個(gè)技巧僅僅代表一些比較主流的方向,具體的變化還需要大家根據(jù)具體的內(nèi)容和設(shè)計(jì)需求去做嘗試和突破,希望這篇文章能給你一點(diǎn)幫助。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

騰訊設(shè)計(jì)師:送你10個(gè)提高文字設(shè)計(jì)感的方法!

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

我們?cè)谠O(shè)計(jì)中除了接觸到圖形,還需要了解文字的設(shè)計(jì)。特別的文字設(shè)計(jì)或者排版可以使整體的畫(huà)面效果更加有氛圍,甚至超過(guò)圖形表達(dá)的感受,更加直觀地表達(dá)出內(nèi)容的主旨。

文字的設(shè)計(jì)方式有很多種,例如通過(guò)字體變形,結(jié)構(gòu)重組等方式來(lái)讓文字變得更加特別,但往往會(huì)讓我們耗費(fèi)比較多的時(shí)間。

因此我一直在思考有沒(méi)有一些既簡(jiǎn)單又的設(shè)計(jì)方式來(lái)提高文字的設(shè)計(jì)感。在瀏覽國(guó)外的一些設(shè)計(jì)網(wǎng)站的過(guò)程中,做了一下文字設(shè)計(jì)形式方面的收集,并整理出十種我認(rèn)為具有代表性的文字設(shè)計(jì)形式。另外還參考這些設(shè)計(jì)方式,使用中文字體進(jìn)行了一些嘗試。

拉伸的文字

拉伸的處理手法,讓文字更具有張力,整體氛圍更具標(biāo)題感和圖形化,但依然保留著文字該有的識(shí)別度。常見(jiàn)于純文字排版的海報(bào),既滿(mǎn)足閱讀需要,同時(shí)具有設(shè)計(jì)感。

拉伸與文字本身的字形、字體有著很大程度的關(guān)聯(lián),并不是所有的文字都適合拉伸,例如下面的案例。

1. 不同字體對(duì)比

從方案嘗試中看出,左邊字體在進(jìn)行拉伸之后,文字本身的結(jié)構(gòu)會(huì)遭到破壞,而右邊的效果可以較為接受。因此在設(shè)計(jì)的過(guò)程中盡量選擇可適用于拉伸的字體,另外在拉伸的過(guò)程中需要對(duì)細(xì)節(jié)重新處理,使字體保留原有字體的細(xì)節(jié)美感。

2. 不同字形的對(duì)比

從下面案例中對(duì)比,O 在進(jìn)行上下拉伸的時(shí)候效果比較好,而左右拉伸的時(shí)候會(huì)失去字體本身的美感,而 Y 在上下左右拉伸后整體視覺(jué)效果都相對(duì)平衡。

3. 細(xì)節(jié)處理對(duì)比

優(yōu)化字體線條的細(xì)節(jié)可以使得整體文字更加規(guī)整、方正(右邊)。而未進(jìn)行細(xì)節(jié)的設(shè)計(jì)則會(huì)顯得筆畫(huà)參差不齊(左邊)。

4. 傳統(tǒng)與現(xiàn)代對(duì)比

傳統(tǒng)的字體拉伸后(如下圖中間的字體),字體本身的韻味就失去了,因此不建議對(duì)一些較為傳統(tǒng)的字體進(jìn)行拉伸設(shè)計(jì)。

5. 設(shè)計(jì)嘗試

中文字的筆畫(huà)比較多樣性,因此在細(xì)節(jié)的設(shè)計(jì)上比英文來(lái)得更加復(fù)雜,在處理「撇、捺、點(diǎn)、折、彎、勾」時(shí)需要保持原本的筆畫(huà)結(jié)構(gòu)性。

6. 拓展案例

結(jié)合實(shí)際要表達(dá)的內(nèi)容,使用拉伸的設(shè)計(jì)手法,例如結(jié)合物體,疊加顏色或者交錯(cuò)拉伸等。

虛實(shí)結(jié)合文字

虛實(shí)結(jié)合即為線面/陰陽(yáng)的設(shè)計(jì)手法,通過(guò)虛實(shí)的處理,可以突出一組或一段文字中的重點(diǎn)信息。在一些強(qiáng)調(diào)主次的設(shè)計(jì)中,可以嘗試這種方式來(lái)做區(qū)分,線面結(jié)合的處理手法讓原有都是面的字體多了一些透氣感和空間感。

虛實(shí)處理的方法需要考慮本身字體的粗細(xì),過(guò)分纖細(xì)的字體效果可能并不明顯。

1. 嘗試對(duì)比

從對(duì)比中,發(fā)現(xiàn)粗體相比于細(xì)體來(lái)得更加直接更容易出效果,對(duì)比明確。

2. 中文字體的嘗試

從嘗試中來(lái)看,與上面中的結(jié)論較為一致,較細(xì)的字體使用虛實(shí)結(jié)合效果并不理想。對(duì)于書(shū)法體的應(yīng)用,更多需要考慮字體的收邊效果是否工整,收邊過(guò)碎,會(huì)影響在描邊之后的細(xì)節(jié)美感。

3. 設(shè)計(jì)嘗試

遞進(jìn)漸變的文字

通過(guò)遞增或者遞減的設(shè)計(jì)手法,讓原本簡(jiǎn)單重復(fù)的文字元素,變得更加具有層次感和節(jié)奏感,讓文字的生命力變得更加豐富多樣。

在設(shè)計(jì)的過(guò)程中需要提前規(guī)范好各個(gè)字體之間的差異關(guān)系及變化的效果過(guò)程。按照一定的數(shù)值倍數(shù)差異比進(jìn)行變化。

1. 不同方式的嘗試對(duì)比

在嘗試的時(shí)候發(fā)現(xiàn),粗細(xì)變化的模式可能更多會(huì)依賴(lài)于字體本身的模式。

2. 中文字體的嘗試

中文在使用遞進(jìn)漸變的方式中需要考慮整體文字的結(jié)構(gòu)感和塊狀感,由于字形較為復(fù)雜,整體視覺(jué)效果會(huì)過(guò)于零碎。

擴(kuò)展變化的文字

與遞進(jìn)漸變接近但卻又有差別的文字設(shè)計(jì)形式。擴(kuò)展變化的文字具有張力的同時(shí)有一定的速度感和發(fā)射性,就像向四周展開(kāi)的波紋效果,具有延續(xù)性。

按文字的行高或者字寬作為基礎(chǔ)值,按一定的比例,對(duì)文字進(jìn)行破形切割處理,上下左右進(jìn)行擴(kuò)展發(fā)散。

1. 比例值示意效果

2. 中文字體的嘗試

外觀的完整度還算可以,但由于中文本身自有的特性(筆畫(huà)較為豐富多樣),因此在擴(kuò)展層次的數(shù)量上需要進(jìn)行一定的控制,不宜過(guò)多,以短語(yǔ)或標(biāo)題使用較好,避免過(guò)于形式而導(dǎo)致文字識(shí)別性降低。

3. 設(shè)計(jì)嘗試

底紋的文字

文字作為紋理出現(xiàn)在畫(huà)面中,區(qū)別于圖形化的紋理。既有圖形感,同時(shí)可以輔助傳達(dá)一定的信息和態(tài)度。

在字體的選擇上盡量適用字形較為簡(jiǎn)潔的字體,避免影響前景內(nèi)容的展示。設(shè)計(jì)上可以結(jié)合其他的設(shè)計(jì)形式,例如虛實(shí)結(jié)合/拉伸變形/擴(kuò)展變化等方式,提升畫(huà)面的豐富程度。

1. 中文字體的嘗試

常規(guī)的中文字體,整體效果還算不錯(cuò)。但結(jié)合中國(guó)書(shū)法字作為底紋,可以讓整體的設(shè)計(jì)更具有不同于英文的設(shè)計(jì)感,整體效果更具有力量感,因此建議在設(shè)計(jì)中文底紋的時(shí)候可以大膽嘗試中文書(shū)法字。

穿透的文字

通過(guò)疊加的方式,讓原本簡(jiǎn)單的文字和背景產(chǎn)生了融合。既提升了背景的層次感,又讓文字變得具有設(shè)計(jì)感。

粗細(xì)的字體會(huì)產(chǎn)生不一樣的視覺(jué)感受,較細(xì)的字體會(huì)產(chǎn)生若隱若現(xiàn)的視覺(jué)效果,文字的識(shí)別性會(huì)稍弱,較粗的字體識(shí)別度基本上沒(méi)有太大問(wèn)題,因此在設(shè)計(jì)的過(guò)程中可以結(jié)合實(shí)際的情況選擇不同粗細(xì)的文字。

1. 粗細(xì)對(duì)比嘗試

穿透的文字設(shè)計(jì),對(duì)于打造設(shè)計(jì)的大片感具有很突出的視覺(jué)效果。例如漫威的電影片頭設(shè)計(jì)。

2. 中文字體的嘗試

結(jié)合不同的語(yǔ)意使用不同的字體,再結(jié)合穿透的設(shè)計(jì)方式,使畫(huà)面具有中文的文藝感。

3. 拓展案例

結(jié)合實(shí)際的內(nèi)容設(shè)計(jì),穿透文字的玩法還可以拓展出更多不一樣的設(shè)計(jì),例如下面這些例子。

扭動(dòng)的文字

扭動(dòng)的設(shè)計(jì),讓文字具有曲線的動(dòng)態(tài)感,提升了文字的裝飾性。不同曲線的動(dòng)態(tài)變化,賦予文字不同的律動(dòng)感。變形的文字并未影響到文字該有的識(shí)別性和閱讀感,卻具有了設(shè)計(jì)感。

如下面的三個(gè)案例,曲率的差別,賦予文字不同的動(dòng)態(tài)規(guī)則,有不同的視覺(jué)感知,有時(shí)柔美,有時(shí)卻具有速度感。因此在設(shè)計(jì)的時(shí)候,可根據(jù)具體的內(nèi)容設(shè)計(jì)不同的扭動(dòng)趨勢(shì)。

1. 中文字體的嘗試

對(duì)比可見(jiàn)較細(xì)的字體使用扭動(dòng)的設(shè)計(jì),效果并不理想。由于中文筆畫(huà)的差異點(diǎn),經(jīng)過(guò)扭動(dòng)之后整體外形較為不規(guī)整,而粗體的效果則較為規(guī)整,動(dòng)態(tài)曲線趨勢(shì)也較為明顯。

2. 設(shè)計(jì)嘗試

扭動(dòng)+虛實(shí)+底紋的效果。

3. 拓展案例

更高級(jí)的設(shè)計(jì)手法是利用自然環(huán)境的介質(zhì)結(jié)合文字,起到扭曲的視覺(jué)效果。

立體層疊的文字

與擴(kuò)展變化有異曲同工之妙,文字通過(guò)一定的角度和位移間隔,由二維向三維的視覺(jué)效果進(jìn)行變化,讓文字更加多變化和有重量感、層次感。

立體層疊的設(shè)計(jì)對(duì)于字體本身具有一定的要求,較為纖細(xì)的字體出來(lái)的效果并不理想。

1. 不同的字體嘗試

從對(duì)比中看出,細(xì)體或較細(xì)的襯線字體,層疊后會(huì)出現(xiàn)銜接不上或視覺(jué)黑點(diǎn)的情況(如下面左圖和右圖)。因此設(shè)計(jì)時(shí)建議使用粗體,并且整體筆畫(huà)較為平均的字體(中間的圖)。

2. 中文字體的嘗試

雖然具有了層次感和空間感,但也會(huì)讓整體變得更加復(fù)雜,因此需要根據(jù)文字的多少情況進(jìn)行使用。

3. 拓展案例

立體層疊還不止單向的設(shè)計(jì),例如可以進(jìn)行軌跡變化,向外擴(kuò)展層疊,或是增加一些顏色漸變來(lái)豐富整體的設(shè)計(jì)。

顏色疊加的文字

文字通過(guò)錯(cuò)位,疊加,顏色變化,透明度變化,切割等方式的設(shè)計(jì)之后,具有故障的視覺(jué)偏差感受。整體視覺(jué)感知類(lèi)似雙重曝光的照片,文字具有豐富的層次感。

顏色疊加的效果,對(duì)于顏色的選擇極為重要,兩個(gè)顏色交錯(cuò)之間的顏色可以為過(guò)渡色或者互補(bǔ)色。

細(xì)體的效果并不理想(如上圖左邊第一個(gè)),建議設(shè)計(jì)的過(guò)程中使用較粗的字體,另外在使用的過(guò)程中需要考慮文字的識(shí)別度(如右邊的效果),重疊之后文字的識(shí)別度或多或是會(huì)受到影響。

1. 中文字體的嘗試

由于中文字比英文復(fù)雜,因此使用中文字在設(shè)計(jì)的時(shí)候,可以尋找一些共筆的地方進(jìn)行重疊(如下圖左邊的設(shè)計(jì)),利用字體筆畫(huà)粗細(xì)一致的情況下,進(jìn)行了邊與邊的重疊。另外在設(shè)計(jì)的過(guò)程中建議加大字間距,這樣可以避免不同文字的重疊,產(chǎn)生過(guò)度復(fù)雜的效果,影響文字的識(shí)別性(如下圖最右邊的設(shè)計(jì))。

2. 拓展案例

在簡(jiǎn)單的疊色之外,結(jié)合不同質(zhì)感和肌理,可以讓整個(gè)文字具有不一樣的視覺(jué)感受。

立體空間的文字

文字按照立方幾何結(jié)構(gòu)進(jìn)行排版,通過(guò)顏色差異,陰陽(yáng),線面等方式設(shè)計(jì)處理后形成空間感和立體感。相比于平面排列的文字更具有空間感和層次感,提升整體畫(huà)面的設(shè)計(jì)感。

1. 設(shè)計(jì)嘗試

使用空間錯(cuò)位結(jié)合虛實(shí)的設(shè)計(jì),讓簡(jiǎn)單重復(fù)的文字變得具有空間感和立體感。

2. 拓展案例

除了常規(guī)的空間打造,甚至可以融入到場(chǎng)景中或者結(jié)合物體本身的設(shè)計(jì)。

以上設(shè)計(jì)風(fēng)格,常常會(huì)在一些運(yùn)動(dòng)品牌的設(shè)計(jì)中看到。例如,Nike 的設(shè)計(jì)中應(yīng)到的文字,也會(huì)結(jié)合這些方式,來(lái)豐富和提高整體的設(shè)計(jì)感。

火箭隊(duì)出場(chǎng)片頭的字體應(yīng)用,線形字體疊加漸變的效果,具有層次感又有未來(lái)感。

阿迪達(dá)斯的廣告:

Converse 的廣告:

Under Armour 的廣告:

除了一些品牌的設(shè)計(jì),音樂(lè)唱片的封面也有應(yīng)用到這些類(lèi)型的設(shè)計(jì)手法。

我們除了在一些常規(guī)的媒介上會(huì)看到相關(guān)的文字設(shè)計(jì),在這兩年的耐克或阿迪達(dá)斯的鞋子設(shè)計(jì)中,也會(huì)加入文字元素的設(shè)計(jì),甚至球員會(huì)直接在鞋子上寫(xiě)上文字。

文字設(shè)計(jì)的拓展疊加

文字的設(shè)計(jì)已經(jīng)成為一種新的設(shè)計(jì)趨勢(shì),結(jié)合實(shí)際需要表達(dá)的想法,對(duì)于設(shè)計(jì)手法進(jìn)行活學(xué)活用是做出好設(shè)計(jì)的關(guān)鍵。當(dāng)然只有掌握了基礎(chǔ)手法才可能做到舉一反三的設(shè)計(jì)思考。在實(shí)際設(shè)計(jì)的過(guò)程中,我們往往不會(huì)是單獨(dú)使用某一種方式,而是對(duì)不同的設(shè)計(jì)手法進(jìn)行重組再設(shè)計(jì),或者使用 2~3 種方式疊加設(shè)計(jì)來(lái)打造整體的畫(huà)面效果。如下:

總結(jié)

在這十種基礎(chǔ)的文字設(shè)計(jì)中,通過(guò)結(jié)合發(fā)散可以迸發(fā)出遠(yuǎn)遠(yuǎn)不止于十種的創(chuàng)意設(shè)計(jì)。本次收集總結(jié)除了自身學(xué)習(xí)提高之外,希望可以起到拋磚引玉的作用,激發(fā)設(shè)計(jì)師對(duì)于文字的設(shè)計(jì)思考。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì)  ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

這是一篇不看會(huì)后悔的配色干貨!

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

今天我們來(lái)講一講大家期待已久的配色方面的干貨。

其實(shí)幾年以前我就寫(xiě)過(guò)一篇關(guān)于配色的文章,早期的面粉估計(jì)還有印象,在那篇文章里我基本已經(jīng)把設(shè)計(jì)師需要用的關(guān)于色彩構(gòu)成的主要精華內(nèi)容都匯總出來(lái)了(文末會(huì)附上文章鏈接的,別著急)。

但是因?yàn)椴煌O(shè)計(jì)行業(yè)的工作內(nèi)容是有差別的,而且每個(gè)人的基礎(chǔ)和理解能力也不一樣,所以?xún)H憑一篇文章是無(wú)法解決所有人的難題的,所以今天這篇文章算是關(guān)于那篇配色知識(shí)講解文章的補(bǔ)充篇。

不過(guò)在講解如何配色之前,我們還是先應(yīng)該先記住一些關(guān)于色彩的理論知識(shí),因?yàn)橛辛死碚撘罁?jù)我們才能在做設(shè)計(jì)的時(shí)候有理有據(jù),而不是胡亂配色和瞎試?yán)速M(fèi)時(shí)間。

所以這篇文章主要分為了以下幾個(gè)部分:

  • 普遍意義上的色彩是指什么?
  • 設(shè)計(jì)流程和配色思路分享
  • 我的其他配色法寶
  • 總結(jié)

普遍意義上的色彩是指什么?

簡(jiǎn)單點(diǎn)來(lái)說(shuō),色彩即顏色,顏色可以分成有彩色和無(wú)彩色兩大類(lèi),看有彩色主要看色相/純度/明度三個(gè)方面的屬性,無(wú)彩色也就是白色/黑色/各種深淺不同的灰色,也可以說(shuō)無(wú)彩色是飽和度為零的色彩。

色相,即可以明確表示顏色色別的名稱(chēng),比如紅橙黃綠藍(lán)靛紫:

色彩有冷暖之分,我大致用溫度的概念標(biāo)注一下,其中「0」是指中性色,「-0」是指中性偏冷,「+0」是指中性偏暖(當(dāng)然,這里的溫度是我自己為了具體化冷暖的概念而標(biāo)記的,主要是方便大家理解,所以不用去糾結(jié)這個(gè)數(shù)值準(zhǔn)不準(zhǔn)確哈哈,你明白他們代表很冷/很熱/一般冷/一般熱就好了!~)

明度,就是指色彩的明亮程度(通俗點(diǎn)講,在某種色彩里添加的白色越多就越明亮,添加的黑色越多就越暗)。

純度(飽和度),就是指色彩的純凈度,我以紅色舉例,如下圖所示:

如果大家想看更加詳細(xì)的關(guān)于色彩構(gòu)成原理的解說(shuō),可以看這個(gè)系列:《優(yōu)設(shè)獨(dú)家配色專(zhuān)題》

設(shè)計(jì)流程和配色思路分享

不管我們做什么方面的設(shè)計(jì),設(shè)計(jì)練習(xí)也好,實(shí)際項(xiàng)目也好,在設(shè)計(jì)之前,我們最好是能先明確我們的設(shè)計(jì)目的是什么,然后確定一個(gè)主題,依據(jù)這個(gè)設(shè)計(jì)目的和主題,去構(gòu)思創(chuàng)意,有了創(chuàng)意后再去去探討具體的落地執(zhí)行,其中包含了字體(標(biāo)題文案)的設(shè)計(jì)排版配色、畫(huà)面整體的構(gòu)圖和配色、細(xì)節(jié)優(yōu)化、氛圍渲染等等;

當(dāng)然,這一次關(guān)于其他方面的內(nèi)容我只會(huì)附帶著講一點(diǎn),因?yàn)槲覀兘裉斓闹饕獌?nèi)容是講配色。

以我最近做的一張照片海報(bào)設(shè)計(jì)為例:

下面是我前幾天用手機(jī)拍的一張照片,照片里的內(nèi)容是我的手拿著一朵花。

1. 設(shè)計(jì)之前先確定主題

比如這一次我是確定了設(shè)計(jì)主題為:浪漫。

因?yàn)槲铱戳讼逻@張照片里面花是粉色的,我的手指甲油也是粉色系的,而我也是一個(gè)(年紀(jì)越大就越)喜歡粉色的女人~同時(shí)因?yàn)槲蚁矚g嘗試各種不同的風(fēng)格主題,浪漫這個(gè)主題我之前是沒(méi)有做過(guò)的,所以要不這一次就浪漫一回好咯。

那么說(shuō)到浪漫,大家腦海里的第一反應(yīng)會(huì)是什么呢?我不知道大家會(huì)想到什么,反正我會(huì)想到很多場(chǎng)景畫(huà)面,比如2002年的韓劇《冬季戀歌》里,男女主角在雪地里相擁的畫(huà)面,天上飄著雪花,同時(shí)背景音樂(lè)響起了《My memory》;

△ 《冬季戀歌》因?yàn)槭?002年的韓劇,所以現(xiàn)在看海報(bào)是有點(diǎn)過(guò)時(shí)了,但劇是好劇的

再比如2017年的電影《愛(ài)樂(lè)之城》里,男女主角在繁星點(diǎn)點(diǎn)的絕妙夜空下翩翩起舞和擁吻的場(chǎng)景,同時(shí)背景音樂(lè)響起了《City Of Stars》;

△ 電影《愛(ài)樂(lè)之城》海報(bào)

再比如1995年上映的宮崎駿動(dòng)漫《側(cè)耳傾聽(tīng)》的結(jié)尾情節(jié),時(shí)隔2個(gè)月才見(jiàn)面的男女主角一早就偷跑到一個(gè)可以俯瞰城市和日出的角落互相表白,微風(fēng)輕拂著女主的短發(fā),一棟棟高樓彌漫在朦朧的霧氣當(dāng)中,日出的余輝映射在波瀾的水面,同時(shí)背景音樂(lè)響起了《Take Me Home, Country Roads》;

△ 宮崎駿動(dòng)漫《側(cè)耳傾聽(tīng)》劇照

等等等,還有很多浪漫有關(guān)的畫(huà)面我就不多說(shuō)啦。

總之,浪漫是有很多種表現(xiàn)形式和配色的,但是有一點(diǎn)是有共通性的,那就是要想打造出浪漫的感覺(jué),背景音樂(lè)、色彩搭配和氛圍渲染很重要。

比如除去聽(tīng)覺(jué)上的背景音樂(lè)渲染氛圍以外,視覺(jué)上還有《冬季戀歌》里的白雪凱凱和雪花飄、《愛(ài)樂(lè)之城》的藍(lán)紫色夜空和繁星點(diǎn)點(diǎn)、《側(cè)耳傾聽(tīng)》里的暖黃色日出和微風(fēng)波瀾。

那么回到我自己拍的這張照片上面,這種大面積的灰白色背景只能讓人感覺(jué)很性冷淡,一點(diǎn)都不浪漫,所以這張照片我肯定是要摳圖才可以用的;從我自己的年齡、喜好、原照片內(nèi)容限定等角度,可能走《愛(ài)樂(lè)之城》那種類(lèi)型的浪漫色彩可能就更適合一點(diǎn):用暗色調(diào)的紫色搭配我原本圖片就有的粉色系。

ok,分析到這里先打住,我們先不要繼續(xù)著急去細(xì)化到底該怎么去配色了這時(shí)候我們只需要有一個(gè)大概的色彩感覺(jué)就好了,因?yàn)榕渖?,我們還有很重要的一步?jīng)]有做,那就是構(gòu)圖。

2. 配色之前先構(gòu)圖

很多人之所以總是說(shuō)自己不會(huì)配色或不管怎么配色都感覺(jué)不對(duì)勁,其實(shí)是因?yàn)?,搭配顏色這個(gè)動(dòng)作不能為時(shí)太早了,你得先把你整個(gè)畫(huà)面的構(gòu)圖和基本框架先敲定了再去考慮配色。

先構(gòu)圖再配色,先構(gòu)圖再配色,先構(gòu)圖再配色,重要的事情說(shuō)三遍!~

因?yàn)闃?gòu)圖相當(dāng)于化妝的時(shí)候先打好底子,底子不打好,你再怎么化妝都是徒勞的。同理,如果你的構(gòu)圖很亂或者基本型都沒(méi)出來(lái),你就去考慮配色,很有可能就是你磨半天都設(shè)計(jì)不出一個(gè)滿(mǎn)意的結(jié)果,這就是很多人磨蹭半天,做出來(lái)的設(shè)計(jì)依舊不好看的很重要的一個(gè)原因。

因?yàn)槟愕脑O(shè)計(jì)步驟錯(cuò)了。

比如我今天要拿這朵花做一幅海報(bào),我先不考慮配色和氛圍渲染的事情,我就這樣光溜溜的排個(gè)版出來(lái)再說(shuō),這里的排版方式和字體選擇主要考慮樂(lè)個(gè)方面,一個(gè)是照片原本的條件限制,一個(gè)是圍繞著浪漫這個(gè)主題去做,最終排版如下圖所示:

一個(gè)淺色一個(gè)深色,大家可以對(duì)比看看效果。

這幅海報(bào)就這樣隨便看看其實(shí)也是可以看的,只是缺少細(xì)節(jié)和情感,也沒(méi)有特別的吸引力罷了,最重要的是不夠浪漫。

那么到這一步,我們就可以繼續(xù)細(xì)化配色方案,分配色彩比例,優(yōu)化細(xì)節(jié),增加最重要的一些氛圍渲染步驟了。

所以我繼續(xù)優(yōu)化海報(bào),最終得到了下面這幅海報(bào):

這張海報(bào)的背景是我用ps自帶的筆刷刷出來(lái)的,順著一個(gè)方向刷出一種墜感,這就是起到一種氛圍渲染的作用。

然后,雖然粉色和紫色也算是同色系的顏色了,但是因?yàn)槊髁恋姆凵c暗色調(diào)紫色在明度上有很大的落差,所以等他們組合在一起就會(huì)有一種碰撞的感覺(jué),給人的視覺(jué)記憶力就會(huì)強(qiáng)一點(diǎn),暗色也給人跟多神秘的感覺(jué),讓人琢磨不透。

畢竟,讓人琢磨不透的人比一眼就能看穿的人給人更多聯(lián)想和猜測(cè),有插曲有意外的浪漫愛(ài)情給人的印象才會(huì)比較深刻一點(diǎn),對(duì)吧~

同時(shí),為了方便大家理解,我又做了以下幾個(gè)版本,大家可以對(duì)比看看色彩的差異給人感覺(jué)上的變化。

比如,如果我改變畫(huà)面的明度,提高畫(huà)面的明度,如下圖所示:

這樣看,是不是畫(huà)面給人的感覺(jué)要少女很多?而且給人一種很溫柔的感覺(jué),但是盯久了會(huì)覺(jué)得甜膩膩的。

如果前面第一版暗色調(diào)的是為20-40歲左右的女人而設(shè)計(jì)的浪漫,那么上面這一版則像是為20歲左右的小姑娘而設(shè)計(jì)的浪漫。

在這個(gè)基礎(chǔ)上,如果我既改變明度,也改變配色,給畫(huà)面加入非同色系的顏色,如下圖所示:

這樣看,其實(shí)感覺(jué)也很美對(duì)不對(duì)?美歸美,但是卻感覺(jué)比上面那一版還要膩,因?yàn)橄袷菫閮和蛐√}莉小公主而設(shè)計(jì)的浪漫了,適用的心理年齡段更小了。

ok,我們接著往下看。

如果我將背景隨便換什么顏色,但是保持背景顏色是同色系不同明度的,畫(huà)面里有明也有暗,如下圖所示:

最后出來(lái)的感覺(jué)其實(shí)也是可以的,也很美,但就是少了一些抓眼球的感覺(jué),覺(jué)得中規(guī)中矩的,沒(méi)什么特別之處,就好比那種平平淡淡的感情,缺少激情的感情。

但是這種同色系的做法,卻是平臺(tái)和品牌為了統(tǒng)一形象方便視覺(jué)規(guī)范化管理最喜歡使用的一種配色方式,對(duì)此,大家可以去留意一下天貓或京東的一些頻道頁(yè)面或者大型活動(dòng)各個(gè)分會(huì)場(chǎng)的頁(yè)面配色。

ok,前面的配色技巧大家估計(jì)發(fā)現(xiàn)了,我要么是用同色系配色,要么是同色系改變明度和純度,要么是用不同色系不同純度但是保持明度一致,所以以這種方式去配色,無(wú)論你怎么配其實(shí)最后出來(lái)的感覺(jué)都是不會(huì)太差的,只是針對(duì)的受眾不同罷了,可以各取所需。

所以如果你不會(huì)配色的話(huà),那么就在這些基本的框架規(guī)則里去變化就好了。這是非常保險(xiǎn)的一種配色方法。

但是如果你不遵守這種規(guī)則,而是胡亂瞎配色,則很有可能會(huì)出現(xiàn)下面這種情況,要么是畫(huà)面顯得臟,要么是畫(huà)面顯得艷俗、花哨和亂,如下圖這些錯(cuò)誤示范所示:

上面這幾幅圖雖然是一些錯(cuò)誤的配色示范,但是很多對(duì)色彩不敏感的孩子可能也會(huì)覺(jué)得:「誒,其實(shí)也還行啊」,其實(shí)主要是因?yàn)橛袠?gòu)圖的基礎(chǔ)在那里硬撐著,底子在那里,所以色彩即使配的不夠好糊弄一下也還行。

拿化妝舉個(gè)例子,為什么那些本身樣貌底子就好的人,即使亂穿衣或亂化妝你也覺(jué)得看起來(lái)還行,一旦她好好的打扮畫(huà)個(gè)妝,那簡(jiǎn)直就是神仙顏值了,可底子不好的人呢?可能你就算再會(huì)穿衣打扮,你也只能變成看起來(lái)還行,到達(dá)不了神仙顏值的地步。

所以我再?gòu)?qiáng)調(diào)一遍,配色之前先構(gòu)好圖,把底子打好,這很重要。

總結(jié)起來(lái)就是,做設(shè)計(jì)之前先確定主題,然后搭框架搞定排版樣式,接下來(lái)再考慮配色,再然后氛圍渲染,最后一步優(yōu)化細(xì)節(jié),over。

我的其他配色法寶

下面這些知識(shí)點(diǎn)都是我平時(shí)總結(jié)出來(lái)的一些配色小心得,是我屢試不爽的一些方法,分享給大家。

總結(jié)來(lái)說(shuō),我的配色技巧主要有以下幾種:聯(lián)想法、提取法、目的導(dǎo)向法則。

1. 聯(lián)想法

所謂聯(lián)想法就是,類(lèi)似于頭腦風(fēng)暴那樣,當(dāng)拿到設(shè)計(jì)需求或確定設(shè)計(jì)主題后,我會(huì)提取一些關(guān)鍵詞,根據(jù)關(guān)鍵詞去聯(lián)想很多相關(guān)的可能,然后再去篩選一些結(jié)果為我所用。

比如下面這張照片,原本照片的顏色是很簡(jiǎn)單單一的。

但因?yàn)槲医o他確定的主題是「野花的回憶」,所以我就會(huì)去聯(lián)想:「野花都是什么樣的顏色?」「回憶又是什么樣的色調(diào)比較合適?」,后來(lái)我就確定了野花主要以比較艷麗的色彩居多,比如玫紅色、亮黃色、白色等等,至于回憶嘛,可能就是有年代感了,所以大的基調(diào)是暗色調(diào)的。

于是下面這幅海報(bào)的色彩搭配就出來(lái)了。

其他用聯(lián)想法配色的還有很多,比如下面這一組。

原照片:

做成海報(bào)后:

不過(guò)這里需要說(shuō)明的是,聯(lián)想法要求你會(huì)聯(lián)想,所以大家平時(shí)最好是多留意身邊的事物,多觀察大自然什么的,還有適當(dāng)去了解一下色彩心理學(xué),你會(huì)明白每一種色彩都是可以代表不同的感情和事物的。

通過(guò)長(zhǎng)時(shí)間的鍛煉自己對(duì)于色彩的敏銳度,可以幫助你快速的配出自己想要的色彩。

2. 提取法

所謂提取法,就是當(dāng)我們拿到某一個(gè)產(chǎn)品或模特需要圍繞著它們做設(shè)計(jì),我們就可以直接從它們身上吸取顏色,作為主色或點(diǎn)綴色都可以,這樣搭配顏色的好處就是:省時(shí)省事不容易出錯(cuò),而且還有呼應(yīng)主題和畫(huà)龍點(diǎn)睛的效果。

比如下面這張照片,原本照片的顏色就是綠色和淡粉紫色。

那我最后做出來(lái)的海報(bào)配色也是這些顏色咯,只是文字部分單獨(dú)用了白色而已。

哦對(duì)了,一般白色和黑色這兩種無(wú)彩色都是最適合用來(lái)作為標(biāo)題或文字內(nèi)容部分的顏色的,也是最不容易出錯(cuò)的,同時(shí)聯(lián)想法和提取法其實(shí)是可以互相搭配使用的,不沖突。

但是,有時(shí)候我們?nèi)绻M?huà)面可以更活潑一點(diǎn),一般做那種比較卡哇伊風(fēng)向的設(shè)計(jì),標(biāo)題也會(huì)用彩色,而不是黑白無(wú)彩色,至于標(biāo)題用什么彩色,也是可以用聯(lián)想法和提取法啦,如下圖所示:

3. 目的導(dǎo)向法則

前面的聯(lián)想法和提取法的配色方法是教大家如何選取顏色,但具體到哪里該用什么顏色,該用什么明度什么色相的顏色,則就取決于你的設(shè)計(jì)目的是什么了,所以我將它稱(chēng)之為目的導(dǎo)向法則。

比如,之前我給大家提到過(guò),有的設(shè)計(jì)是走藝術(shù)路線(以傳遞情緒為主,重在情緒上的表達(dá)),而不是常人理解的一般的商業(yè)設(shè)計(jì)路線(以傳遞信息為主,重在信息產(chǎn)傳達(dá)準(zhǔn)確),前者適用于一切與藝術(shù)有關(guān)的設(shè)計(jì)或設(shè)計(jì)師個(gè)人的自由創(chuàng)作,后者適用于所有以賣(mài)貨為目的的商業(yè)活動(dòng)設(shè)計(jì)。

這2種類(lèi)型的設(shè)計(jì)目的是不一樣的,面向的受眾群體也不一樣,所以在色彩選擇上就會(huì)有差異。

舉個(gè)例子,當(dāng)我們提到某某平臺(tái)又做活動(dòng)了打折了,他還做了一個(gè)賣(mài)場(chǎng)促銷(xiāo)頁(yè)面,你去看看,絕對(duì)基本是以紅色、橙色等暖色系為主色,并且頁(yè)面氛圍做的非常熱鬧,就跟你去逛商場(chǎng),映入眼簾的就是各種sale、大減價(jià)標(biāo)牌,并且還有人拿著喇叭大喊:「進(jìn)來(lái)看看進(jìn)來(lái)瞧瞧?。∽詈笠惶齑鬁p價(jià)買(mǎi)了不吃虧買(mǎi)了不上當(dāng)??!」的即視感。

并且,頁(yè)面里一些特別希望消費(fèi)者能注意到的信息,它一定會(huì)突出處理,不僅字號(hào)要夠大,而且在色彩上也會(huì)突出。

拿我的書(shū)《這么設(shè)計(jì)能熱賣(mài)》作為產(chǎn)品圖做個(gè)示范,我做了一個(gè)促銷(xiāo)海報(bào),如下圖所示:

但是,如果你去看一些比較性冷淡或大牌畫(huà)風(fēng)的店鋪或官網(wǎng)看看,它完全就是一副我根本就不care你買(mǎi)不買(mǎi)的調(diào)調(diào),倒不是因?yàn)樗幌胱錾?,而是他的調(diào)性就那樣,比較自我或端著。

好比人家的定位就是孤傲的,或則是你高攀不起的大小姐和公子哥類(lèi)的,買(mǎi)ta東西的人本來(lái)也就是這種類(lèi)型的,或者希望別人覺(jué)得自己就是這種類(lèi)型的,畢竟要彰顯自己的身價(jià)和品味,不能掉價(jià)撒。

所以,你看ta基本不會(huì)給你看大大的字號(hào),也不會(huì)用一些很花里胡哨的顏色在標(biāo)題上,而是以黑白灰這些無(wú)彩色居多,更不會(huì)特地用一些突出的顏色去醒目的區(qū)分一些字眼,總之頁(yè)面看起來(lái)不會(huì)有太濃的促銷(xiāo)氛圍

雖然我的書(shū)籍封面設(shè)計(jì)本身其實(shí)就不是性冷淡和大牌的風(fēng)格,但我依舊做個(gè)示范給大家看看,如下圖所示:

而介于這之間的,也就是那些時(shí)尚類(lèi)型的,或時(shí)尚里帶點(diǎn)促銷(xiāo)的,或放得下身段走點(diǎn)接地氣路線的牌子,則是會(huì)在保持好看時(shí)尚的基礎(chǔ)上,依舊會(huì)適當(dāng)?shù)挠么簏c(diǎn)的字號(hào)或顯眼的顏色去突出一些重要的信息,但色彩不會(huì)用的太花哨,如下圖所示:

而像上面這種比大牌感親切一點(diǎn)又比大賣(mài)場(chǎng)時(shí)尚一點(diǎn)這種介于之間的情況則是絕大多數(shù)的,畢竟小眾的是少數(shù),成為大牌是少數(shù),雖然現(xiàn)在是大賣(mài)場(chǎng)但是不想走大牌路線路線的是少數(shù),不想賺錢(qián)的商家也幾乎沒(méi)有,于是最終都淪為了不高不低的大多數(shù)。

總結(jié)來(lái)說(shuō),目的導(dǎo)向法則可以分為2種情況:

如果你想低調(diào)一點(diǎn)內(nèi)斂一點(diǎn),你在配色上就保守一點(diǎn),盡量少一點(diǎn)顏色比如三種顏色以?xún)?nèi),或者是用同色系或柔和點(diǎn)的顏色等。

就像一個(gè)性格很溫和或者很內(nèi)向的人一樣,沒(méi)有攻擊性,安安靜靜的。

拿我之前做的一幅照片海報(bào)為例。

原先我是考慮讓這幅海報(bào)看起來(lái)有視覺(jué)沖擊力一點(diǎn),但是我又不想畫(huà)面太過(guò)于張揚(yáng),畢竟我那天穿的衣身衣服色彩是比較柔和的橘粉色,所以我用了對(duì)比色而沒(méi)有用同色系,同時(shí)控制畫(huà)面里的顏色不超過(guò)3種,并且這幅海報(bào)里色彩之間的明度是差不多的,如下圖所示:

但如果我用同色系不同明度和純度來(lái)配色,出來(lái)的感覺(jué)就是下面這樣的,你會(huì)感覺(jué)畫(huà)面更淑女安靜一點(diǎn),沒(méi)有什么攻擊性:

可是如果你想更加高調(diào)張揚(yáng)一點(diǎn),那么你在配色上就可以多用一些顏色,比如三種以上顏色,或則是用對(duì)比色或互補(bǔ)色而不是同色系配色,或則是純度高一點(diǎn)明度高一點(diǎn)的顏色,然后不同明度純度的顏色互相碰撞。

就像一個(gè)脾氣火爆性格張揚(yáng)的人,他們不愿意淹沒(méi)在人群里,而是要做人群中最醒目的那一個(gè)。

我還是那上面那張海報(bào)改個(gè)顏色給大家看看,結(jié)果如下圖所示:

如果我想繼續(xù)突出大標(biāo)題文案,那么我還可以將標(biāo)題的無(wú)彩色白色換成亮黃色,畫(huà)面里的顏色更多了,沖擊更大了,甚至你會(huì)覺(jué)得有點(diǎn)花哨:

ok,上面這幾張圖,大家對(duì)比一下就會(huì)知道這其中的差異了。

所以記住啊,配色不是亂來(lái)的,它一定是有章可循的,也是要依據(jù)你的目的來(lái)配的。

當(dāng)然,可能有人會(huì)說(shuō):「有時(shí)客戶(hù)給的主題實(shí)在是太晦澀難懂了,我實(shí)在是聯(lián)想不出來(lái)啊」,或者給到你的產(chǎn)品本身的配色就丑的不行了,如果你直接吸取顏色那做出來(lái)的設(shè)計(jì)肯定也是丑爆了,那么,這時(shí)候就要看你是不是有一顆靈活的腦袋能夠隨機(jī)應(yīng)變咯!~

如果聯(lián)想不出來(lái)說(shuō)明你百度總可以吧,然后自己要多看多積累你的腦袋里才有貨的。

如果原產(chǎn)品本身配色就丑那你就分析它丑在哪里加以改進(jìn)不就行了嘛?比如它是因?yàn)榧兌忍吡撕芷G俗,那么用低一些純度的同色系是不是就可以了?比如如果它是因?yàn)楸旧淼纳侍嗔撕芑ㄉ?,那么我們只選取一兩種顏色用用是不是就可以了?

再比如還有人說(shuō),給我的產(chǎn)品根本就沒(méi)有顏色,純白、純黑、純灰色,那我該怎么吸顏色?。?

天哪!~這種類(lèi)型最好搞定了,因?yàn)闊o(wú)彩色就是萬(wàn)能色,無(wú)彩色無(wú)論是搭配無(wú)彩色或者其他任意有彩色都可以的,這就又回到我前面提到的目的法則了,不懂的可以回頭再仔細(xì)看看~

寫(xiě)在最后

平時(shí)也經(jīng)常會(huì)有人問(wèn)我到底該看什么書(shū)來(lái)提高配色能力,其實(shí)我想說(shuō)只要你掌握了我前面提到的基本的色彩構(gòu)成原理這些基礎(chǔ)知識(shí),剩下的其實(shí)都不需要你繼續(xù)去看其他的色彩書(shū)籍了。

因?yàn)榭雌渌麜?shū)籍無(wú)非就是要擴(kuò)充你的知識(shí)面罷了,它只是其中一種增加知識(shí)儲(chǔ)備的途徑而已,但現(xiàn)實(shí)是很多人寫(xiě)的書(shū)一看就讓人犯困,而且晦澀難懂,你買(mǎi)了也是浪費(fèi)錢(qián),倒不如通過(guò)看設(shè)計(jì)網(wǎng)站、看時(shí)尚雜志、看電影、多觀察大自然等有意思的途徑去培養(yǎng)自己對(duì)于色彩的敏銳度,然后看看我的干貨文章勤加練習(xí),多實(shí)踐多思考來(lái)的有用。

尤其是大自然的色彩,那真的是一個(gè)超級(jí)大的配色寶藏啊,你隨便看看那些花花草草、藍(lán)天白云、日出日落、海底和大地,哪個(gè)配色不是美的讓人驚嘆?就連那些惡心的毛毛蟲(chóng)都有一身好看的不行的顏色。

我們做的很多設(shè)計(jì),不管是什么行業(yè)的設(shè)計(jì)有關(guān)顏色的,電影也好,三維也好,平面的也好,其實(shí)基本都是來(lái)源于大自然的。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)  cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì)  包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

大陸19屆畢業(yè)展海報(bào)實(shí)力平平,港澳臺(tái)能不能扳回一局?

資深UI設(shè)計(jì)者

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

前天看完大陸畢業(yè)展海報(bào)合集,不少小伙伴大呼看得不夠過(guò)癮。為了滿(mǎn)足大家炙熱的求知欲與上進(jìn)心,美丫姐又花足工夫找來(lái)了今年港澳臺(tái)、日本、歐美等地畢業(yè)展海報(bào)。

依舊干貨十足,依舊吐槽猛烈,希望優(yōu)秀如你,能夠看得開(kāi)心。

港澳臺(tái)地區(qū)-眼前一亮系列

首先我們來(lái)看看讓人印象最為深刻的優(yōu)秀作品。

1. 嶺東科技大學(xué)視覺(jué)傳達(dá)設(shè)計(jì)系

渴望自由的金魚(yú)

魚(yú)缸中的生活再怎么無(wú)憂(yōu)無(wú)慮,也攔不住金魚(yú)一躍而出的渴望,就像噴薄欲出的創(chuàng)意,就像按捺不住跑出校園的畢業(yè)生。

2. 臺(tái)灣科技大學(xué)畢業(yè)展

架著一個(gè)歪斜的棚子,支撐著我們的二十二

猛然撞上了即將踏入社會(huì)的迷茫與不安,臺(tái)科大的莘莘學(xué)子鼓起勇氣,向老師詢(xún)問(wèn)著最后一個(gè)問(wèn)題「老師您看這展廳,供電是不是不太夠?」

3. 臺(tái)南應(yīng)用科技大學(xué)多媒體動(dòng)畫(huà)系

伏流

有時(shí)候你以為自己發(fā)現(xiàn)了一股清泉,其實(shí)全是大佬手里玩剩下的,人外有人,天外有天。

4. 國(guó)立臺(tái)灣藝術(shù)大學(xué)設(shè)計(jì)學(xué)院

喜歡做,肝愿受

其實(shí)大家剛畢業(yè)頭幾年也是這么想的,幾年之后肝還好,頭很冷。

5. 國(guó)立臺(tái)南大學(xué)視覺(jué)藝術(shù)與設(shè)計(jì)學(xué)系

后浪

長(zhǎng)江后浪推前浪,后浪還有后后浪。大家都是被時(shí)代的洪流裹挾著前進(jìn),顯然這屆畢業(yè)生還沒(méi)畢業(yè),已經(jīng)被學(xué)弟學(xué)妹們震得神志不清了。

6. 國(guó)立臺(tái)中科技大學(xué)商業(yè)設(shè)計(jì)系

超人請(qǐng)回答

整個(gè)童年,大人都忙著策劃一個(gè)玩笑,讓孩子天真的相信世界上真的有超人,等到成年之后他們?cè)俟笮Α腹娴男庞谐恕?,偶有不愿從童真中醒?lái)的人繼續(xù)尋找,你們等著,遲早給你們找來(lái)真的超人。

7. 朝陽(yáng)視覺(jué)傳達(dá)設(shè)計(jì)系

青浪

用各式紋理堆疊表現(xiàn)出了「浪潮」的韻味,既能聯(lián)想到青出于藍(lán)勝于藍(lán),又有長(zhǎng)江后浪推前浪的語(yǔ)境,畫(huà)面動(dòng)感,銳意十足,就是不知道早就畢業(yè)的學(xué)長(zhǎng)們會(huì)怎么看。

8. 朝陽(yáng)科技大學(xué)工業(yè)設(shè)計(jì)系

那個(gè)967呢?

找了很久只找到「967=很想你」的說(shuō)法,但想來(lái)不至于借畢業(yè)海報(bào),發(fā)出「憑什么就我四年沒(méi)有戀愛(ài)」的吶喊,越不知道就讓人越想知道,竟有一絲等待戈多的意味。

9. 佛光大學(xué)產(chǎn)品與媒體設(shè)計(jì)學(xué)系

非想非非想

到底是佛光普照大學(xué)畢業(yè)的學(xué)生,還沒(méi)出校門(mén),就已經(jīng)參透了甲方的真諦,非想,問(wèn)他想要什么,說(shuō)不出來(lái);非非想,卻總能提出一大堆意見(jiàn)。

10. 國(guó)立臺(tái)中教育大學(xué)文創(chuàng)系

泛流意識(shí)

總說(shuō)要把意識(shí)匯聚成一道洪流,變成一道鐵流,細(xì)想也沒(méi)什么不對(duì),畢竟鋼鐵、石頭、血紅細(xì)胞里都含有鐵元素。

11. 義守大學(xué)創(chuàng)意商品設(shè)計(jì)學(xué)系

靈光乍現(xiàn)

靈光就像這一坨奇妙的東西,摸不著更說(shuō)不清,出現(xiàn)的時(shí)候總讓人欣喜若狂,定睛一看,可真不是個(gè)東西。

12. 明志科技大學(xué)工業(yè)設(shè)計(jì)系

明志科技大學(xué)旗下有兩大門(mén)派,一派工業(yè)設(shè)計(jì),一個(gè)視覺(jué)傳達(dá),兩大派的關(guān)系想必是劍拔弩張,一派冷靜沉穩(wěn),舍我其誰(shuí)。

13. 明志科技大學(xué)視覺(jué)傳達(dá)設(shè)計(jì)系

眼波

一派浮夸前衛(wèi),閃瞎人眼。

14. 臺(tái)南應(yīng)用科技大學(xué)美術(shù)系

畫(huà)語(yǔ)者

老獵人除了酷愛(ài)炫耀獵物,更愛(ài)炫耀不離身的老獵槍?zhuān)槿搜劾锍鑫魇?,用心?ài)的工具們鋪滿(mǎn)整張海報(bào),還能有誰(shuí)比他們更愛(ài)這個(gè)行業(yè)。

15. 昆山科技大學(xué)視覺(jué)傳達(dá)設(shè)計(jì)系

形象組無(wú)能

「海報(bào)做成這樣,都怪老師舉棋不定」,多少年后才突然醒悟,原來(lái)老師的猶豫不決,是為讓我享受最后一次任性的機(jī)會(huì)。

16. 環(huán)球科技大學(xué)視覺(jué)傳達(dá)設(shè)計(jì)系

輪迴

「誰(shuí)TM把燈打開(kāi)了?」。不,是天又亮了。多少優(yōu)秀的作品背后,都是無(wú)數(shù)個(gè)日日夜夜的輪回

17. 世新大學(xué)數(shù)位多媒體設(shè)計(jì)學(xué)系

今宵霓爛

在陳列室打碟,在畢業(yè)展上蹦迪,如果連想都不敢想,那你憑什么認(rèn)為你能改變這世界?

港澳臺(tái)地區(qū)-成績(jī)優(yōu)秀系列

其次是第二梯隊(duì),雖然不算突出,但也算優(yōu)秀作品。

1. 嶺東科技大學(xué)數(shù)位媒體設(shè)計(jì)系

淘色風(fēng)波

齷齪的語(yǔ)意,來(lái)自成人齷齪的內(nèi)心,讓家長(zhǎng)面紅耳赤的「淘色風(fēng)波」,不過(guò)只是畢業(yè)生們翹課逛展打游戲。

2. 國(guó)立臺(tái)北科技大學(xué)工業(yè)設(shè)計(jì)系

新一代設(shè)計(jì)展

廢掉的第一稿千萬(wàn)別撕,不然最后出街時(shí)就是這個(gè)鬼樣子。

3. 國(guó)立臺(tái)中科技大學(xué)創(chuàng)意商品設(shè)計(jì)系

被……的那五年

科大的畢業(yè)展為什么延期了五年?估計(jì)是地圖畫(huà)得太爛,大家花了五年才找到舉辦的地址。

4. 國(guó)立云林科技大學(xué)視覺(jué)傳達(dá)設(shè)計(jì)系

發(fā)聲關(guān)系

「喔」「啊」「曰」,奇了,大家都是紙打印出來(lái)的作品,憑什么就你們家海報(bào)有聲音?

5. 東南科技大學(xué)數(shù)位媒體設(shè)計(jì)系

生長(zhǎng)輪

樹(shù)木的年輪記錄著時(shí)光,每當(dāng)有大事發(fā)聲,從年輪中就能看出一二,你看今年新的圈圈它又白又圓。就像學(xué)生們畢業(yè)一樣,腳踏實(shí)地、悄無(wú)聲息。

6. 國(guó)立清華大學(xué)藝術(shù)與設(shè)計(jì)學(xué)系

升溫計(jì)畫(huà)

溫室效應(yīng)?冰川融化?這些都遠(yuǎn)遠(yuǎn)不夠,沉默四年平淡如水,如果一生一次的畢業(yè)大展再不燥起來(lái),那可就真的畢業(yè)了。

7. 國(guó)立云林科技大學(xué)數(shù)位媒體設(shè)計(jì)系

外出取材中

悶在家里一時(shí)爽,一直悶著一直爽?活像躺在盒子里的量產(chǎn)玩具,該出去走走,看下絢麗多彩的世界了。

8. 嶺東科技大學(xué)創(chuàng)意產(chǎn)品設(shè)計(jì)系

三角關(guān)系

創(chuàng)意、媒介、受眾,所謂傳媒,正是一場(chǎng)相愛(ài)相殺的三角游戲。

9. 南華大學(xué)視覺(jué)藝術(shù)與設(shè)計(jì)學(xué)系

零睡時(shí)間

你以為躺在床上就是不思進(jìn)???不,我是在夢(mèng)里收集創(chuàng)意,一時(shí)的休憩,是為了更好的前進(jìn)。

10. 國(guó)立云林科技大學(xué)工業(yè)設(shè)計(jì)系

問(wèn)HOW

寒窗十?dāng)?shù)載,大人都說(shuō)不懂就問(wèn),步入社會(huì)才知道大家都只能強(qiáng)撐,明明面對(duì)奇葩需求,想要大聲反問(wèn)一句「HOW?」看看癟掉的錢(qián)包,只能脫口而出,說(shuō)一個(gè)「好」。

11. 銘傳大學(xué)數(shù)位媒體設(shè)計(jì)學(xué)系

蹦起來(lái)

設(shè)計(jì)水平還沒(méi)那么高的時(shí)候,一定記得猥瑣發(fā)育不要太跳。不然,甲方連頭都給你錘爆。

港澳臺(tái)地區(qū)-迷惑不解系列

最后是第三梯隊(duì),先不論好壞,總之看得人迷惑得很。

1. 亞洲大學(xué)數(shù)位媒體設(shè)計(jì)學(xué)系

復(fù)燃

想讓葬愛(ài)家族設(shè)計(jì)風(fēng)潮死灰復(fù)燃,甚至風(fēng)靡世界也不是問(wèn)題,只需簡(jiǎn)單一步,把地球表面刷成 QQ 空間那么黑。

2. 高雄師范大學(xué)美術(shù)系

扔出去的,頭也不回

扔出去的飛機(jī)稿就別再撿回來(lái)了,即使馬糞風(fēng)干后看著像塊巧克力,但只要你一舔就會(huì)發(fā)現(xiàn),呸,果然還是那堆馬糞。

3. 義守大學(xué)傳播與設(shè)計(jì)原住民專(zhuān)班

是生活

懷疑是在暗示黃色比生活更吸引人,但手上又沒(méi)啥證據(jù)。

4. 中國(guó)科技大學(xué)視覺(jué)傳達(dá)設(shè)計(jì)系

一體兩面

思維定勢(shì)是一件很可怕的事情,比如甲方經(jīng)常讓把大象換個(gè)面,覺(jué)得不是正面就是反面,可換來(lái)?yè)Q去還是不滿(mǎn)意,就沒(méi)想過(guò),甲方要的是橫切面。

5. 義守大學(xué)電影與電視學(xué)系

藝眼瞬間

好設(shè)計(jì)讓人瞠目結(jié)舌,覺(jué)得語(yǔ)言乏力,丑的設(shè)計(jì)也能讓人瞬間語(yǔ)塞,根本說(shuō)不出丑在哪里。

6. 大葉大學(xué)工業(yè)設(shè)計(jì)系

DNA

看完臺(tái)灣大葉大學(xué)官網(wǎng)上的師生風(fēng)采,就能明白這確實(shí)是一所連空氣都飄著直男審美的理工科大學(xué)。

也就不難理解為什么連設(shè)計(jì)系學(xué)生們的畢業(yè)海報(bào)都會(huì)有這么大一股子消毒水味。

7. 大葉大學(xué)視覺(jué)傳達(dá)設(shè)計(jì)學(xué)系

記得呼吸

比起上一張工業(yè)設(shè)計(jì)系海報(bào)的冷靜,視覺(jué)傳達(dá)系海報(bào)走向了另一個(gè)極端,線條凌亂,張牙舞爪,若不用文字提醒「記得呼吸」,不少觀眾會(huì)因?yàn)檫^(guò)于震撼憋死在原地。

8. 澳門(mén)科技大學(xué)

跨越

連著領(lǐng)導(dǎo)的修改意見(jiàn)以及刪除線,一齊打印出來(lái)的終級(jí)作品。

「香港的呢?」抱歉,一張都沒(méi)找到。

日本

日本,設(shè)計(jì)強(qiáng)國(guó)近鄰日本。今年畢業(yè)展海報(bào)也是頗有看頭,他山之石可以攻玉。

1. 多摩美術(shù)大學(xué)

能順利畢業(yè)的,都是怪物。

2. 武蔵野美術(shù)大學(xué)

感受撲面而來(lái)的鄉(xiāng)土氣息。

3. 東京藝術(shù)大學(xué)

這就是設(shè)計(jì)師通宵后倒下的身影。

4. 東京造型大學(xué)

綜合各位老師意見(jiàn)之后的海報(bào)作品。

5. 東京五藝術(shù)大學(xué)聯(lián)合展

「我用圖畫(huà)工具都比你畫(huà)得好!」「好好好你行你來(lái)。」

6. 倉(cāng)敷藝術(shù)科學(xué)大學(xué)

「快從樓頂下來(lái),這次真的不改了!」「你們簽字畫(huà)押」。

7. 京都精華大學(xué)

學(xué)習(xí)四年,設(shè)計(jì)使我面目扭曲。

8. 京都造型藝術(shù)大學(xué)

套用學(xué)長(zhǎng)給的模板,但忘了改日期。

9. 金澤藝術(shù)工業(yè)大學(xué)

金澤大學(xué)深造多年,最拿手的就是往產(chǎn)品上噴金漆。

10. 岡山縣立大學(xué)

讓我看看,誰(shuí)還沒(méi)交畢設(shè)作品。

11.日本桑澤設(shè)計(jì)研究所

我們的展區(qū)在山頂上,請(qǐng)大家參展時(shí)做好御寒準(zhǔn)備。

12. 名古屋藝術(shù)大學(xué)

為了讓畫(huà)面更豐富,我放了 267 頂帳篷。

13. 奈良藝術(shù)短期大學(xué)

畢業(yè)考試第一題,畫(huà)出任課老師的臉。

14. 文化學(xué)院大學(xué)

反正到時(shí)候大家都是要哭的。

歐美地區(qū)

歐美地區(qū)畢業(yè)展海報(bào)內(nèi)容更加現(xiàn)代,但因?yàn)槲幕町愝^大,消化起來(lái)相對(duì)比較困難,這里就不一一吐槽了,大家自由學(xué)習(xí)。

1. 路易斯安納州藝術(shù)與設(shè)計(jì)學(xué)院

2. 倫敦都會(huì)大學(xué)

3. 美國(guó)Art Center

4. 英屬哥倫比亞大學(xué)

5. 美國(guó)馬里蘭藝術(shù)學(xué)院

6. 英國(guó)皇家藝術(shù)學(xué)院

想不到你這幫濃眉大眼的英國(guó)人,也玩「愛(ài)滴魔力轉(zhuǎn)圈圈」。

好了,以上就是今天的全部?jī)?nèi)容,誰(shuí)要是還覺(jué)得不過(guò)癮,只能老老實(shí)實(shí)等明年新生畢業(yè)了。

總體說(shuō)來(lái),亞洲地區(qū)文化的多樣化性,還是完勝歐美,這點(diǎn)非常值得欣慰,但是回頭看看大陸畢業(yè)展海報(bào),又千篇一律到讓人完全開(kāi)心不起來(lái)??傊€是那句老話(huà),革命尚未成功,同志,仍須努力啊。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)  cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)  圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

三折頁(yè)設(shè)計(jì)欣賞

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 微信圖片_20190424123923.jpg微信圖片_20190424124005.jpg微信圖片_20190424124008.jpg微信圖片_20190424124011.jpg微信圖片_20190424124014.jpg微信圖片_20190424124017.jpg微信圖片_20190424124020.jpg微信圖片_20190424124105.jpg微信圖片_20190424124058.jpg微信圖片_20190424124055.jpg微信圖片_20190424124046.jpg微信圖片_20190424124043.jpg微信圖片_20190424124036.jpg微信圖片_20190424124108.jpg微信圖片_20190424124119.jpg微信圖片_20190424124126.jpg微信圖片_20190424124137.jpg微信圖片_20190424124159.jpg微信圖片_20190424124155.jpg微信圖片_20190424124153.jpg

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

設(shè)計(jì)師的名片就應(yīng)該這樣設(shè)計(jì)

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

名片,是品牌傳遞的重要工具,但往往被人忽視。雖然紙質(zhì)的名片幾乎已被微信媒介所取代,但是作為設(shè)計(jì)師更不應(yīng)該放棄這種貌似不重要的設(shè)計(jì)。

相反,越簡(jiǎn)單的設(shè)計(jì),更考驗(yàn)設(shè)計(jì)能力。一張名片,可以看出一個(gè)人是否真的懂得設(shè)計(jì),因?yàn)槔锩姘嗷竟α恕H绻B一張簡(jiǎn)單的名片都做不好,更不要說(shuō)其他的設(shè)計(jì)了。

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

2019草莓音樂(lè)節(jié)的主視覺(jué)設(shè)計(jì)太贊了!

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

2019草莓音樂(lè)節(jié)的主題是“循環(huán)世界Circular World”。

摩登天空聯(lián)合世界自然基金會(huì)(WWF)發(fā)起今年的音樂(lè)節(jié)主題“循環(huán)世界”,以環(huán)保為核心理念,攜手海內(nèi)外環(huán)保機(jī)構(gòu)對(duì)草莓音樂(lè)節(jié)進(jìn)行多方位環(huán)保實(shí)踐,并聚合知乎、摩拜等多平臺(tái)力量影響年輕人,讓環(huán)保成為青年生活方式的一部分。

今年的主視覺(jué)海元素是被三個(gè)箭頭環(huán)繞的草莓星球,表達(dá)了“循環(huán)世界”的主題。風(fēng)格延續(xù)了去年的樣式,色彩略有調(diào)整,并加入了太空元素。

今年的主視覺(jué)當(dāng)然仍由摩登天空的當(dāng)家工作室——MVM design label_工作室操刀。

這張是今年的主視覺(jué)海報(bào)。今年,MVM特地為各城市舉辦的2019草莓音樂(lè)節(jié)單獨(dú)設(shè)計(jì)了專(zhuān)門(mén)的海報(bào),一樣的版式,不一樣的內(nèi)容,既統(tǒng)一又包含新意。

2019草莓音樂(lè)節(jié)武漢站

2019草莓音樂(lè)節(jié)成都站

2019草莓音樂(lè)節(jié)西安站

2019草莓音樂(lè)節(jié)上海站

2019草莓音樂(lè)節(jié)長(zhǎng)沙站

在今年3月30日的“地球一小時(shí)”公益活動(dòng)中,草莓音樂(lè)節(jié)把自己的參與定義為“草莓星球一小時(shí)”。

而武漢OYO酒店與摩登天空聯(lián)合主辦的活動(dòng)中,一張以“音樂(lè)滿(mǎn)房”為主題的插畫(huà)也分外有趣——原來(lái)大家為了迎接音樂(lè)節(jié),都關(guān)上門(mén)在房間里引吭高歌呀…

音樂(lè)節(jié)配套周邊產(chǎn)品的銷(xiāo)售,推廣視覺(jué)設(shè)計(jì)也很有意思。

即使不是音樂(lè)迷,設(shè)計(jì)師對(duì)這樣的設(shè)計(jì)也無(wú)法抗拒吧!

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

驚艷到爆的字體設(shè)計(jì),美不勝收!

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

微信圖片_20190411093752.jpg微信圖片_20190411093807.jpg微信圖片_20190411093810.jpg微信圖片_20190411093813.jpg微信圖片_20190411093816.jpg微信圖片_20190411093819.jpg微信圖片_20190411093822.jpg微信圖片_20190411093825.jpg微信圖片_20190411093829.jpg微信圖片_20190411093832.jpg微信圖片_20190411093835.jpg微信圖片_20190411093839.jpg微信圖片_20190411093842.jpg微信圖片_20190411093845.jpg微信圖片_20190411093850.jpg微信圖片_20190411093853.jpg微信圖片_20190411093908.jpg微信圖片_20190411093911.jpg微信圖片_20190411093928.jpg微信圖片_20190411093937.jpg微信圖片_20190411093941.jpg微信圖片_20190411093946.jpg微信圖片_20190411093949.jpg微信圖片_20190411093953.jpg微信圖片_20190411093956.jpg微信圖片_20190411094001.jpg微信圖片_20190411094004.jpg微信圖片_20190411094007.jpg微信圖片_20190411094014.jpg微信圖片_20190411094017.jpg微信圖片_20190411094019.jpg微信圖片_20190411094026.jpg微信圖片_20190411094028.jpg微信圖片_20190411094030.jpg微信圖片_20190411094033.jpg微信圖片_20190411094035.jpg微信圖片_20190411094042.jpg

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

130+精彩電影節(jié)海報(bào),設(shè)計(jì)感和創(chuàng)意都不缺

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

海報(bào)是電影的門(mén)面,好的海報(bào)作品不僅可以完美傳達(dá)電影本身的美學(xué)與內(nèi)涵,而且也能散發(fā)超越電影作品的附加韻味,創(chuàng)造獨(dú)特的藝術(shù)價(jià)值與設(shè)計(jì)美感。

近日第九屆北京國(guó)際電影節(jié)公布官方海報(bào),因其“詼諧粗糙”的設(shè)計(jì)引發(fā)了影迷的熱烈討論,目前全球已有成百上千個(gè)電影節(jié)每年都在進(jìn)行著各類(lèi)展映和學(xué)術(shù)活動(dòng),大到歐洲三大電影節(jié),小到第三世界的地區(qū)影展,其中設(shè)計(jì)感出類(lèi)拔萃的電影節(jié)海報(bào)也不在少數(shù),今天就為大家推薦一些近年的電影節(jié)海報(bào)設(shè)計(jì)佳作(國(guó)內(nèi)影展也多走走心)。

希臘塞薩洛尼基國(guó)際電影節(jié)

法國(guó)拉羅謝爾電影節(jié)

莫斯科國(guó)際電影節(jié)

莫斯科國(guó)際實(shí)驗(yàn)電影節(jié)

New British Film Festival

索爾福德電影節(jié),位于英國(guó)曼徹斯特地區(qū)

布拉格國(guó)際電影節(jié)

Dwa Brzegi – 10th Film and Art Festival

Cult Film Festival

Semibreve festival

Beat Film Festival

Wildlife Film Festival 位于荷蘭鹿特丹

2018年第71屆戛納電影節(jié)官方海報(bào),致敬《狂人皮埃羅》(1965)

第51屆導(dǎo)演雙周單元海報(bào)

2019年柏林電影節(jié)官方海報(bào)

2018年第75屆威尼斯電影節(jié)

2018年第31屆東京電影節(jié)東京電影節(jié)

2018東京臺(tái)灣未來(lái)映畫(huà)周

日本山形國(guó)際紀(jì)錄片節(jié)

釜山國(guó)際電影節(jié)正式海報(bào)

韓國(guó)富川奇幻電影節(jié)

Student Indie Film Festival 澳大利亞墨爾本 威廉斯鎮(zhèn)

Open City Documentary Film Festival 位于英國(guó)倫敦

Moving Festival — Film Festival 位于西班牙巴塞羅那

臺(tái)北電影節(jié)

英國(guó)獨(dú)立電影節(jié)

A Design Film Festival 位于新加坡

平地學(xué)生電影節(jié),位于香港,平地映社策劃,香港藝發(fā)局資助

澳門(mén)國(guó)際紀(jì)錄片電影節(jié)

香港獨(dú)立電影節(jié)

香港國(guó)際電影節(jié)

藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

國(guó)外畫(huà)冊(cè)的圖文版式參考

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

 

國(guó)外的版式一直對(duì)圖文排版要求很高,即便沒(méi)有花哨的元素設(shè)計(jì),也能通過(guò)簡(jiǎn)單的圖文進(jìn)行最大限度地編排,重點(diǎn)以展示內(nèi)容為主,使版面更實(shí)用。今天小編為大家分享一組圖文排版不錯(cuò)的國(guó)外雜志設(shè)計(jì),也是小編喜歡的設(shè)計(jì)風(fēng)格,希望會(huì)給你帶來(lái)不同的排版靈感。


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)

日歷

鏈接

個(gè)人資料

存檔