首頁(yè)

帶你了解荷蘭設(shè)計(jì)史的前世今生(上)

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

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

其實(shí)荷蘭,不止有風(fēng)車(chē)與郁金香。

有句話叫:神造了世界,而荷蘭人用設(shè)計(jì)造了荷蘭。到底怎么回事呢,今天一起來(lái)探討吧。

話說(shuō)現(xiàn)代主義設(shè)計(jì)的形成離不開(kāi)三駕馬車(chē),分別是德國(guó)包豪斯、俄國(guó)構(gòu)成主義跟荷蘭風(fēng)格派,包豪斯及俄國(guó)構(gòu)成主義我們均已在之前的分享里詳細(xì)談過(guò),所以今天我們聊一聊最后一架馬車(chē)——荷蘭設(shè)計(jì)。

相比英國(guó)、美國(guó)及日本,荷蘭這個(gè)國(guó)家于大部分設(shè)計(jì)師而言未免有點(diǎn)陌生,但如果歐洲的設(shè)計(jì)圈要按國(guó)家排座次的話,撇開(kāi)愛(ài)國(guó)熱情,史太濃認(rèn)為荷蘭挺進(jìn)前三甲是毫無(wú)毛病的,關(guān)于荷蘭設(shè)計(jì)水平發(fā)達(dá)的原因有幾種說(shuō)法,其中廣受公認(rèn)的是因?yàn)楹商m的生存空間太狹窄。

荷蘭41000平方公里的土地上容納了1675萬(wàn)人口(2018數(shù)據(jù)),成為人口密度最高的國(guó)家之一,因?yàn)橥恋刭Y源的缺乏,所以在1920年政府動(dòng)手排干一個(gè)叫伊塞米地區(qū)的海水,形成低于海平面的人造陸地,是歐洲最大的填海工程之一,項(xiàng)目成功后荷蘭故技重施,陸陸續(xù)續(xù)進(jìn)行填海,最后有四分之一的陸地低于海平面,所以整個(gè)國(guó)家在跟大自然搏斗中不得不進(jìn)行各種設(shè)計(jì)思考,否則生存都成為問(wèn)題,于是荷蘭設(shè)計(jì)總體而言發(fā)展到當(dāng)代變得特別功能主義及理性主義。

荷蘭的發(fā)展歷史

荷蘭位于西歐,東接德國(guó),南接比利時(shí),有悠久的文明歷史,文藝復(fù)興之后還曾經(jīng)一度是海上霸權(quán)國(guó)家,比方印度尼西亞就是它的殖民地之一。第二次世界大戰(zhàn)后的荷蘭開(kāi)始高速發(fā)展資本主義,經(jīng)過(guò)幾十年進(jìn)取,進(jìn)入「世界最富有國(guó)家」俱樂(lè)部。

荷蘭的社會(huì)福利在江湖上令很多國(guó)家聞風(fēng)喪膽,比方我隨便列舉三個(gè)第一:

  • 全球養(yǎng)老金指數(shù)世界第一
  • 歐盟各國(guó)醫(yī)療體系排名第一
  • 全球兒童福利世界排名第一

這樣可能有點(diǎn)不夠具體,我羅列一個(gè)兒童福利的具體數(shù)據(jù),比方小孩從出生至18歲,政府每月發(fā)放約300多歐元(大致2500元人民幣)兒女金,政府補(bǔ)貼兒童日托或幼兒園的費(fèi)用達(dá)70%,而且從小學(xué)到大學(xué)一直享受超過(guò)學(xué)費(fèi)的現(xiàn)金補(bǔ)貼,說(shuō)白了就是以各種不同形式給你錢(qián)花,等于說(shuō)父母只是負(fù)責(zé)生,政府來(lái)養(yǎng),甚至一不小心還能賺到錢(qián)。

荷蘭是一個(gè)工業(yè)高度發(fā)達(dá)的國(guó)家,比方擁有1891年成立的百年跨國(guó)大企業(yè)飛利浦,全球員工13萬(wàn)人,在28個(gè)國(guó)家擁有生產(chǎn)基地,所以飛利浦是荷蘭的國(guó)家電器制造業(yè)中心,同時(shí)也是歐洲及世界最大的電器企業(yè)之一。它的設(shè)計(jì)系統(tǒng)非常完善,屬于戰(zhàn)后早期成立內(nèi)部設(shè)計(jì)部的大型企業(yè)之一,設(shè)計(jì)帶動(dòng)了整個(gè)公司的發(fā)展,甚至在戰(zhàn)后一度成為荷蘭的經(jīng)濟(jì)核心,能與德國(guó)的 AEG(德國(guó)現(xiàn)代設(shè)計(jì)之父彼得貝倫斯設(shè)計(jì)世界最早的vi系統(tǒng)就是AEG)及西門(mén)子公司競(jìng)爭(zhēng),其中荷蘭有45%的出口產(chǎn)品都是飛利浦公司的,所以地位非常顯赫。

由于荷蘭的「風(fēng)格派」設(shè)計(jì)過(guò)于知名,所以一談荷蘭設(shè)計(jì)大家都認(rèn)為是紅黃藍(lán)類(lèi)型,也正因?yàn)槿绱怂院芏嗪商m當(dāng)代杰出的設(shè)計(jì)師往往不為荷蘭以外的國(guó)家所熟知,但這不能完全怪罪風(fēng)格派,造成這個(gè)狀況還有一個(gè)更重要的原因,就是荷蘭政府跟社會(huì)太過(guò)重視設(shè)計(jì)了。

除了設(shè)計(jì)師本身,荷蘭很多產(chǎn)品也不為世界普遍認(rèn)識(shí),比方汽車(chē),荷蘭有一個(gè)跑車(chē)品牌叫「世爵(spyker)」,在中國(guó)基本看不到,我在網(wǎng)上找了很久才找到一個(gè)深圳二手車(chē)信息:

這臺(tái)09款的汽車(chē)原價(jià)550萬(wàn),9年后仍需要200萬(wàn)出手,沒(méi)錯(cuò),「世爵」的跑車(chē)全部只做純手工定制,所以只服務(wù)美國(guó)、西歐、中東及一些小型而富裕的國(guó)家,比方瑞士跟摩納哥,我們也可以從下面的圖片感受一下荷蘭的奢華汽車(chē)設(shè)計(jì),還有純手工打造的內(nèi)飾質(zhì)感:

因?yàn)樵O(shè)計(jì)與荷蘭的國(guó)計(jì)民生密切相關(guān),比方大量的圍海造田,強(qiáng)大安全的排水系統(tǒng),農(nóng)村的防潮汐堤壩,擁堵城市的合理交通網(wǎng)絡(luò),都需要高水平的精心設(shè)計(jì)。荷蘭人民的歷史就是一場(chǎng)以設(shè)計(jì)建立生存空間的斗爭(zhēng)史,荷蘭鹿特丹布寧根博物館館長(zhǎng)威廉·科羅威爾曾經(jīng)說(shuō)過(guò):只有依靠設(shè)計(jì),我們才能使我們的國(guó)家成為一個(gè)可以日日生存的地方。

所以荷蘭設(shè)計(jì)師在國(guó)內(nèi)地位非常高,也因?yàn)槿绱嗽O(shè)計(jì)市場(chǎng)非常繁榮,所以單單政府與市場(chǎng)需要消化的設(shè)計(jì)項(xiàng)目就忙不過(guò)來(lái),也就少到其它國(guó)家行走,自然在名聲上也相對(duì)局限。

荷蘭政府對(duì)設(shè)計(jì)的重視猶如中國(guó)人對(duì)面子的重視,我們搞的是面子工程,而他們則搞的工程都是面子。

比方以下幾個(gè)荷蘭本土項(xiàng)目,被視為世界上「教科書(shū)級(jí)」的設(shè)計(jì)范本。

荷蘭「教科書(shū)級(jí)」的設(shè)計(jì)范本

1. 貨幣設(shè)計(jì)

全世界的貨幣設(shè)計(jì)都有一種無(wú)言的默契,就是愛(ài)使用名人肖像為設(shè)計(jì)的中心元素,而荷蘭的貨幣設(shè)計(jì)是第一個(gè)打破這種規(guī)則,不使用任何人物的,如果一個(gè)國(guó)家并非重視設(shè)計(jì)行業(yè),并非充分尊重設(shè)計(jì)師的話,這完全是匪夷所思的事情。

荷蘭的貨幣由財(cái)政部統(tǒng)一管理,在荷蘭財(cái)政部當(dāng)中的設(shè)計(jì)管理部門(mén)的提議與組織下,聘請(qǐng)了荷蘭最知名的平面設(shè)計(jì)師來(lái)參與,其中也有不少獨(dú)立設(shè)計(jì)師,比方在去年很遺憾離世的荷蘭紙幣設(shè)計(jì)大師奧克斯納,他曾經(jīng)在1964年受邀參加紙幣設(shè)計(jì),他回憶說(shuō):每種面額紙鈔的設(shè)計(jì)周期需要3年,所以當(dāng)最后一種面額投入流通,距離我剛剛開(kāi)始紙鈔設(shè)計(jì)工作相隔整整30周年。

不以人物為中心的荷蘭貨幣設(shè)計(jì)主要是使用抽象圖案進(jìn)行創(chuàng)作,體現(xiàn)出荷蘭從「風(fēng)格派」以來(lái)的立體主義、構(gòu)成主義形式傳統(tǒng),所以世界上有諸多收藏家是專(zhuān)門(mén)收藏荷蘭紙幣的,比方250吉德(荷蘭貨幣單位)被視為藝術(shù)品,極具收藏價(jià)值,這是世界貨幣設(shè)計(jì)中的一種創(chuàng)舉。

2. 西佛爾國(guó)際機(jī)場(chǎng)

荷蘭的首都阿姆斯特丹國(guó)際機(jī)場(chǎng)又稱(chēng)為西佛爾國(guó)際機(jī)場(chǎng),它的設(shè)計(jì)面貌完整代表了荷蘭戰(zhàn)后政府對(duì)于基本建設(shè)及現(xiàn)代設(shè)計(jì)的積極態(tài)度和正確引導(dǎo)。

荷蘭長(zhǎng)期以來(lái)一直沒(méi)有卷入地區(qū)性或者世界性的戰(zhàn)爭(zhēng),比方第一次世界大戰(zhàn)它始終保持中立,但無(wú)奈第二次世界大戰(zhàn)中被德國(guó)短暫占領(lǐng),時(shí)間為1940-1945年,隨后繼續(xù)獨(dú)立。西佛爾機(jī)場(chǎng)就是戰(zhàn)后1967年4月建成及投入運(yùn)營(yíng)的,當(dāng)時(shí)世界各國(guó)都在著手建立自己的國(guó)際機(jī)場(chǎng),但是一個(gè)為世界服務(wù)的現(xiàn)代化機(jī)場(chǎng)需要什么特征與設(shè)計(jì)考慮呢,幾乎沒(méi)有一個(gè)國(guó)家可以拿出成熟的方案。

荷蘭政府牽頭組織了大量社會(huì)的優(yōu)秀設(shè)計(jì)人員,技術(shù)人員成立項(xiàng)目組,充分考慮機(jī)場(chǎng)未來(lái)的交通流量、國(guó)際乘客的共同性要求及乘客特征,盡量讓機(jī)場(chǎng)達(dá)成中性、合理、理想等設(shè)計(jì)特點(diǎn),跟著名的國(guó)際主義設(shè)計(jì)特點(diǎn)吻合,達(dá)到了能為廣泛乘客服務(wù)的目的,機(jī)場(chǎng)落成之后在整體性與完整性功能性上都讓歐洲國(guó)家感到震驚,這座巨大的標(biāo)志性建筑在建筑設(shè)計(jì)、室內(nèi)設(shè)計(jì)、平面設(shè)計(jì)及導(dǎo)視設(shè)計(jì)等方面所具備的現(xiàn)代主義風(fēng)格在長(zhǎng)達(dá)20年的時(shí)間里,都成為歐洲國(guó)家設(shè)計(jì)國(guó)際機(jī)場(chǎng)時(shí)的重要參考依據(jù)。

所以當(dāng)時(shí)的荷蘭設(shè)計(jì)師完全可以喊一個(gè)口號(hào),叫:厲害了,我的機(jī)場(chǎng)!

3. 鐵路系統(tǒng)

荷蘭的鐵路系統(tǒng)是在機(jī)場(chǎng)完工之后相繼落成的,荷蘭設(shè)計(jì)有一個(gè)非常厲害的特點(diǎn)就是總體化規(guī)劃。如果設(shè)計(jì)師是演員,那么總體化規(guī)劃就是導(dǎo)演技能,荷蘭設(shè)計(jì)師善于此道,所以它的鐵路系統(tǒng)視覺(jué)化高度統(tǒng)一,形象與導(dǎo)視系統(tǒng)清晰簡(jiǎn)明,功能性強(qiáng),而且設(shè)計(jì)項(xiàng)目中包含的內(nèi)容非常多,比方火車(chē)廂、火車(chē)站、客戶(hù)內(nèi)部、車(chē)票、路牌、標(biāo)識(shí)、乘務(wù)員制服等等,所以如果缺乏總體規(guī)劃,這是一項(xiàng)難以出色完成的設(shè)計(jì)工作。

經(jīng)過(guò)一段時(shí)間的運(yùn)營(yíng),荷蘭的這個(gè)鐵路系統(tǒng)在效率、安全性、舒適性上在全球都名列前茅。甚至被評(píng)為世界上設(shè)計(jì)得最完善的鐵路系統(tǒng)。

荷蘭的設(shè)計(jì)業(yè)為何如此的發(fā)達(dá)成熟,原因總的來(lái)說(shuō)有幾個(gè)方面,比方國(guó)家相對(duì)比較小,擁有悠久的藝術(shù)歷史,比如產(chǎn)生倫勃朗、梵高、蒙德里安等世界知名藝術(shù)家,同時(shí)經(jīng)濟(jì)富裕繁榮,需要通過(guò)設(shè)計(jì)思考與自然搏斗等幾個(gè)綜合因素,形成具有很濃厚創(chuàng)作性的社會(huì)氛圍。

其中尤為重要的還有荷蘭政府對(duì)文化事業(yè)非??犊?,形成一個(gè)寬松的文化贊助系統(tǒng),設(shè)計(jì)師在一個(gè)資金充裕的環(huán)境里工作,很多時(shí)候不太需要考慮經(jīng)濟(jì)效益,所以更加專(zhuān)注于設(shè)計(jì)的合理性及藝術(shù)性上,自然就有更高層次的輸出。

談到荷蘭設(shè)計(jì)自然無(wú)法繞過(guò)其標(biāo)簽式的「風(fēng)格派」運(yùn)動(dòng),因?yàn)楫?dāng)代設(shè)計(jì)其實(shí)受其影響非常深遠(yuǎn),史太濃這次使用倒敘手法,先看結(jié)果再找原因,所以下一期我們將會(huì)聊一聊荷蘭的風(fēng)格派產(chǎn)生、特點(diǎn)、代表人物及對(duì)現(xiàn)代設(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ù)。

極簡(jiǎn)主義扁平化配色作品

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

今天分享來(lái)自設(shè)計(jì)師 Dumma 設(shè)計(jì)的極簡(jiǎn)主義扁平化配色作品,這些作品的顏色非常好看,也非常特別。

這不僅僅是一組配色方案這么簡(jiǎn)單,設(shè)計(jì)師一共設(shè)計(jì)了8組色彩搭配,每組顏色分成5個(gè)色塊,并將上、下兩個(gè)色塊設(shè)置不一樣的高度,就能形成一張非常漂亮的海報(bào),同時(shí)設(shè)計(jì)師還有把這些配色用到了其它方面,我們一起來(lái)往下看吧:-)

如何應(yīng)用這些配色?

配色方案很漂亮,但是如何如何應(yīng)用這些配色讓作品更有意義呢?DUMMA 設(shè)計(jì)師想到把這些配色印刷到實(shí)物產(chǎn)品上,比如杯子、時(shí)鐘、被單、海報(bào)等實(shí)物上,真的非常搭配,同時(shí)也用來(lái)作為自己原創(chuàng)商品在網(wǎng)上進(jìn)行銷(xiāo)售,并獲得利潤(rùn),真是一舉兩得。

▲抱枕

▲極簡(jiǎn)時(shí)鐘1

▲極簡(jiǎn)時(shí)鐘2

▲被單

▲沐浴簾1

▲淋浴簾2

▲旅行杯

▲海報(bào)

▲手提袋

喜歡這些配色嗎?請(qǐng)拿去練手,作為設(shè)計(jì)師,有空的時(shí)候也可以做點(diǎn)創(chuàng)意練習(xí),并像 DUMMA 設(shè)計(jì)師一樣,印刷到海報(bào)或者杯子上,如果你認(rèn)為自己的作品非常好看的話,也可以銷(xiāo)售它,業(yè)余賺點(diǎn)零花也不錯(cuò),說(shuō)不定有成為爆款的潛力呢。

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(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ì)

從心理學(xué)聊下構(gòu)圖那些事

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

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

平面與版式背后是千年來(lái)人類(lèi)讀取信息形成的習(xí)慣、約定俗成的閱讀方式和心理學(xué)等,想成為一個(gè)優(yōu)秀的設(shè)計(jì)師,我們需要進(jìn)一步了解設(shè)計(jì)背后的原理以及表達(dá)信息的多種方法。

Image title


在中國(guó)繪畫(huà)中,有所謂章法、布局。中國(guó)繪畫(huà)最講究“經(jīng)營(yíng)位置”,因而有了中國(guó)畫(huà)高遠(yuǎn),深遠(yuǎn),平遠(yuǎn)獨(dú)特意境的畫(huà)風(fēng)體系。大家學(xué)習(xí)的設(shè)計(jì)體系中對(duì)構(gòu)圖的分析就更加的全面,比如大家都了解的形式美學(xué)法則:均衡與對(duì)稱(chēng)、漸次與重復(fù)、對(duì)比與調(diào)和、比例與尺度、節(jié)奏與韻律、體與主體、微差與統(tǒng)調(diào)、特異與秩序、前者多顯示生動(dòng)型,而后者顯示秩序型。


那為什么會(huì)總結(jié)出這些理論與法則?究竟又是什么在影響著我們的觀察與思考呢?有時(shí)候我們會(huì)不會(huì)遇到這些問(wèn)題:


1. 有時(shí)候我們?cè)诿鎸?duì)需求,需要強(qiáng)理論支撐自己的設(shè)計(jì),但又找不到切入點(diǎn),總會(huì)拿什么對(duì)比,對(duì)稱(chēng),韻律說(shuō)事,需求方卻不為所動(dòng)……


2. 在平時(shí)的設(shè)計(jì)工作當(dāng)中,大家不可避免的會(huì)參考和研習(xí)其他設(shè)計(jì)大師,同行的各類(lèi)設(shè)計(jì)作品,大家肯定會(huì)有各自關(guān)注的點(diǎn),創(chuàng)意,排版,顏色,細(xì)節(jié)刻畫(huà)等等等等,無(wú)論是那種類(lèi)型的設(shè)計(jì)作品(平面,招貼,海報(bào),H5,banner等),有時(shí)候會(huì)不會(huì)感到:看了好多作品,臨摹了好多作品,依然做不好設(shè)計(jì);問(wèn)題出在哪里呢?


3. 我們總會(huì)收集一大堆的素材參考,那你的評(píng)判方式是什么?你又是如何分析畫(huà)面?為什么好,好又好在哪里?……


接下來(lái)我們透過(guò)視覺(jué)表象,揭開(kāi)那些神秘的面紗,希望通過(guò)我自己的學(xué)習(xí)和研究,能夠?qū)Υ蠹矣兴鶐椭?/strong>






Image title




Image title


為了更快地解析周?chē)氖澜纾竽X會(huì)投機(jī)取巧地偷懶。大腦每秒要接收約4000萬(wàn)次的感官信息輸入,并試圖完全解析出它們的意義,所以它會(huì)根據(jù)以往的經(jīng)驗(yàn),猜測(cè)我們看見(jiàn)了什么。 


Image title


經(jīng)典再現(xiàn),看左邊的圖,第一眼能看到一個(gè)黑邊三角形,上面疊了一個(gè)白色倒三角,右邊的圖,你能明顯感知到一個(gè)矩形。


卡尼薩三角


這是1955年,由意大利心理學(xué)家發(fā)現(xiàn),并以她名字命名的“卡尼薩三角”。這個(gè)視錯(cuò)覺(jué)表明我們的大腦把實(shí)際上不存在的三角形輪廓線畫(huà)了出來(lái)。


我們把根本不存在的輪廓線稱(chēng)為主觀輪廓。




Image title


對(duì)于識(shí)別具體物體來(lái)說(shuō),中央視覺(jué)是最重要的;

對(duì)于認(rèn)知整體場(chǎng)景而言,周邊視覺(jué)更為關(guān)鍵 ;


Image title



通過(guò)電腦屏幕觀看網(wǎng)頁(yè),你并不用刻意瀏覽,而是整體掃過(guò)就能判斷整個(gè)頁(yè)面的內(nèi)容。所以大多數(shù)人都低估了周邊視覺(jué)對(duì)于我們理解事物的重要性,人對(duì)場(chǎng)景的認(rèn)知似乎都來(lái)自周邊視覺(jué)。




Image title


發(fā)現(xiàn)規(guī)律有助于快速處理時(shí)刻接收的感官信息。


Image title



看上面的圖,你會(huì)很自然的將其分成4組,每?jī)蓚€(gè)點(diǎn)一組,共8個(gè)點(diǎn),而不是上來(lái)就直接定義有8個(gè)點(diǎn)。


大腦視覺(jué)皮質(zhì)中的細(xì)胞分工不同,分別只對(duì)橫線、豎線、邊線和特定角度的線作出反應(yīng)。  




講完上述三個(gè)心理學(xué)常識(shí),我們看下這三個(gè)點(diǎn)對(duì)應(yīng)到我們?cè)O(shè)計(jì)當(dāng)中又是如何一番情景,看下圖:


Image title




輪廓



之所以將第一個(gè)心理學(xué)觀點(diǎn)與輪廓關(guān)聯(lián),是因?yàn)樵谖覀冊(cè)O(shè)計(jì)過(guò)程中任何一個(gè)形式的產(chǎn)生都會(huì)形成一個(gè)輪廓,那畫(huà)面元素多起來(lái)之后,畫(huà)面就會(huì)被這些輪廓分割成一個(gè)負(fù)向空間,很多時(shí)候我們都會(huì)忽視這個(gè)隱藏存在的形式,有時(shí)大家怎么調(diào)整一個(gè)設(shè)計(jì)元素本身,都會(huì)感覺(jué)不盡如人意,其實(shí)有一種可能是:這個(gè)元素在整個(gè)畫(huà)面中所形成的輪廓并沒(méi)有達(dá)到同步的和諧;


如下圖插畫(huà),一個(gè)女性形象,畫(huà)風(fēng)簡(jiǎn)潔干凈,畫(huà)面給人很強(qiáng)的整體感與完整型。如果是我們,會(huì)不會(huì)更多的去關(guān)注這個(gè)插畫(huà)的精彩之處是比基尼處理很生動(dòng),人物陰影細(xì)節(jié)刻畫(huà)的很到位?但是關(guān)鍵點(diǎn)是這些嗎?


Image title


繼續(xù)分析,如下圖:


Image title


圖A,把整個(gè)圖形黑白化后,想想我們的第一個(gè)心理學(xué)觀點(diǎn),一幅畫(huà)面第一影響我們的是腦海里形成的這個(gè)輪廓。像這個(gè)畫(huà)面,一個(gè)完整近似幾何般的人物輪廓(樣圖白色部分),同時(shí)這個(gè)輪廓所分割形成的空間(樣圖黑色部分),讓整個(gè)畫(huà)面安靜有序規(guī)則,讓人的視線能夠自然流淌,不會(huì)輕易地跳動(dòng)轉(zhuǎn)換;所以圖B,你會(huì)發(fā)覺(jué),不管我如何填充紋理圖片,這樣一個(gè)畫(huà)面是始終和諧,沒(méi)有違和感的。再比較下圖:


Image title



筆者隨機(jī)處理的一個(gè)形狀,有沒(méi)有發(fā)覺(jué),在沒(méi)有一個(gè)有序優(yōu)美的輪廓之下,縱然你把內(nèi)部的修飾刻畫(huà)的再如何精彩,這個(gè)畫(huà)面依然是索然無(wú)味,毫無(wú)生氣的。




Image title



設(shè)計(jì)元素要注重輪廓的修飾提煉——在設(shè)計(jì)表達(dá)過(guò)程中,不管是何種設(shè)計(jì),我們都要注重每個(gè)呈現(xiàn)元素的輪廓是否精巧,注意腦海里主觀輪廓之外的負(fù)空間是否舒服與和諧,畫(huà)面是通過(guò)這些彼此聯(lián)系的,不要一上來(lái)就關(guān)注所謂的細(xì)節(jié),經(jīng)營(yíng)你的形狀。


Image title




留白



第二個(gè)心理學(xué)觀點(diǎn)與留白相關(guān),是因?yàn)檎w認(rèn)知與周邊視覺(jué)關(guān)聯(lián)極大,看下圖:


Image title


好了,大家能夠認(rèn)知到什么程度,這是什么?怕是大家怎么猜都不會(huì)確定這個(gè)是什么。


Image title


當(dāng)筆者呈現(xiàn)完整圖畫(huà)后,大家是不是一下子就豁然開(kāi)朗了。留白是至關(guān)重要的,留白很重要的一點(diǎn)是加強(qiáng)了元素與元素之間的關(guān)系,我們通過(guò)創(chuàng)建輪廓來(lái)形成元素,元素與元素之間的關(guān)系,通過(guò)留白-元素之間形成的負(fù)空間,來(lái)相互影響,最終形成協(xié)調(diào)的畫(huà)面。留白可以形成空間,引導(dǎo),形狀等多種可能,讓作品更生動(dòng)更有呼吸。


Image title


看上圖,蘋(píng)果設(shè)計(jì)對(duì)留白的使用很了,通過(guò)產(chǎn)品嚴(yán)謹(jǐn)?shù)呐挪?,大家可以很清晰的感受到物體分割畫(huà)面后,留白的清晰走向以及秩序,你的視線會(huì)通過(guò)大腦的分析呈現(xiàn)出無(wú)限擴(kuò)展的空間,安靜空靈不干擾,更能彰顯蘋(píng)果設(shè)備本身的高端屬性。再簡(jiǎn)單一點(diǎn)解釋?zhuān)ㄟ^(guò)弱化周邊視覺(jué)的干擾,讓人更多的聚焦中央視覺(jué),讓你對(duì)產(chǎn)品的感知更加深刻。這時(shí)候留白是空間,烘托畫(huà)面,安靜的美少女。


Image title


看上述網(wǎng)頁(yè)設(shè)計(jì)作品,畫(huà)面通過(guò)主視覺(jué)形成的輪廓之后,呈現(xiàn)出大面積的留白空間,在這些空間基礎(chǔ)上,進(jìn)行了核心信息的展示。注意左圖黑色主輪廓的部分并沒(méi)有信息呈現(xiàn)(集中展示了品牌形象氣息),而在留白部分展示了文字信息加以說(shuō)明;右圖部分則在折線這條主輪廓型的兩側(cè),有序展示了信息。這樣的設(shè)計(jì),在網(wǎng)頁(yè)滑屏過(guò)程中,增加了畫(huà)面的動(dòng)感效果,更重要的一點(diǎn)是在引導(dǎo)視線過(guò)程中,你會(huì)更關(guān)注內(nèi)容的信息呈現(xiàn),想想我們的視覺(jué),對(duì)于認(rèn)知整體場(chǎng)景而言,周邊視覺(jué)更為關(guān)鍵;因?yàn)槟銜?huì)很不經(jīng)意的在意留在中央視覺(jué)(在設(shè)計(jì)中就是刻意設(shè)計(jì)引導(dǎo)你視覺(jué)的主輪廓)之外的東西,這時(shí)候留白是引導(dǎo),展示信息,完美的指揮家。


Image title


再看這組作品,理解這組留白相對(duì)比較復(fù)雜,注意筆者圖示位置的留白,很多時(shí)候,我們都習(xí)慣把畫(huà)滿(mǎn)一個(gè)畫(huà)面當(dāng)作第一要?jiǎng)?wù),填滿(mǎn)是可以保證我們看到的畫(huà)面至少是飽滿(mǎn)不空的,但是往往適得其反就是亂和沒(méi)有靈氣,所以一些設(shè)計(jì)作品試圖去突破一些視覺(jué)固式,那這時(shí)候留白就是一個(gè)極好的幫手,無(wú)形中啟到一個(gè)形狀的作用,補(bǔ)充畫(huà)面達(dá)到畫(huà)面的和諧統(tǒng)一,又增加韻味。像左圖就是通過(guò)一個(gè)紅色面積的模塊留白,與標(biāo)題呼應(yīng)的同時(shí),讓畫(huà)面方圓能夠更自然的流淌,增強(qiáng)畫(huà)面的靈動(dòng)感,右圖則通過(guò)添加元素,讓留白區(qū)域形成某種場(chǎng)景或者縱深,這樣就對(duì)文字形成了一種補(bǔ)充,烘托文字的效果,增強(qiáng)感受,兩者看似有明顯空白,但是整體又是完整的。看下圖,其實(shí)這又牽扯到我們第一個(gè)講到的心理學(xué):眼見(jiàn)非腦見(jiàn),我們的大腦會(huì)自動(dòng)去找尋某種輪廓。而這里輪廓的形成是通過(guò)留白去幫助實(shí)現(xiàn)的。這時(shí)候,留白是形狀,參與構(gòu)成,積極的組織者。


Image title




Image title



留白,是形式的延展...空間,引導(dǎo),形狀——元素在構(gòu)成畫(huà)面中一定會(huì)產(chǎn)生留白,留白對(duì)畫(huà)面的意義在于可以幫助我們更好的展示內(nèi)容,幫助我們營(yíng)造空間,創(chuàng)造聯(lián)系,配合形式,讓畫(huà)面更加有序有感。




構(gòu)成



講到構(gòu)成,這個(gè)名詞大家都不陌生:一定的形態(tài)元素,按照視覺(jué)規(guī)律、力學(xué)原理、心理特性、審美法則進(jìn)行的創(chuàng)造性的組合。很顯然跟我們的心理學(xué)原理三不謀而合,人是習(xí)慣尋找規(guī)律,也很習(xí)慣創(chuàng)造規(guī)律,所以在設(shè)計(jì)領(lǐng)域,才有了對(duì)點(diǎn),線,面等不斷的研究與實(shí)踐,在抽象的形、色、質(zhì)的造型方法上不斷追求與探索。


Image title


看上圖,這是一張展覽海報(bào),海報(bào)簡(jiǎn)潔干凈,穩(wěn)重大氣,沒(méi)有太多筆墨渲染,背景圖的選擇,以靜制動(dòng),讓整個(gè)海報(bào)有種高山流水,知音無(wú)限的濃郁氣息。先想下我們之前的說(shuō)明:大腦視覺(jué)皮質(zhì)中的細(xì)胞分工不同,分別只對(duì)橫線、豎線、邊線和特定角度的線作出反應(yīng)。再結(jié)合下點(diǎn)線面構(gòu)成的知識(shí)。首先畫(huà)面三個(gè)大字,這是點(diǎn),然后由上到下一個(gè)“之”字形排開(kāi),斜線至此形成,你的第一視感規(guī)律完結(jié),接下來(lái)注意畫(huà)面背景圖的選擇,瀑布從上而下,這個(gè)水流的動(dòng)勢(shì)極大得幫助和引導(dǎo)了我們的視線閱讀,豎線至此形。畫(huà)面感就形成了,你會(huì)很自然舒服的去閱讀這個(gè)海報(bào)。


但是就此就結(jié)束了,視線總體流動(dòng)是這樣的,為什么設(shè)計(jì)師要把字放到畫(huà)面這個(gè)位置,而不是其他位置呢?想想剛剛說(shuō)的規(guī)律,人喜歡規(guī)律,創(chuàng)造找尋規(guī)律,并以此為根據(jù)去實(shí)踐,這里就牽扯出了大自然里最神奇的定律黃金分割(今天的文章暫時(shí)不講,之后我會(huì)帶來(lái)關(guān)于黃金分割的文章分享哦),繼續(xù)看下圖,


Image title


首先,A1,A2這是畫(huà)面橫向?qū)挾壬蟽蓷l黃金風(fēng)格線,B1,B2,B3這是畫(huà)面縱向按順序的三條黃金風(fēng)格線,當(dāng)畫(huà)出這幾條黃金分割線,是不是一目了然,海報(bào)作者把核心元素有序安排在黃金風(fēng)格線及焦點(diǎn)之上,和諧之美,一張看似簡(jiǎn)單的海報(bào)蘊(yùn)藏著如此豐富的魅力,我們也可以感悟到設(shè)計(jì)師本身嚴(yán)謹(jǐn)?shù)臍庀⒑蛯?duì)構(gòu)成形式的細(xì)心推敲。如果是我們,又會(huì)是怎樣的呢?


Image title


再看上圖,大家可以自行按照上述的方式去分析一下。下圖海報(bào)可能更復(fù)雜些,但是其中的規(guī)律也是可以尋找的,畫(huà)面通過(guò)兩組不同斜面創(chuàng)造大的規(guī)律動(dòng)勢(shì)(右圖黑紅示意),同時(shí)巧妙的利用交叉后形成的三角形,形成點(diǎn)的元素,作為人物畫(huà)像的載體之用,因而三角形是從整體上而來(lái),有序而有組織,相互有關(guān)系,不會(huì)顯得亂。


Image title


更令人驚奇的是,當(dāng)我也使用黃金分割試圖去進(jìn)一步分析和理解畫(huà)面的時(shí)候,你會(huì)發(fā)現(xiàn)人物的面部表情—眼神,全在分割線上,所以有沒(méi)有覺(jué)得,這個(gè)海報(bào)的每個(gè)人都感覺(jué)實(shí)在你在對(duì)視,莫名的一種震撼,畫(huà)面的張力,不得不佩服國(guó)外設(shè)計(jì)師的嚴(yán)謹(jǐn)。


Image title




Image title



合理使用點(diǎn)線面,引導(dǎo)組織畫(huà)面——優(yōu)秀的畫(huà)面從來(lái)不是無(wú)組織無(wú)秩序的,都是通過(guò)點(diǎn)線面的仔細(xì)經(jīng)營(yíng)來(lái)創(chuàng)造最佳的視覺(jué)效果,而這個(gè)視覺(jué)效果,是能夠自發(fā)的去引導(dǎo)觀眾的視線,讓規(guī)律自然被閱讀,達(dá)到形神合一。




今天通過(guò)三個(gè)心理學(xué),引出設(shè)計(jì)中三個(gè)設(shè)計(jì)要點(diǎn)輪廓,留白,構(gòu)成,其實(shí)彼此之間是一個(gè)遞進(jìn)聯(lián)系,有了元素就會(huì)產(chǎn)生形狀,躍然紙上,則需要足夠的留白去為元素講故事,然后這個(gè)故事就是構(gòu)成,你使用如何的手段,讓他更豐富更有內(nèi)涵,一目了然。三者的有機(jī)結(jié)合就形成了我們所說(shuō)的構(gòu)圖,視覺(jué)語(yǔ)言中構(gòu)圖是非常重要的底層環(huán)節(jié),相比華麗的細(xì)節(jié)和各種炫目的效果,畫(huà)面中隱藏的構(gòu)圖實(shí)際上才是視覺(jué)設(shè)計(jì)的核心!


Image title

Image title


看一下這些電影場(chǎng)景,是不是恍然大悟,看似復(fù)雜的場(chǎng)景,都建立在這些幾何圖形的基礎(chǔ)骨架之上,回憶下文章之初的心理學(xué)觀點(diǎn),其實(shí)設(shè)計(jì)知識(shí)背后是人類(lèi)讀取信息幾千年來(lái)形成的習(xí)慣以及現(xiàn)代社會(huì)約定俗成的閱讀方式和心理學(xué)等,要想成為一個(gè)優(yōu)秀的設(shè)計(jì)師,我們需要進(jìn)一步地了解設(shè)計(jì)背后的原理以及表達(dá)信息的多種方法,就像研究表明,人類(lèi)能識(shí)別 24 種基本形體,這些基礎(chǔ)形狀稱(chēng)為幾何離子(方形,圓形,三角形,圓柱體,圓錐體等),這就落回到我們講到的心理學(xué):我們眼睛能夠?qū)ふ业囊?guī)律,而上圖的電影畫(huà)面也都構(gòu)建在此基礎(chǔ)之上,因?yàn)檫@樣的形式更容易讓我們的視覺(jué)去捕捉去理解。


講了這么多,就是希望能夠幫助大家在平時(shí)的設(shè)計(jì)工作和日常的學(xué)習(xí)積累過(guò)程中,能夠有一種思路和方法,去判斷和解讀作品,去分析這個(gè)設(shè)計(jì)為什么好,好在哪里,去把設(shè)計(jì)進(jìn)行有效的分解(元素本身的樣式,元素所在空間的留白,以及彼此之間的關(guān)聯(lián))給你自己的設(shè)計(jì)說(shuō)明增加籌碼,以便更加得擲地有聲。


最后,既然我們知道了這些心理學(xué)知識(shí),了解到了我們的觀察習(xí)慣,在之后的設(shè)計(jì)過(guò)程中我們就需要努力做到以下幾點(diǎn):


1.  經(jīng)營(yíng)好元素的輪廓和位置;


2.  人會(huì)不由自主地尋找規(guī)律,那就盡量多使用規(guī)律,利用分組和間隔創(chuàng)造規(guī)律;


3.  要讓某個(gè)物體(例如圖標(biāo))易于識(shí)別,就用簡(jiǎn)單的幾何圖形來(lái)畫(huà)它。這會(huì)讓構(gòu)成物體的幾何離子更明顯,從而使人更快、更輕松地識(shí)別該物體;


4.  控制好你的形式,形式在內(nèi)容之下,形式服務(wù)內(nèi)容。文繁則質(zhì)衰,末勝則本虧,過(guò)分強(qiáng)調(diào)文飾與修辭,內(nèi)容就會(huì)受到遮蔽而顯得軟弱無(wú)力,形式重于內(nèi)容,其實(shí)就是舍本逐末。

藍(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ù)

用一篇超全面的好文,帶你了解英國(guó)設(shè)計(jì)史的前世今生

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

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

文章目錄

  • 水晶宮與拉斯金
  • 現(xiàn)代設(shè)計(jì)之父誕生
  • 工藝美術(shù)運(yùn)動(dòng)中的平面設(shè)計(jì)
  • 總結(jié)

水晶宮與拉斯金

談這個(gè)運(yùn)動(dòng)之前,我們先來(lái)交代一下背景,150年前的歐洲版圖大致有法國(guó)、奧匈帝國(guó)、英國(guó)、西班牙、荷蘭、波蘭等國(guó)家,由于后來(lái)世界大戰(zhàn)打來(lái)打去相互瓜分,所以對(duì)這些國(guó)家目前的領(lǐng)土范圍、名稱(chēng)等不需要特別較真。

18世紀(jì)初期的英國(guó)還處于農(nóng)業(yè)經(jīng)濟(jì)時(shí)代,經(jīng)濟(jì)發(fā)展取決于勞動(dòng)力資源的占有和配置。比方你家有100人在干活,理論上經(jīng)濟(jì)效益就比隔壁老王10個(gè)人干活要強(qiáng)許多。

然后到了18世界中葉,也就是1765年珍妮紡紗機(jī)的發(fā)明標(biāo)志了第一次工業(yè)革命在英國(guó)開(kāi)始,由此100年間,英國(guó)就像被開(kāi)光加持,走上發(fā)展快車(chē)道,一下子躍升為世界大國(guó)。

這個(gè)時(shí)候我們橫向看看中國(guó)的情況,18世紀(jì)的中國(guó)正處在清朝統(tǒng)治之下,清朝歷史上最著名的康乾盛世就是在18世紀(jì)中期(乾隆早期)達(dá)到頂峰,當(dāng)時(shí) GDP 占世界總量的三分之一,也很厲害。我們可以從建筑面貌,生活場(chǎng)景,商店來(lái)感受一下當(dāng)時(shí)中國(guó)的生活水平與設(shè)計(jì)面貌。

工業(yè)革命在英國(guó)發(fā)展了100年后,正好來(lái)到英國(guó)著名的維多利亞女皇時(shí)代,維多利亞時(shí)代前接喬治時(shí)代,后啟愛(ài)德華時(shí)代,被認(rèn)為是英國(guó)工業(yè)革命和大英帝國(guó)的巔峰。它的時(shí)限一般定義為1851年~1901年長(zhǎng)達(dá)50年,這個(gè)時(shí)期的英帝國(guó)走向世界之巔,領(lǐng)土達(dá)到3600萬(wàn)平方公里,給大家一個(gè)參考數(shù)據(jù),咱們大中國(guó)目前的領(lǐng)土面積960萬(wàn)平方公里,僅僅是當(dāng)時(shí)的英國(guó)領(lǐng)土的四分之一,而經(jīng)濟(jì)占了全球的70%,貿(mào)易出口更是比全世界其他國(guó)家的總和還多上幾倍。

所以,現(xiàn)代設(shè)計(jì)由此時(shí)此地發(fā)生萌芽,似乎是合情合理。

這個(gè)時(shí)期英國(guó)的設(shè)計(jì)風(fēng)格就是鼎鼎大名的「維多利亞風(fēng)格」,后世對(duì)這個(gè)風(fēng)格進(jìn)行歸納后認(rèn)為,它屬于一種古典藝術(shù)復(fù)辟整合的風(fēng)格,因?yàn)槟憧梢詮木S多利亞設(shè)計(jì)風(fēng)格的產(chǎn)物中,看到:哥特樣式、文藝復(fù)興樣式、都鐸樣式甚至意大利風(fēng)格樣式。維多利亞時(shí)期通過(guò)融合當(dāng)代審美元素及使用了新建筑材料等方式,重新演繹及完善這些風(fēng)格,因?yàn)轸酆狭吮姸喙诺滹L(fēng)格,所以在視覺(jué)上顯得矯揉造作,裝飾繁瑣,色彩豐富細(xì)膩,顯得唯美主義。

也正是1851年,英國(guó)為了向世界炫耀工業(yè)革命成果決定搞點(diǎn)事情,于是聯(lián)合歐洲各大國(guó),舉辦歷史上有名的倫敦世界博覽會(huì),而籌辦這個(gè)博覽會(huì)的又是歷史上有名的阿爾伯特親王,下面請(qǐng)注意我介紹他和維多利亞女皇之間的關(guān)系。

阿爾伯特是德國(guó)薩克森-科堡-哥達(dá)公爵恩斯特一世的小兒子。比利時(shí)國(guó)王利奧波德一世是維多利亞的舅舅和阿爾伯特的叔叔。維多利亞的母親和利奧波德一世是姐弟,所以阿爾伯特是與他的表姐維多利亞女王結(jié)婚,是否有點(diǎn)小燒腦,沒(méi)關(guān)系,你只要知道他們是夫妻,然后屬于近親結(jié)婚。

他們一共生育了九個(gè)孩子,因?yàn)榻H結(jié)婚的緣故,四個(gè)王子中的三個(gè)都是血友病患者,所幸的是五位公主個(gè)個(gè)健康美麗,但也是血友病基因攜帶者,關(guān)于他們更多的故事請(qǐng)自行搜集,因?yàn)樵蹅兘裉焓莵?lái)聊倫敦世界博覽會(huì)的。

阿爾伯特一直對(duì)設(shè)計(jì)方面的事務(wù)非常感興趣,所以很積極籌辦這次博覽會(huì),但期間碰到一個(gè)極大的難題,就是當(dāng)其它國(guó)家往英國(guó)運(yùn)送大型工業(yè)設(shè)計(jì)產(chǎn)品時(shí),比方火車(chē)頭、蒸汽機(jī),建筑模型等東西時(shí),英國(guó)暫時(shí)沒(méi)有如此龐大的場(chǎng)地進(jìn)行安放,并且當(dāng)發(fā)現(xiàn)這個(gè)問(wèn)題時(shí)距離對(duì)外宣布開(kāi)展的日期只剩不到半年,按正常流程壓根無(wú)法完成這樣的場(chǎng)館,問(wèn)一眾大臣無(wú)人敢吭聲,阿爾伯特心急如焚,某天他在花園里眉頭緊皺思考這個(gè)問(wèn)題時(shí),一位皇室花農(nóng)的兒子忍不住問(wèn)親王怎么回事,親王跟他簡(jiǎn)單說(shuō)了情況,沒(méi)想到這個(gè)花農(nóng)的兒子居然說(shuō):如果親王相信我,不如讓我試試看吧。這位花農(nóng)兒子就是后來(lái)英國(guó)著名的建筑師:伯克斯頓。

基于花卉種植的技術(shù),伯克斯頓大膽運(yùn)用了種植花卉的溫室結(jié)構(gòu)原理,使用鋼鐵與玻璃為原料,快捷實(shí)用又經(jīng)濟(jì)并且采光一流的方式做了這個(gè)場(chǎng)館,那就是后來(lái)一開(kāi)展立刻震驚全世界,歷史上著名的「水晶宮」,這個(gè)建筑物也被后世視為現(xiàn)代設(shè)計(jì)拉開(kāi)帷幕的標(biāo)志性產(chǎn)物,也被視為「工藝美術(shù)運(yùn)動(dòng)」的開(kāi)始。

水晶宮在1854年曾經(jīng)從倫敦中心遷址南部,無(wú)奈在1936年的一場(chǎng)大火中被付之一炬。英國(guó)前首相丘吉爾曾表示它的燒毀是「一個(gè)時(shí)代的終結(jié)」。

這個(gè)世界知名的博覽會(huì)所展覽的作品以工業(yè)產(chǎn)品為主,并且全部都沒(méi)有一點(diǎn)現(xiàn)代設(shè)計(jì)風(fēng)格的影子。那我們不是在聊現(xiàn)代設(shè)計(jì)的萌芽嗎,對(duì)的,這個(gè)博覽會(huì)的最大作用是反面刺激,因?yàn)檎钩龅漠a(chǎn)品大部分非常粗陋,原因很多,其一是誰(shuí)也沒(méi)經(jīng)驗(yàn)做工業(yè)產(chǎn)品,好比香港第一屆特首,前無(wú)古人很難做好;其二是工業(yè)發(fā)展本來(lái)就是初期,工藝水準(zhǔn)遠(yuǎn)遠(yuǎn)沒(méi)有成熟。

而在一些人看來(lái)最要命的是為工業(yè)產(chǎn)品強(qiáng)制添加裝飾,比方把哥特式的紋樣刻到鑄鐵的蒸汽機(jī)體上,在金屬椅子上面畫(huà)個(gè)油漆畫(huà),在縫紉機(jī)上面加一個(gè)丘比特造型等等,完全是不實(shí)用并且談不上美觀的設(shè)計(jì)。

這種情況在意見(jiàn)上形成兩面派,比方愛(ài)國(guó)者立場(chǎng)的人大唱頌歌,甚至要寫(xiě)詩(shī)來(lái)贊美,比方英國(guó)大詩(shī)人丁尼生就為這個(gè)博覽會(huì)專(zhuān)門(mén)創(chuàng)作了頌詩(shī)。

而另一派自然就是批評(píng)者,批評(píng)的角度是博覽會(huì)大部分產(chǎn)品都缺乏一種從整體出發(fā)的設(shè)計(jì)構(gòu)思,形式遠(yuǎn)遠(yuǎn)大于功能,能夠意識(shí)到這種問(wèn)題的人其實(shí)已經(jīng)具備了新設(shè)計(jì)思想,但很可悲的是他們又多數(shù)是機(jī)械否定論者,意思就是反對(duì)工業(yè),崇尚手工,顯然違背了社會(huì)發(fā)展規(guī)律。

這群反對(duì)者當(dāng)中有一位后來(lái)非常著名的人,最后成為「工藝美術(shù)運(yùn)動(dòng)」的理論指導(dǎo)者,他就是約翰·拉斯金。

在博覽會(huì)現(xiàn)場(chǎng),32歲的約翰拉斯金已經(jīng)是英國(guó)成名作家,藝術(shù)評(píng)論家,同時(shí)也是教師及業(yè)余地質(zhì)學(xué)家,成名作是1843年寫(xiě)作的《現(xiàn)代畫(huà)家》,他看到水晶宮的展覽后,發(fā)出感概:藝術(shù)家已經(jīng)脫離了日常生活,只是沉醉在古希臘及意大利的迷夢(mèng)當(dāng)中,如果這些產(chǎn)品只能被少數(shù)人理解而脫離大眾,藝術(shù)沒(méi)什么作用,真正的藝術(shù)必須是為人民創(chuàng)作,不然就是一件無(wú)聊的東西。

其實(shí)按現(xiàn)代的觀點(diǎn),我們補(bǔ)充一下拉斯金這個(gè)說(shuō)法,他提到的藝術(shù)嚴(yán)格來(lái)說(shuō)應(yīng)該就是當(dāng)代定義的設(shè)計(jì),因?yàn)?60年前不存在設(shè)計(jì)的說(shuō)法,設(shè)計(jì)跟藝術(shù)之間的定義非常模糊。

當(dāng)時(shí)會(huì)場(chǎng)中的拉斯金可以說(shuō)是憤怒的,隨后幾年,他開(kāi)始通過(guò)著書(shū)跟演講來(lái)宣傳他的設(shè)計(jì)美學(xué)概念,比方他提出設(shè)計(jì)的實(shí)用性目的,他認(rèn)為:世界上最偉大的作品都要適用于某一特定場(chǎng)合,從屬某種目的。這個(gè)觀點(diǎn)說(shuō)出設(shè)計(jì)的功能性問(wèn)題,屬于初步的現(xiàn)代設(shè)計(jì)思想。

同時(shí)拉斯金極力反對(duì)精英主義,強(qiáng)調(diào)設(shè)計(jì)的民主特性,強(qiáng)調(diào)設(shè)計(jì)為大眾服務(wù),這一點(diǎn)也是后來(lái)德國(guó)包豪斯非常重要的思想內(nèi)核之一,拉斯金認(rèn)為以往的美術(shù)都被貴族的利己主義控制,范圍一直局限在上層社會(huì),如今不應(yīng)該再為取悅公爵太太們,而應(yīng)該更多的關(guān)注農(nóng)村中的勞動(dòng)人民,為他們生產(chǎn)一些實(shí)實(shí)在在的東西。

約翰·拉斯金1819年生于倫敦。是個(gè)獨(dú)生子加富二代,因?yàn)楦赣H是成功的蘇格蘭雪利酒商人,父母對(duì)拉斯金要求嚴(yán)格,把所有的希望和理想都寄托在約翰·拉斯金身上。他的父親一直鼓勵(lì)他從事繪畫(huà)和詩(shī)歌創(chuàng)作等文藝工作,而母親卻希望他能做一名牧師。年少的他一般在家庭和基督教堂學(xué)習(xí)。每年夏天隨父母游覽名山大川,參觀古代建筑和名畫(huà),培養(yǎng)了對(duì)自然和藝術(shù)的愛(ài)好。

拉斯金在1836年進(jìn)入牛津大學(xué)基督學(xué)院,1840年因病退學(xué)。此后兩年在意大利養(yǎng)病,同時(shí)搜集資料從事著述。其實(shí)拉斯金本身也做部分藝術(shù)創(chuàng)作,比方繪畫(huà),但后期專(zhuān)注于理論研究及普及設(shè)計(jì)思想。但拉斯金的設(shè)計(jì)思想非常龐雜,也有一部分對(duì)時(shí)代消極的內(nèi)容存在,但我們這里基本不談及。

現(xiàn)代設(shè)計(jì)之父誕生

生平不識(shí)莫里斯,設(shè)計(jì)十年也枉然。

就在水晶宮誕生的前幾年,1848年世界上也發(fā)生一件大事,就是德國(guó)的卡爾馬克思先生發(fā)表了他的重要著作《共產(chǎn)黨宣言》,因?yàn)楣I(yè)化發(fā)展過(guò)程中,造成了很多社會(huì)問(wèn)題,比方貧民窟的出現(xiàn),因?yàn)闄C(jī)器代替了人力,大部分工人下崗了,換到我們身處的時(shí)代,隱隱感覺(jué)人工智能與大數(shù)據(jù)的迅速發(fā)展是一樣的,機(jī)器人及信息化工具也將取替大量人力,比方無(wú)人汽車(chē),無(wú)人機(jī)送貨,餐館的二維碼下單及收款等,都會(huì)讓一批勞動(dòng)力被取代。

當(dāng)時(shí)發(fā)展工業(yè)革命的歐洲國(guó)家,資本主義開(kāi)始產(chǎn)生及成熟化,于是就產(chǎn)生了兩個(gè)對(duì)立階級(jí),就是著名的無(wú)產(chǎn)階級(jí)與資產(chǎn)階級(jí),無(wú)產(chǎn)階級(jí)的生活條件及工作條件隨著工業(yè)革命發(fā)展,逐步惡化得非常惡劣,這就是當(dāng)時(shí)「工藝美術(shù)運(yùn)動(dòng)」發(fā)展的時(shí)代背景。

我們第一部分談及了「工藝美術(shù)運(yùn)動(dòng)」的理論指導(dǎo)者約翰拉斯金,他在1953年出版了一本書(shū)籍叫《威尼斯的石頭》,這本書(shū)講述了中世紀(jì)設(shè)計(jì)精華的思想內(nèi)容,深刻影響了一位年輕人,這位年輕人后來(lái)通過(guò)自己的努力,掀起工藝美術(shù)運(yùn)動(dòng),成為了現(xiàn)代設(shè)計(jì)的奠基人,他就是大神威廉莫里斯先生,他同時(shí)是世界第一所設(shè)計(jì)事務(wù)所的開(kāi)設(shè)人,所以他也被視為現(xiàn)代設(shè)計(jì)之父。

不過(guò)關(guān)于這個(gè)說(shuō)法其實(shí)存在爭(zhēng)議,因?yàn)楣に嚸佬g(shù)運(yùn)動(dòng)被后世認(rèn)為在思想上是倒退的,因?yàn)樗麄兊囊庾R(shí)形態(tài)是反工業(yè),重塑手工藝的,主張從自然和哥德風(fēng)格中找尋出路,比方「向自然學(xué)習(xí)」就是工藝美術(shù)運(yùn)動(dòng)的重要口號(hào)之一,而我們回顧當(dāng)時(shí)的諸多作品,我們也發(fā)現(xiàn)大量動(dòng)植物紋樣的設(shè)計(jì)形式,同時(shí)這個(gè)運(yùn)動(dòng)其實(shí)也受東方風(fēng)格的影響,特別是日本的浮世繪,我們后面會(huì)論述這塊。

1951年的倫敦世界博覽會(huì)期間,威廉莫里斯也到過(guò)現(xiàn)場(chǎng)觀看,那時(shí)的他年僅17歲,他對(duì)于工業(yè)化產(chǎn)出的丑陋產(chǎn)品感到非常震驚與厭惡,根據(jù)小道消息記錄,他在觀看時(shí)候曾經(jīng)放聲大哭。雖然這種反應(yīng)未免有夸張之嫌,但是確實(shí)在那次經(jīng)歷之后,莫里斯就立志開(kāi)始學(xué)習(xí)設(shè)計(jì),希望通過(guò)自己的努力來(lái)扭轉(zhuǎn)這種設(shè)計(jì)頹敗的局面。

跟約翰拉斯金一樣,1934年出生的威廉莫里斯也是一名富二代,有一個(gè)富足的家庭跟一位經(jīng)商的父親,所以起點(diǎn)高一直不是壞事,特別是起點(diǎn)高的同時(shí)還有一位重視教育的父親,莫里斯的父親對(duì)他學(xué)習(xí)情況非常關(guān)心,一直嚴(yán)格要求莫里斯,所以1851年博覽會(huì)后莫里斯順利考入牛津大學(xué)建筑系。早期的設(shè)計(jì)師基本都是搞建筑為主,比方德國(guó)包豪斯的幾位校長(zhǎng)都是建筑師。

在牛津大學(xué)畢業(yè)后的莫里斯去了一所專(zhuān)門(mén)從事哥德風(fēng)格建筑設(shè)計(jì)的事務(wù)所里工作,這個(gè)期間他對(duì)哥德風(fēng)格有了實(shí)踐上的深刻認(rèn)識(shí),但是莫里斯的內(nèi)心其實(shí)對(duì)繪畫(huà)及詩(shī)歌(莫里斯本身也是一位成熟的詩(shī)人,曾出版《地上樂(lè)園》等詩(shī)集)更為熱衷,他感覺(jué)自己并沒(méi)有對(duì)建筑的熱忱,所以他呆了不夠8個(gè)月就走了,隨后參加了著名的「拉斐爾前派兄弟會(huì)」。

拉斐爾前派是1848年由3名年輕的英國(guó)畫(huà)家亨特、羅塞蒂和米萊斯在英國(guó)倫敦所發(fā)起組織的一個(gè)藝術(shù)團(tuán)體,目的是為了改變其時(shí)的藝術(shù)潮流,反對(duì)在米開(kāi)朗基羅和拉斐爾的時(shí)代之后偏向機(jī)械論的風(fēng)格主義畫(huà)家。總的來(lái)說(shuō),他們的風(fēng)格偏向傳統(tǒng)寫(xiě)實(shí),主張忠于自然,所以跟拉斯金及莫里斯的理念都接近,莫里斯在此期間創(chuàng)作了一些畫(huà)作,其中比較有代表性的是《岡尼芙皇后》,畫(huà)風(fēng)已經(jīng)明顯有設(shè)計(jì)的裝飾性感覺(jué)。

參加拉斐爾前派后的莫里斯不久就馬上要步入人生另一個(gè)階段——結(jié)婚,而對(duì)象是下面這位非常擅長(zhǎng)配合攝影師擺pose 的美女簡(jiǎn)·伯頓,深諳現(xiàn)代頭疼腳疼肚子疼三大法則,莫里斯第一次見(jiàn)到她時(shí)是這樣描述的:美艷動(dòng)人,身材高挑,皮膚黝黑,有一種野性美,留有自然的鬈發(fā),長(zhǎng)著細(xì)長(zhǎng)的脖子、大大的眼睛和性感的雙唇,與當(dāng)時(shí)優(yōu)雅而傳統(tǒng)的美女很不相同,有標(biāo)準(zhǔn)的模特風(fēng)范。

所以拉斐爾前派的成員之一羅塞蒂就經(jīng)常以她為繪畫(huà)模特進(jìn)行創(chuàng)作,后來(lái)兩人也因此鬧出了不少緋聞,導(dǎo)致莫里斯和簡(jiǎn)伯頓的關(guān)系出現(xiàn)裂縫。

另外關(guān)注設(shè)計(jì)史太濃的朋友知道,我們的內(nèi)容一直不乏美女身影,比方包豪斯創(chuàng)始人格羅皮烏斯的太太,神一樣存在的阿爾馬·馬勒,關(guān)于她的傳奇故事可以詳見(jiàn)《用一篇超全面的好文,帶你了解包豪斯的前世與今生》。

莫里斯跟簡(jiǎn)伯頓的婚姻對(duì)整個(gè)世界的設(shè)計(jì)發(fā)展來(lái)說(shuō)都是一件大事,因?yàn)樗麄兊幕橐龃偈沽四锼归_(kāi)始從繪畫(huà)轉(zhuǎn)向設(shè)計(jì)方向,同時(shí)被視為現(xiàn)代設(shè)計(jì)開(kāi)端的代表性建筑「紅屋」也誕生,事情的經(jīng)過(guò)是這樣的:

莫里斯跟簡(jiǎn)伯頓確立關(guān)系后決定在1859年喜結(jié)連理,而成家就要立室,說(shuō)白了就是需要買(mǎi)房子,于是莫里斯開(kāi)始在倫敦市區(qū)及郊區(qū)到處尋找合適的住宅,但是經(jīng)過(guò)多輪的折騰,一直沒(méi)有找到自己滿(mǎn)意的住宅,以及對(duì)住宅的用品也十分不滿(mǎn),因?yàn)楫?dāng)時(shí)存在的建筑跟家居用品都充斥維多利亞風(fēng)格的繁瑣,不然就是極度簡(jiǎn)陋。

于是莫里斯開(kāi)始產(chǎn)生自己動(dòng)手建房子的想法,他邀請(qǐng)了一位叫威伯的朋友幫忙,在郊區(qū)肯特郡弄了塊地,周?chē)枪麍@,擁有非常開(kāi)闊的視野與景色,符合莫里斯喜好接近大自然的性格,也符合新婚夫婦對(duì)浪漫的訴求,他們開(kāi)始在這里做自己想要的房子。這個(gè)房子一開(kāi)始的定位就是非常規(guī)的套路,比方結(jié)構(gòu)是非對(duì)稱(chēng)的,然后表面沒(méi)有粉飾,并且充分考慮了居住的功能性,其中最突出的特征就是房子全部使用紅磚修建,既是材料,又成為裝飾動(dòng)機(jī),所以史稱(chēng)「紅屋」,其中也使用了諸多莫里斯喜歡的哥特元素雕飾細(xì)節(jié),比方塔樓、尖拱入口等。我們來(lái)看看歷史上紅屋的樣子:

其實(shí)紅屋最特別的部分在于,除了房子本身的建筑外,里面全部家具、燈具、地毯、裝飾品、墻紙、掛畫(huà)都是莫里斯親手設(shè)計(jì)的,就是現(xiàn)代俗稱(chēng)的硬裝與軟裝,莫里斯都一手包辦,所以風(fēng)格非常統(tǒng)一協(xié)調(diào),而且別具一格,這種風(fēng)格也被視為工藝美術(shù)運(yùn)動(dòng)的代表性風(fēng)格。

時(shí)間已經(jīng)去到1860年,紅屋的落成讓周邊的人好奇與驚訝,紛紛來(lái)參觀,慢慢在英國(guó)設(shè)計(jì)界開(kāi)始引發(fā)廣泛的興趣與贊譽(yù),好的設(shè)計(jì)、講究功能的設(shè)計(jì)自然會(huì)激發(fā)大眾的熱情與需求,越來(lái)越多人詢(xún)問(wèn)他能否也幫忙設(shè)計(jì)一些家具用品,他開(kāi)始萌生為大家提供設(shè)計(jì)服務(wù)這樣的想法,此時(shí)的他只是跟朋友經(jīng)營(yíng)畫(huà)室搞創(chuàng)作,屬于一個(gè)沒(méi)有固定職業(yè)的下崗人員,于是他決定破天荒的成立一間獨(dú)立設(shè)計(jì)事務(wù)所,這是世界上最早由藝術(shù)家經(jīng)營(yíng)的設(shè)計(jì)事務(wù)所,也就是現(xiàn)在所有設(shè)計(jì)公司的前身。

剛開(kāi)始他是跟兩位朋友一起合伙經(jīng)營(yíng),幾年后奇貨可居,業(yè)務(wù)蒸蒸日上,他果斷將另外兩位朋友的股份買(mǎi)下,在1864年更名為「莫里斯設(shè)計(jì)事務(wù)所」。其實(shí)西方大部分品牌、公司都會(huì)以靈魂人物的名稱(chēng)來(lái)命名,比方沃爾瑪、惠普、戴爾、保時(shí)捷、迪斯尼等等,遍及各行各業(yè),這在我看來(lái)屬于部落文化,也是羅振宇說(shuō)的人格體,在設(shè)計(jì)行業(yè)其實(shí)也越來(lái)越多這種現(xiàn)象,中國(guó)這種情況較少,但香港已經(jīng)有諸多成功的示例,比方陳幼堅(jiān)設(shè)計(jì)有限公司,香港李永銓設(shè)計(jì)有限公司等, 內(nèi)地深圳有韓家英、王粵飛等,老板的氣質(zhì)就是企業(yè)的氣質(zhì),老板的風(fēng)格就是作品的風(fēng)格。

莫里斯的設(shè)計(jì)事務(wù)所為顧客提供各種各樣的設(shè)計(jì)服務(wù),范圍包括家具、地毯、毛毯、墻紙、書(shū)籍、海報(bào)、建筑等,涵蓋全面而完整,后期莫里斯越來(lái)越善于經(jīng)營(yíng),聯(lián)合工廠直接生產(chǎn)自己設(shè)計(jì)的產(chǎn)品,包括陶瓷、玻璃、地毯等,再直接銷(xiāo)售給客戶(hù),所以這也是一個(gè)用設(shè)計(jì)創(chuàng)造財(cái)富的典型例子,值得現(xiàn)代設(shè)計(jì)師借鑒。

莫里斯的設(shè)計(jì)風(fēng)格有別于當(dāng)時(shí)的維多利亞風(fēng)格,獨(dú)樹(shù)一幟,后來(lái)史稱(chēng)「工藝美術(shù)」運(yùn)動(dòng)風(fēng)格,特征包含了以下幾點(diǎn):

  • 強(qiáng)調(diào)手工藝,明確反對(duì)機(jī)械化生產(chǎn)(這算是違背社會(huì)發(fā)展規(guī)律的倒退觀念)。
  • 反對(duì)矯揉造作、繁瑣、裝飾過(guò)度的維多利亞風(fēng)格,及其它古典、傳統(tǒng)的復(fù)興風(fēng)格(這是進(jìn)步的觀念)。
  • 提倡哥德風(fēng)格,講究簡(jiǎn)單、樸實(shí),重視功能(這特點(diǎn)具備現(xiàn)代設(shè)計(jì)思想)。
  • 推崇自然主義、裝飾上借鑒東方藝術(shù),比方日本的華年魚(yú)蟲(chóng)。

工藝美術(shù)運(yùn)動(dòng)中的平面設(shè)計(jì)

第二部分聊到威廉莫里斯自從跟簡(jiǎn)伯頓結(jié)婚后,親力親為修建一間紅屋,引發(fā)了設(shè)計(jì)圈轟動(dòng),隨后他成立了自己的設(shè)計(jì)事務(wù)所后,引領(lǐng)出「工藝美術(shù)」運(yùn)動(dòng)風(fēng)格,從1860年到1880年達(dá)到運(yùn)動(dòng)高峰,帶動(dòng)歐洲各國(guó)的同類(lèi)設(shè)計(jì)運(yùn)動(dòng),但因?yàn)楸敬蔚闹黝}是英國(guó)設(shè)計(jì),所以我們主要先聊英國(guó)情況,關(guān)于這場(chǎng)運(yùn)動(dòng)歐洲其它各國(guó)的狀況我們將會(huì)在其它分享里講述。

莫里斯初期主要的設(shè)計(jì)方向是家具、墻紙、家居用品等,墻紙?jiān)O(shè)計(jì)是其最具代表性的作品之一,而且風(fēng)格上特別容易識(shí)別,就是使用大量植物紋樣,我們通過(guò)下面的圖片來(lái)大致感受一下,現(xiàn)代的產(chǎn)品假設(shè)使用這種特征很容易重現(xiàn)莫里斯風(fēng)格:

但后來(lái)英國(guó)出版界發(fā)生了一些事情,讓莫里斯在平面設(shè)計(jì)范圍也開(kāi)始有極大拓展,并且發(fā)展出強(qiáng)大的影響力,進(jìn)一步深化工藝美術(shù)運(yùn)動(dòng)的范疇。

事情的起因是19世紀(jì)以來(lái),因?yàn)楣I(yè)革命發(fā)展,引入機(jī)器操作后書(shū)籍開(kāi)始大批量發(fā)行出版,導(dǎo)致書(shū)籍設(shè)計(jì)的粗制濫造情況越發(fā)嚴(yán)重,開(kāi)始讓當(dāng)時(shí)一批平面設(shè)計(jì)家感到很焦慮,情況就跟現(xiàn)在區(qū)塊鏈的急速發(fā)展,產(chǎn)生大量粗制濫造的app、網(wǎng)站平臺(tái)的情況雷同,讓做UI設(shè)計(jì)的我們也感覺(jué)局促不安。

所謂時(shí)勢(shì)造英雄,總有一些人要被歷史選中,比方有一位出版家叫威廉帕克林,在24歲時(shí)候開(kāi)設(shè)了自己的書(shū)店,專(zhuān)門(mén)經(jīng)營(yíng)善本(泛指刻印較早、流傳較少的精美古籍)和古本圖書(shū),后來(lái)他跟朋友合伙經(jīng)營(yíng)出版社,自行設(shè)計(jì)與出版書(shū)籍,多數(shù)與散文及詩(shī)集為主,他們對(duì)書(shū)籍有非常嚴(yán)格跟精細(xì)的要求,而且也使用了哥德風(fēng)格結(jié)合簡(jiǎn)單明快的方式進(jìn)行設(shè)計(jì),符合工藝美術(shù)運(yùn)動(dòng)的特點(diǎn),給出版界帶來(lái)一股清流。

在這種風(fēng)氣影響下,慢慢的又出現(xiàn)另一位人物,就是建筑家出身的阿瑟·瑪克穆多,他出生于1851年,就是水晶宮面世同一年,在26歲時(shí)候他認(rèn)識(shí)了43歲的莫里斯,受到當(dāng)時(shí)已經(jīng)成大名的莫里斯的思想影響,決心追隨他發(fā)展工藝美術(shù)設(shè)計(jì)改革,他專(zhuān)注于平面設(shè)計(jì),并且體現(xiàn)在書(shū)籍設(shè)計(jì)上。

1882年他成立了自己的設(shè)計(jì)公司「世紀(jì)行會(huì)」,然后在1884年出版了一本《玩具馬》刊物,這是最早最系統(tǒng),利用文字方式宣傳工藝美術(shù)運(yùn)動(dòng)主張的出版物。但非??上шP(guān)于這方面的圖片資料在互聯(lián)網(wǎng)上已經(jīng)無(wú)法找到。

這本刊物是工藝美術(shù)運(yùn)動(dòng)當(dāng)中平面設(shè)計(jì)的最典型作品,刊物當(dāng)中的封面及插圖、排版裝飾使用了吸收日本浮世繪元素,從植物紋樣當(dāng)中提煉出抽象圖案,并采用一些中世紀(jì)的裝飾動(dòng)機(jī),流暢、生動(dòng),形成一種特別,能代表工藝美術(shù)運(yùn)動(dòng)的平面設(shè)計(jì)風(fēng)格。

做這個(gè)刊物時(shí)候瑪克穆多曾經(jīng)多次跟莫里斯探討版面編排、空間布局比例,文字間距、字體風(fēng)格、紙張材質(zhì)等具體的設(shè)計(jì)問(wèn)題,這個(gè)過(guò)程讓莫里斯很興奮,因?yàn)槟锼箤?duì)工藝美術(shù)運(yùn)動(dòng)風(fēng)格可以應(yīng)用到書(shū)籍平面設(shè)計(jì)當(dāng)中感到很高興,于是他又決定搞點(diǎn)事情了。

這個(gè)時(shí)候時(shí)間已經(jīng)去到1888年,莫里斯的事業(yè)已經(jīng)發(fā)展很成功,說(shuō)白了就是通過(guò)設(shè)計(jì)獲得了財(cái)務(wù)自由,一旦財(cái)務(wù)自由就可以比較任性的做一些事情,比方將精力從家具、墻紙、工業(yè)產(chǎn)品方面轉(zhuǎn)移到平面設(shè)計(jì),而且本來(lái)他就是一名文學(xué)愛(ài)好者,所以他一轉(zhuǎn)身就成立了個(gè)人出版社,雇傭了一批鑄字工人及印刷工人,起名為克姆斯各特出版社。

這個(gè)出版社一成立,基于莫里斯本人的影響力馬上就生產(chǎn)出一本成功的書(shū)籍,就是莫里斯與插圖畫(huà)家克萊因合作,設(shè)計(jì)出版的英國(guó)傳說(shuō)故事《呼嘯平原的故事》,第一次出版了200冊(cè)紙張本跟6本羊皮紙本,這本書(shū)設(shè)計(jì)非常精美,而且完全符合工藝美術(shù)運(yùn)動(dòng)風(fēng)格,一上市就吸引了英國(guó)讀者的強(qiáng)烈興趣,并且將克姆斯各特出版社的名頭一炮打響。

莫里斯這個(gè)出版社在英國(guó)的「工藝美術(shù)」運(yùn)動(dòng)當(dāng)中發(fā)展起到非常重要的作用,因?yàn)樵谀锼沟膸ьI(lǐng)下,出版社是這個(gè)運(yùn)動(dòng)當(dāng)中平面設(shè)計(jì)領(lǐng)域最集中的體現(xiàn),影響了其它出版公司,甚至影響到歐美各國(guó)的印刷出版行業(yè)。

克姆斯各特出版社無(wú)疑是威廉莫里斯的平面設(shè)計(jì)大本營(yíng),他的大部分書(shū)籍都是由這家出版社完成,不過(guò)他的設(shè)計(jì)充滿(mǎn)了企圖恢復(fù)古典,中世紀(jì)哥特時(shí)期的風(fēng)格特征,版面編排非常擁擠,很多細(xì)節(jié)也比較繁瑣,并且因?yàn)閷?duì)質(zhì)量的追求,所以產(chǎn)量低,價(jià)格高,有經(jīng)濟(jì)能力購(gòu)買(mǎi)的群體不多,于是慢慢引起一些評(píng)論家的指責(zé),可見(jiàn)名人做事情是要受社會(huì)監(jiān)督的,比方英國(guó)有一位平面設(shè)計(jì)家劉易斯·戴依就曾經(jīng)在1899年的《東方雜志》這個(gè)期刊中撰文批評(píng)威廉莫里斯。

他認(rèn)為莫里斯后期的書(shū)籍設(shè)計(jì)完成沉溺在復(fù)古主義,完全違背了他一貫主張和倡導(dǎo)的設(shè)計(jì)社會(huì)化、民主化、大眾化的立場(chǎng)與原則,讓書(shū)籍無(wú)法成為普及大眾的讀物,而淪落為少數(shù)收藏家的藏品。而此時(shí)莫里斯其實(shí)已經(jīng)離世,莫里斯是在1896年因?yàn)椴』既ナ赖?,而克姆斯各特出版社?891年經(jīng)營(yíng)到1898年,期間一共出版53種圖書(shū),總印刷量達(dá)到18000本,這個(gè)數(shù)量在英國(guó)及歐洲都是可觀的,在莫里斯離世兩年后,因?yàn)槿狈`魂人物,出版社因?yàn)榻?jīng)營(yíng)不善就關(guān)閉了。

后來(lái)這位批評(píng)莫里斯的設(shè)計(jì)大師戴依聯(lián)合了插圖畫(huà)家杰西·金及格里那維,三人合作創(chuàng)造出一種以?xún)和癁槭鼙姷淖x物設(shè)計(jì)風(fēng)格,設(shè)計(jì)當(dāng)中充滿(mǎn)了天真風(fēng)格、色彩浪漫,無(wú)論字體、插圖風(fēng)格跟布局排版都輕松可愛(ài),廣受當(dāng)時(shí)的兒童歡迎。

他們的目的是希望書(shū)籍設(shè)計(jì)能夠真正為廣大讀者服務(wù),改變書(shū)籍長(zhǎng)期被少數(shù)人掌控的局面,也力圖改變莫里斯那種比較凝重的考古味道。這三人都基于為大眾的共同立場(chǎng),但是各自有自身的風(fēng)格,他們?yōu)楸娙私灾囊恍┯?guó)童話故事設(shè)計(jì)書(shū)籍,人物、動(dòng)物、植物跟風(fēng)景都栩栩如生,生動(dòng)活潑,是工藝美術(shù)運(yùn)動(dòng)后期平面設(shè)計(jì)范圍里一個(gè)重大的發(fā)展與突破。

他們的設(shè)計(jì)直接影響了下一代的平面設(shè)計(jì)師及插畫(huà)家,比方我們?cè)诎浪鼓瞧诜窒砝锪牡降谋壤麜r(shí)設(shè)計(jì)師亨利·凡德·威爾德。

莫里斯離世之后余威尚在,很多年輕設(shè)計(jì)師受他的影響,都成立了一些小型出版公司來(lái)探索書(shū)籍平面設(shè)計(jì),被后世稱(chēng)為「私營(yíng)出版運(yùn)動(dòng)」,其中有一個(gè)比較突出的機(jī)構(gòu)叫「手工藝行會(huì)」,領(lǐng)導(dǎo)人是杰出建筑師查爾斯·阿什比,同時(shí)他也從事首飾跟銀器設(shè)計(jì),他跟三位朋友一起,僅僅使用50英鎊成立了這個(gè)行會(huì)。

手工藝行會(huì)的風(fēng)格在工藝美術(shù)風(fēng)格基礎(chǔ)上再次產(chǎn)生了一些突破,比方把古埃及及古羅馬的風(fēng)格也融合平面設(shè)計(jì),特別是字體設(shè)計(jì)上重視書(shū)法效果,他們的設(shè)計(jì)業(yè)務(wù)和制作業(yè)務(wù)都發(fā)展得很繁榮,訂單接踵而來(lái)。

另一個(gè)比較突出的「私營(yíng)印刷運(yùn)動(dòng)」組織是多佛出版社,他們有一個(gè)很具進(jìn)步性的設(shè)計(jì)思想觀點(diǎn),認(rèn)為平面設(shè)計(jì)的核心并非單純的視覺(jué)美好,而是準(zhǔn)確的形象信息傳達(dá),在良好的傳達(dá)前提下,達(dá)成設(shè)計(jì)美觀的目的。他們的代表作是1903年的《圣經(jīng)》,字體和版面編排都非常方便閱讀,插圖講究,達(dá)到功能與形式的完美平衡,是工藝美術(shù)運(yùn)動(dòng)后期越發(fā)成熟的代表作品之一。

以約翰拉斯金的指導(dǎo)思想為基礎(chǔ),威廉莫里斯設(shè)計(jì)為代表所發(fā)起的英國(guó)「工藝美術(shù)」運(yùn)動(dòng),雖然思想跟形式上也有倒退的部分,但仍有諸多具備現(xiàn)代設(shè)計(jì)的先進(jìn)思想,比方希望設(shè)計(jì)普及大眾、重視功能等,所以對(duì)西方各國(guó)的設(shè)計(jì)發(fā)展都有促進(jìn)與推動(dòng)作用,并且在歷史上被視為現(xiàn)代設(shè)計(jì)的開(kāi)端。

總結(jié)

整個(gè)分享我們大致談了三部分內(nèi)容。

現(xiàn)代設(shè)計(jì)的起源發(fā)生于英國(guó),倫敦博覽會(huì)水晶宮的出現(xiàn)刺激了設(shè)計(jì)理論先驅(qū)約翰拉斯金對(duì)設(shè)計(jì)的思考,并發(fā)展出具有進(jìn)步及前瞻性的現(xiàn)代設(shè)計(jì)思想。

設(shè)計(jì)師威廉莫里斯建造紅屋這件事,拉開(kāi)現(xiàn)代設(shè)計(jì)的序幕,并引發(fā)出工藝美術(shù)運(yùn)動(dòng),該運(yùn)動(dòng)風(fēng)格特征以莫里斯借鑒東方植物紋樣的元素,形式簡(jiǎn)單明快,講究功能等特點(diǎn)為代表。

工藝美術(shù)運(yùn)動(dòng)在平面設(shè)計(jì)上,特別是在書(shū)籍上具體體現(xiàn),莫里斯同樣擔(dān)當(dāng)領(lǐng)軍人物,并由此對(duì)歐洲各國(guó)的平面設(shè)計(jì)產(chǎ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ì)太小氣?試試從這五方面入手

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

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

 

改稿絕對(duì)算得上是設(shè)計(jì)師的一項(xiàng)日常操作,這一點(diǎn)我們都深有體會(huì),至于改稿的原因則五花八門(mén),不是客戶(hù)嫌棄太小氣、沒(méi)創(chuàng)意,就是上級(jí)嫌棄太土、太單薄等等。

如何解決設(shè)計(jì)太小氣這個(gè)問(wèn)題,主要是從以下五個(gè)方面入手:

  1. 構(gòu)圖要飽滿(mǎn)有張力;
  2. 主題要大、要用大場(chǎng)景的圖片;
  3. 使用強(qiáng)烈的大小對(duì)比和空間對(duì)比;
  4. 用仰視的角度;
  5. 采用逆光拍攝效果。

一、構(gòu)圖要飽滿(mǎn)有張力

導(dǎo)致設(shè)計(jì)看起來(lái)小氣的首要原因就是構(gòu)圖不飽滿(mǎn),也就是我們通常所說(shuō)的沒(méi)有張力,那么什么樣的構(gòu)圖才是飽滿(mǎn)有張力的呢?

1.要充分利用好版面的空間

下圖是一則背景板海報(bào)設(shè)計(jì),我們可以看到所有視覺(jué)元素都集中在版面的正中心,左右兩邊的空間完全沒(méi)有被利用起來(lái),所以看上去會(huì)比較小氣。

對(duì)于這種情況,我們應(yīng)該適當(dāng)把圖片元素往兩邊擴(kuò)張,把版面的空間充分利用起來(lái),使得圖形部分的輪廓盡量與版面輪廓貼近。

調(diào)整后的構(gòu)圖變得更飽滿(mǎn)、更大氣了。

2.視覺(jué)主體至少占據(jù)版心的兩個(gè)角

以常見(jiàn)的矩形版面為例,它的版心是一個(gè)四邊形,有四個(gè)角,我們可以把這四個(gè)角理解成四個(gè)點(diǎn),而版心就是通過(guò)這四個(gè)點(diǎn)的連線建立起來(lái)的,改變?nèi)魏我粋€(gè)點(diǎn)的位置,版心的輪廓都會(huì)發(fā)生變化。

所以這四個(gè)點(diǎn)(角)也直接影響了版面的張力,元素覆蓋的角越多張力就越大,元素覆蓋低于版心兩個(gè)角時(shí)會(huì)顯得張力不足,因而難以大氣起來(lái)。例如在下圖的海報(bào)中,圖片部分只覆蓋到了左下角一個(gè)點(diǎn),所以版面的張力不足。

為了加強(qiáng)版面的張力,我把圖片的火焰部分進(jìn)行了延伸,并同時(shí)覆蓋了版心的三個(gè)角,所以調(diào)整后的效果比調(diào)整之前要大氣很多。

二、大

既然要做大氣的設(shè)計(jì),那自然離不開(kāi)“大”字,怎么個(gè)大法呢?一是主體元素要大,二是要用大的場(chǎng)景:

1.主體要大

如果覺(jué)得你做的設(shè)計(jì)太小氣,很簡(jiǎn)單,直接把主體拉大,占據(jù)盡量多的版面空間,這是一種很粗暴但是很有效的方式,不過(guò)我們?cè)诶笠曈X(jué)元素的時(shí)候要注意,要保證元素本身的識(shí)別性和清晰度。

上圖的主體比較小,所以顯得比較小氣。

把主體拉大后,該設(shè)計(jì)就變得大氣了很多。

2.背景要用大景

你應(yīng)該也發(fā)現(xiàn)了,凡是電影大片里肯定都會(huì)有很多大場(chǎng)景的鏡頭,比如城市、山川、大海、宇宙等等,這種鏡頭就很大氣,因?yàn)樗尸F(xiàn)的是一個(gè)非常大的空間。而如果特寫(xiě)一座房子、一張桌子、一朵花之類(lèi)的小場(chǎng)景,則不會(huì)有這種感覺(jué)。

所以,如果使用大場(chǎng)景的圖片來(lái)做設(shè)計(jì),會(huì)比較容易做出氣勢(shì)。

三、制造強(qiáng)烈的對(duì)比

制造強(qiáng)烈的對(duì)比也是使設(shè)計(jì)更大氣的有效方法,當(dāng)然,也不是所有對(duì)比都行,效果比較顯著的主要是大小對(duì)比和空間對(duì)比。

1.大小對(duì)比

當(dāng)在版面中同時(shí)呈現(xiàn)一大一小兩個(gè)對(duì)比很懸殊的元素,且這兩個(gè)元素之間有緊密的聯(lián)系或互動(dòng)時(shí),就會(huì)有很大氣的感覺(jué),很多科幻電影的海報(bào)設(shè)計(jì)就喜歡運(yùn)用這種對(duì)比手法,比如《黑豹》和《大圣歸來(lái)》的海報(bào)。

▲黑豹與踩在其腳下的豹頭雕塑形成強(qiáng)烈的大小對(duì)比,而且二者都是豹,在視覺(jué)上有很強(qiáng)的關(guān)聯(lián)。

▲猴子與其面前的巨龍形成非常強(qiáng)烈的大小對(duì)比,他們的關(guān)聯(lián)在于二者正處于對(duì)峙的狀態(tài),霸氣背漏有沒(méi)有?

2.空間對(duì)比

如果畫(huà)面中有強(qiáng)烈的空間對(duì)比也會(huì)顯得很大氣,比如說(shuō)畫(huà)面中的元素形成非常強(qiáng)的透視關(guān)系時(shí),整個(gè)版面就會(huì)有一種縱深感,仿佛畫(huà)面中的元素從視線的遠(yuǎn)端奔向我們的眼睛,這也是為什么發(fā)散式的構(gòu)圖會(huì)顯得比較大氣的原因。

四、用仰視的角度

從攝影作品中我們可以發(fā)現(xiàn),采用平拍或者俯拍的角度拍出來(lái)的照片很難大氣起來(lái),而如果采用仰拍的角度,拍出來(lái)的照片則會(huì)大氣很多,這是因?yàn)檠雠臅?huì)把照片中的主體顯得很高大,而我們自己很渺小。例如以下兩張攝影作品,同是以埃菲爾鐵塔為拍攝對(duì)象,但右圖比左圖要大氣很多。

在設(shè)計(jì)中也是同樣的道理,比如廣告設(shè)計(jì)中常常用到立體字,仰視的效果會(huì)比俯視的效果更有氣勢(shì)。

▲俯視

▲仰視

五、采用逆光效果

這也是從攝影中發(fā)現(xiàn)的一個(gè)技巧,在同等條件下,逆光拍攝的效果要比順光和側(cè)光拍攝的效果更大氣,原因是因?yàn)槟婀馀臄z有強(qiáng)烈的明暗對(duì)比,而且更能襯托出光的效果。

汽車(chē)廣告就非常喜歡用逆光的效果,再加上仰視的拍攝角度,看起來(lái)會(huì)非常大氣。不過(guò)為了使主角更清晰,我們通常需要給它的逆光面進(jìn)行補(bǔ)光。

結(jié)語(yǔ)

最后總結(jié)一下,想做大氣的設(shè)計(jì),我們可以從以下五個(gè)方面入手:1.構(gòu)圖要飽滿(mǎn)有張力;2.主題要大、要用大場(chǎng)景的圖片;3.使用強(qiáng)烈的大小對(duì)比和空間對(duì)比;4.用仰視的角度;5.采用逆光拍攝效果。你都領(lǐng)悟了嗎?

藍(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ì) 

追波粉絲7萬(wàn)的設(shè)計(jì)師Steve Wolf 是如何做Logo的?

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

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

是什么讓你選擇進(jìn)入設(shè)計(jì)行業(yè)?能否講講你的成長(zhǎng)經(jīng)歷?

Steve Wolf:

很幸運(yùn),在我的成長(zhǎng)過(guò)程中,我的家庭非常支持我。我記得在5歲的時(shí)候就開(kāi)始跟著父親一起畫(huà)畫(huà),有時(shí)候我會(huì)讓他給我畫(huà)一些東西,然后我就跑開(kāi)了,自己去畫(huà)它。我的父母都是音樂(lè)老師,所以音樂(lè)在我成長(zhǎng)中對(duì)我的影響也很大。

△ AFE

大約在高中快結(jié)束的時(shí)候,我就決定做一名工業(yè)設(shè)計(jì)師。我自己設(shè)計(jì)汽車(chē),于是我就在內(nèi)布拉斯加大學(xué)卡尼爾分校學(xué)習(xí)藝術(shù)、CAD和素描課程。大二的時(shí)候,一個(gè)平面設(shè)計(jì)教授邀請(qǐng)我參加一個(gè)平面設(shè)計(jì)的資訊會(huì)議,當(dāng)時(shí)我對(duì)平面設(shè)計(jì)還不太了解,參加這個(gè)會(huì)議改變了我的人生軌跡,這之后,我的職業(yè)愿望從一個(gè)工業(yè)設(shè)計(jì)師改為平面設(shè)計(jì)師。

△ Bloody Mary Morning Poster

2011年,大學(xué)畢業(yè)沒(méi)多久,我搬到了達(dá)拉斯,在一家 Panini America 的體育球星卡公司擔(dān)任設(shè)計(jì)師,開(kāi)始了我的第一份工作,在這里,我為NFL,NBA,NHL和MLB設(shè)計(jì)了球星卡,并成為藝術(shù)總監(jiān)。四年后,我想要做一些改變,所以和妻子搬到德克薩斯州的奧斯汀,在那里我在GSD&M(GSD&M是美國(guó)德克薩斯的一家廣告公司,成立于1971年,客戶(hù)包括美國(guó)空軍、西南航空、凱撒賭場(chǎng)及酒店集團(tuán)等)廣告公司擔(dān)任高級(jí)設(shè)計(jì)師??爝M(jìn)到今天,我和我的妻子目前經(jīng)營(yíng)自己的設(shè)計(jì)工作室 Steve Wolf Designs。

△ working

在成長(zhǎng)中,增加了設(shè)計(jì)經(jīng)驗(yàn),同時(shí)我也犯了很多錯(cuò)誤。但作為設(shè)計(jì)師,重要的就是不斷的嘗試新的風(fēng)格,看看什么最適合你。直到今天,我依舊在努力提高自己的技術(shù),并在我的工作中嘗試新的風(fēng)格,只有這樣,我才能夠一直保持進(jìn)步。

優(yōu)設(shè):

以一個(gè)案例為例,能為我們講解一下設(shè)計(jì)過(guò)程么?

Steve Wolf:

Blueprint 是有史以來(lái)第一個(gè)全球性的學(xué)生運(yùn)動(dòng)員發(fā)展數(shù)字平臺(tái)/社區(qū),集數(shù)字媒體、學(xué)習(xí)、資源、工具和指導(dǎo)的獨(dú)特融合!他們的使命是關(guān)注學(xué)生運(yùn)動(dòng)員的整體發(fā)展與健康。

△ BluePrint

在與客戶(hù)進(jìn)行溝通時(shí),首先要確保了解他們是誰(shuí),以及他們想要什么樣的效果。在這個(gè)階段中,應(yīng)該從客戶(hù)那里獲得盡可能多的信息。我看到簡(jiǎn)報(bào)中的主要訊息是:這個(gè)品牌的核心價(jià)值觀是社區(qū)化、指導(dǎo)性、自我發(fā)現(xiàn)與靈感。該品牌的視覺(jué)設(shè)計(jì)是為了吸引各年齡段的學(xué)生運(yùn)動(dòng)員,包括年輕和年長(zhǎng)的。我擁有的信息越多,我就越有能力確保達(dá)到他們的期望并提供更有意義的工作。

△ BluePrint

△ BluePrint

△ BluePrint

在與客戶(hù)進(jìn)行初步對(duì)話之后,我開(kāi)始了情緒板階段:收集設(shè)計(jì),顏色,類(lèi)型和攝影樣本,以創(chuàng)建可以進(jìn)行設(shè)計(jì)的可能方向。我向客戶(hù)提出了1-3個(gè)方向,這有助于我們所有人都能在風(fēng)格上找到相同的頁(yè)面。一旦客戶(hù)批準(zhǔn)了情緒板,我就開(kāi)始研究階段。

△ BluePrint

在研究階段,我查找競(jìng)爭(zhēng)對(duì)手的標(biāo)識(shí)/品牌,以確保我知道目前使用的是什么。我總是想努力創(chuàng)造出一些在競(jìng)爭(zhēng)中能夠脫穎而出的東西。我也研究別的設(shè)計(jì)實(shí)例,以幫助我獲得靈感。在研究階段,查看設(shè)計(jì)書(shū)籍、博客和 Pinterest 等內(nèi)容可以起到作用。

△ BluePrint

研究完成后,我就會(huì)開(kāi)始設(shè)計(jì)。根據(jù)項(xiàng)目和工作范圍,我通常會(huì)向客戶(hù)提供1-3種選擇。我們項(xiàng)目的大多數(shù)初始「草圖」通常直接在 Illustrator 中完成。初步設(shè)計(jì)探索完成后,我開(kāi)始完善最終選項(xiàng)以呈現(xiàn)給客戶(hù)。并確保我不會(huì)進(jìn)行無(wú)休止的修改。

△ BluePrint

一旦客戶(hù)確定了一個(gè)方向或者方案,我就開(kāi)始改進(jìn),并準(zhǔn)備最終設(shè)計(jì)方案。這個(gè)項(xiàng)目經(jīng)過(guò)了幾次修改,但最終的結(jié)果是讓客戶(hù)滿(mǎn)意,這是每個(gè)人都為之自豪的事情。

△ BluePrint

△ BluePrint

對(duì)比鮮明的色彩的搭配受到了體育產(chǎn)業(yè)的啟發(fā),并且對(duì)希望加入這個(gè)社區(qū)的學(xué)生產(chǎn)生吸引力。 字母「B」的造型作為了 Logo 的標(biāo)識(shí),可以在整個(gè)品牌中使用全彩色或黑白色。

優(yōu)設(shè):

在你的設(shè)計(jì)中,客戶(hù)的想法起到什么作用?

Steve Wolf:

它在整個(gè)過(guò)程中占比較大的部分,當(dāng)然也會(huì)影響最終的結(jié)果。每一天的結(jié)束,設(shè)計(jì)師的工作都應(yīng)該是把客戶(hù)的想法變成現(xiàn)實(shí)。

△ Degrees Of Perfect

在Steve Wolf Designs,我們將重點(diǎn)放在與客戶(hù)直接合作以獲得最佳結(jié)果。通過(guò)與客戶(hù)的對(duì)話,收集有關(guān)他們的想法的更多信息并提供新的觀點(diǎn),可以將他們的想法提升到一個(gè)新的水平,并使他們更強(qiáng)大。

優(yōu)設(shè):

您在設(shè)計(jì)過(guò)程中軟件操作與草圖部分是怎么操作的?

Steve Wolf:

我在整個(gè)作品中使用 Adobe Illustrator 最多。我發(fā)現(xiàn)它是我工作中最強(qiáng)大的工具,我喜歡用它工作。我也經(jīng)常使用 Indesign 和 Photoshop。

△ Herb Lester

我不會(huì)直接在紙上涂鴉,而是直接打開(kāi) Ai 來(lái)繪制草稿,當(dāng)然他們達(dá)到的目的是一樣的,一旦確定一些好的選項(xiàng),我就會(huì)將這些選項(xiàng)進(jìn)行細(xì)化,然后實(shí)現(xiàn)它們。

優(yōu)設(shè):

在進(jìn)行不同語(yǔ)種的 logo設(shè)計(jì),會(huì)有什么不同么?

Steve Wolf:

如果是其它語(yǔ)種,那肯定是一項(xiàng)挑戰(zhàn),但它不應(yīng)該成為設(shè)計(jì)的障礙。我的母語(yǔ)是英語(yǔ),所以如果我的任務(wù)是設(shè)計(jì)一些使用中文字符的東西,首先我需要確切的圖像來(lái)表示字符需要的樣子,保持可讀性,這樣我才能設(shè)計(jì)出適當(dāng)?shù)?logo。

△ Otto Cafe

這一切都是為了清楚地傳達(dá)一些東西,所以找一些能講或者讀這種語(yǔ)言的人幫忙是很有好處的。

優(yōu)設(shè):

您的設(shè)計(jì)靈感一般來(lái)源于什么?

Steve Wolf:

我受到平面設(shè)計(jì)行業(yè)以外的一些啟發(fā),比如烹飪、旅行和美術(shù)。我喜歡看烹飪節(jié)目和欣賞美食,這本身就是一種藝術(shù)形式。廚師準(zhǔn)備食物和掌握工藝的方式能夠激發(fā)我,并應(yīng)用在平面設(shè)計(jì)中。

△ CAFE BAR

每當(dāng)我到不同的城市或國(guó)家旅行時(shí),我總會(huì)感到神清氣爽并且有動(dòng)力去創(chuàng)造一些東西。沉浸在不同的文化中,看到我從未見(jiàn)過(guò)的建筑和自然之類(lèi)的東西,總能激發(fā)我內(nèi)心的新想法。

△ Nature Preservation Series

最后,美術(shù),特別是繪畫(huà),一直在激勵(lì)著我。我在大學(xué)期間實(shí)際上專(zhuān)注于繪畫(huà),所以它在我的創(chuàng)作中占有特殊的位置。在繪畫(huà)中創(chuàng)造的形式和顏色總是激發(fā)我嘗試新的東西。

優(yōu)設(shè):

你覺(jué)得優(yōu)秀的 Logo 應(yīng)該是什么樣的?

Steve Wolf:

好的 Logo 應(yīng)該起到這樣的作用,它應(yīng)易于閱讀并傳達(dá)客戶(hù)提供的行業(yè)或服務(wù),它也應(yīng)該是令人難忘和獨(dú)特的,以便它能夠脫穎而出,當(dāng)然確保 Logo 適合其預(yù)期用途也很重要。

△ Austin

我嘗試將所有這些內(nèi)容融入到我自己的工作中,并且在創(chuàng)作過(guò)程中,我會(huì)時(shí)不時(shí)的進(jìn)行判斷和考量。

優(yōu)設(shè):

您的典型一天是怎樣的?

Steve Wolf:

我的一天從咖啡開(kāi)始。這成為了我們每天上班的動(dòng)力源泉。查看并回復(fù)電子郵件后,我開(kāi)始處理工作項(xiàng)目。我的工作時(shí)間每天都有所不同,這取決于我的工作量或我需要在一天中完成的任務(wù)。有時(shí)候我工作得很晚,有時(shí)候我可能只需要工作幾個(gè)小時(shí)。只要我完成工作,我就會(huì)保持靈活性。

△ working for BigCommerce

我和我的妻子離開(kāi)我們的家一起去工作,真的很有趣!

優(yōu)設(shè):

有什么建議可以給正在學(xué)習(xí)的設(shè)計(jì)師,您有推薦的書(shū)或網(wǎng)站么?

Steve Wolf:

我最喜歡的一些關(guān)于設(shè)計(jì)的書(shū)籍是 Alina Wheeler的《全品牌識(shí)別設(shè)計(jì)》(Designing Brand Identity),Robert Bringhurst的《印刷風(fēng)格元素》(The Elements of Typographic Style),Josef Albers的《色彩互動(dòng)》(Interaction of color)和Josef Müller-Brockmann的《平面設(shè)計(jì)中的網(wǎng)格系統(tǒng)》( Grid Systems in Graphic Design)。

△ Pattern

這些都是剛開(kāi)始學(xué)習(xí)設(shè)計(jì)時(shí)值得閱讀的好書(shū)。 Skillshare 對(duì)于有興趣了解更多設(shè)計(jì)的設(shè)計(jì)師來(lái)說(shuō)也是一個(gè)很好的工具。他們提供在線網(wǎng)絡(luò)視頻,其中包括教授各種知識(shí)和技巧的設(shè)計(jì)師。專(zhuān)注于學(xué)習(xí)設(shè)計(jì)過(guò)程的視頻會(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ù)。

100部好電影,100組字體設(shè)計(jì)

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

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


PS: 這些網(wǎng)頁(yè)設(shè)計(jì)作品截圖均來(lái)自@dailywebdesign的ins列表,所有作品并非在Dribbble獲取,所以沒(méi)有對(duì)應(yīng)的作品集頁(yè)面鏈接。

設(shè)計(jì)師們,來(lái)一起欣賞的網(wǎng)頁(yè)界面,從中獲得新的設(shè)計(jì)靈感吧!

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@nomsedit

看了上面這張圖,我想到一個(gè)同學(xué)的問(wèn)題:

我可能缺乏創(chuàng)意,發(fā)現(xiàn)你發(fā)布的每個(gè)設(shè)計(jì)看起來(lái)都差不多。 例如作品中的大型字體,是用什么字體?如何讓物體與字體穿插進(jìn)去?

小編建議你不要過(guò)于在乎這些,這些都是軟件使用操作,隨著你工作時(shí)間長(zhǎng),慢慢就會(huì)懂了,當(dāng)然也可以看看一些 PS 相關(guān)教程啦,作為初入門(mén)的設(shè)計(jì)師,建議你看作品的表現(xiàn)手法、配色,版式等等,并增加自己的審美能力。

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@outcrowdstudio

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@rathniley

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Robert Berki

這個(gè)跑車(chē)網(wǎng)頁(yè)設(shè)計(jì)作品,布局排版都十分簡(jiǎn)約,僅僅采用很簡(jiǎn)單的宮格設(shè)計(jì),但通過(guò)配色、字體層級(jí)、留白,便得整體感覺(jué)卻非常好,所以不一定要做很復(fù)雜的效果,學(xué)好排版技巧也能做出不錯(cuò)的案例!

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Nick Taylor

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@vivekgetinstagram

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Kate Laguta

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@l_svl

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@gilhuybrecht

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Samuel Scalzo

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@rathniley

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@rob_robertson_design

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@arendstom

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Hippie Mao

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@christvizcarra (PS:這張圖處理很贊?。?

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@rrahian

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@dennis.design

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@brkrobert

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@artlemonstudio

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@vladimirbiondic

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: @bobchadesign

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Nick Herasimenka

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: @bobchadesign

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Jabel Ahmed

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@dawidmlynarz (像這種簡(jiǎn)約版式,再配合 CSS 動(dòng)畫(huà),效果就更不錯(cuò)了)

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Ali Sayed (小編提醒你,這種網(wǎng)頁(yè),看似簡(jiǎn)單,但內(nèi)容質(zhì)量非常重要,不要亂試?。?

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@aleksandrkotelevets (黑白配色)

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@im_abhishekp

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@im_abhishekp

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Samuel Scalzo (手機(jī)網(wǎng)頁(yè))

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Alexander Laguta

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@im_abhishekp

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Sarath

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@outcrowdstudio

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@realvjy

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@konstantinzhuck (星巴克專(zhuān)題頁(yè)面設(shè)計(jì))

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Mike | Creative Minds (美食網(wǎng)站設(shè)計(jì))

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@rathniley

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@im_abhishekp

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@im_abhishekp

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@outcrowdstudio

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Cosmin Capitanu

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@zainjin

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Dragon Lee

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Rafal Staromlynski

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@trionndesign

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: @trionndesign

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@hrvoja

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: @netflayo

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: @trionndesign

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Dimest

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by:@rtralrayhan

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Rob Robertson

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: @sogaso

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Nick Taylor

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Nick Taylor

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Nick Taylor

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Nick Taylor

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: @luovastudio7

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Ben Johnson

網(wǎng)頁(yè)界面設(shè)計(jì)

Design by: Nick Taylor

若是網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)很多年,但還是沒(méi)什么進(jìn)步的你,這樣的話你要注意了,除了自己工作,小編建議你看一些書(shū)籍,設(shè)計(jì)導(dǎo)航推薦的100本設(shè)計(jì)書(shū)籍,里面有技能書(shū),有理論書(shū),都需要看一下。

今天的網(wǎng)頁(yè)界面已分享完畢,你喜歡這些作品嗎?歡迎在下文評(píng)論處留下你的建議。


 


藍(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ó)版海報(bào),設(shè)計(jì)師黃海12年作品全回顧!

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

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

今年是宮崎駿電影《龍貓》上映的30周年,吉卜力工作室已經(jīng)將電影原版膠片轉(zhuǎn)換成了高清數(shù)碼,進(jìn)行了修復(fù)與重制,并將于12月14日在內(nèi)地上映。

近日,龍貓中國(guó)版終極海報(bào)公布,由我們熟悉的著名設(shè)計(jì)師黃海設(shè)計(jì):

小梅與小月在看似是稻田實(shí)則是龍貓毛茸茸的肚子上玩耍。

設(shè)計(jì)師黃海大家想必已經(jīng)不再陌生,被稱(chēng)為「天才設(shè)計(jì)師」的他設(shè)計(jì)了包括《一代宗師》、《黃金時(shí)代》、《大魚(yú)海棠》、《我不是藥神》、《小偷家族》、《影》、《邪不壓正》等電影海報(bào),收獲了外界的一致好評(píng)。

一、初出茅廬

黃海出身「廣告界的黃埔軍?!箠W美,在這里他遇見(jiàn)了他的恩師——臺(tái)灣著名的文案大師劉繼武先生。

在奧美的經(jīng)歷為他打開(kāi)了創(chuàng)意的大門(mén),之后他加入了一家本土廣告公司擔(dān)任美術(shù)總監(jiān),2007年,一次偶然的機(jī)會(huì)接到姜文的電影《太陽(yáng)照常升起》的海報(bào)設(shè)計(jì)任務(wù)。這是他第一次設(shè)計(jì)海報(bào),卻在戛納電影節(jié)上一亮相就艷驚四座,從此聲名鵲起。

△ 2007年《太陽(yáng)照常升起》

在此之后,黃海受到大量知名導(dǎo)演青睞,包括陳凱歌、姜文、馮小剛、馮德倫、徐克、王家衛(wèi)、陳可辛等,在此期間也設(shè)計(jì)了相當(dāng)一部分的早期優(yōu)秀電影海報(bào),例如《讓子彈飛》、《唐山大地震》、《太極》、《一代宗師》等等。

他的設(shè)計(jì)逐漸成熟,風(fēng)格也十分多變,唯一不變的是讓人驚嘆的創(chuàng)意和構(gòu)圖。

△ 2008年《梅蘭芳》

△ 2009年《花木蘭》

△ 2009年《白銀帝國(guó)》

△ 2010年《讓子彈飛》

△ 2012年《白鹿原》

△ 2012年《太極》

△ 2013年《一代宗師》

△ 2013年《中國(guó)合伙人》

二、走進(jìn)大眾視野

時(shí)間來(lái)到2014年,一組《黃金時(shí)代》的電影海報(bào),黃海從設(shè)計(jì)界走到了一般群眾的視野中。

這組極具東方色彩和現(xiàn)代美學(xué)的海報(bào)在微博、微信上被瘋狂轉(zhuǎn)發(fā),似乎就是以這為契機(jī),所有人記住了這位天才設(shè)計(jì)大師的名字——黃海。

海報(bào)根據(jù)在不同上映國(guó)家的特點(diǎn),制作的張張樣式都不一樣:

△ 中國(guó)大陸

△ 美國(guó)

△ 日本

△ 臺(tái)灣

△ 韓國(guó)

△ 香港

相比于《黃金時(shí)代》,同為2014年的作品,《匆匆那年》和《黃飛鴻之英雄有夢(mèng)》似乎就并不出名。

三、優(yōu)秀作品井噴

2015年,有了之前《黃金時(shí)代》的出色表現(xiàn),黃海更加引人矚目,從這一年開(kāi)始,他的優(yōu)秀作品呈井噴式地出現(xiàn)在大眾視野中。

△ 2015年《尋龍?jiān)E》

△ 2015年《山河故人》

△ 2015年《道士下山》

△ 2015年《念念》

△ 2015年《捉妖記》

2016年,國(guó)產(chǎn)電影《大魚(yú)海棠》崛起,而黃海和插畫(huà)師@sheep卍 共同合作為其設(shè)計(jì)的海報(bào)再次驚艷四座。

跌落水中的椿,和大魚(yú)的一眼凝望,開(kāi)啟了這場(chǎng)奇幻的故事。2016年7月8日,赴你十二年之約。

△ 定檔海報(bào)

當(dāng)海洋與火焰相融,7月8日,我們終將重聚。

△ 終極海報(bào)

同年,中國(guó)中央電視臺(tái)出品的一部三集文物修復(fù)類(lèi)紀(jì)錄片《我在故宮修文物》上映。

海報(bào)分別以6件國(guó)寶級(jí)珍貴文物為背景,分別是:元代「剔紅水仙花紋圖盤(pán)」、明代「邊景昭 竹鶴圖軸」、清代「黑色綢繡菊花雙蝶圖竹柄團(tuán)扇」、清晚期「掐絲琺瑯萬(wàn)壽無(wú)疆中碗」、明代「自在觀音像」、宋代「汝窯天青釉弦紋三足樽」。

當(dāng)然這一年還有喜劇之王周星馳的大爆電影《美人魚(yú)》:

黃海更是在這一年操刀第53屆金馬獎(jiǎng)海報(bào),他以楊德昌《牯嶺街少年殺人事件》為靈感,設(shè)計(jì)出男主角拿手電筒探照暗處的身影,除了向經(jīng)典致敬,也帶出「回看來(lái)時(shí),照亮前行」的期許。

△ 2016年 第53屆金馬獎(jiǎng)

四、作品賞析

時(shí)間推進(jìn)到2018年,今年黃海更是收割了整年大半的優(yōu)秀電影。而他的驚艷的設(shè)計(jì)風(fēng)格也逐漸變得讓大眾看到海報(bào)的同時(shí)就能反應(yīng)過(guò)來(lái)「這是黃海老師設(shè)計(jì)的吧」。

△ 2018年《我不是藥神》

△ 2018年《江湖兒女》

△ 2018年《少年的你》

△ 2018年《犬之島》

△ 2018年《小偷家族》

有人說(shuō),黃海把中國(guó)電影海報(bào)設(shè)計(jì)拉至了國(guó)際水平,他將藝術(shù)、靈魂和故事完美地結(jié)合在一起,他的魅力在于很多人僅僅因?yàn)樗O(shè)計(jì)的海報(bào)而去看相關(guān)的電影。

如今黃海設(shè)計(jì)的電影海報(bào)作品越來(lái)越多,我們不妨開(kāi)始期待,他的下一份作品會(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ì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

 

網(wǎng)頁(yè)設(shè)計(jì) & 靈感 ? 當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

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

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


在設(shè)計(jì)領(lǐng)域,設(shè)計(jì)風(fēng)格總是多變的,也有很多隨著流行趨勢(shì)而不斷變化,但是存在著N多的爭(zhēng)議。

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

對(duì)于扁平化和擬物化,說(shuō)白了,只是風(fēng)格的不同,最終的設(shè)計(jì)目的是一樣的,但是,卻還是會(huì)有很多的朋友會(huì)糾結(jié)于是扁平還是擬物化設(shè)計(jì),爭(zhēng)論是扁平好還是擬物好,怎么說(shuō)呢,各有各的優(yōu)點(diǎn),各有各的不足,這是今天,我們要帶大家看的!

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

Michael Fugoso,一位來(lái)自圣地亞哥,加利福尼亞的插畫(huà)家和設(shè)計(jì)師,帥小伙!

他說(shuō),關(guān)于他自己,就各像其他人一樣,他喜歡旅行,他喜歡吃比薩和海鮮,他非常的重視家庭,家庭總是以他的第一位!他也喜歡分享,因?yàn)榉窒頃?huì)讓別人的生活更容易,幫助別人成功,他覺(jué)得,這有助于他成為一個(gè)好的設(shè)計(jì)師。同時(shí),他也喜歡自私地做自己想做的事情,因?yàn)樗X(jué)得,這有助于他成為一個(gè)好的藝術(shù)家。

今天,帶大家看一組他的作品,在他的這些作品中,很好的反映了扁平與擬物的關(guān)系,扁平的背景,搭配上擬物的元素,其視覺(jué)效果非常棒,沖擊力十足,震撼性十足!

扁平與擬物,數(shù)不清的恩怨情仇!道不盡的愛(ài)恨糾纏!

這是一張扁平化的插畫(huà)!

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)它變成擬物后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

你覺(jué)得哪個(gè)的視覺(jué)沖擊力更強(qiáng)一些?

我們接著看!

這是一張扁平化作品!

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

他開(kāi)始在矢量程序上呈現(xiàn)

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

開(kāi)始色彩的調(diào)整與細(xì)節(jié)的完善

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

最終的效果呈現(xiàn)

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

這是一臺(tái)扁平化的車(chē)

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

添加裝飾元素

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

調(diào)整顏色后,得到一個(gè)扁平化的結(jié)果

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

把車(chē)元素單獨(dú)提取出來(lái)

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

在矢量程序上呈現(xiàn)

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

上色,添加細(xì)節(jié)

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

對(duì)細(xì)節(jié)的刻畫(huà)簡(jiǎn)直不能再棒

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

調(diào)整色調(diào)

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

最終的對(duì)比

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

再往下看,你可能會(huì)被美哭

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

扁平與擬物的碰撞

不一樣的花火

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

這些火箭,看得人熱血澎湃阿

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

當(dāng)扁平化UI轉(zhuǎn)擬物化設(shè)計(jì)后

看了感覺(jué)效果如何


 


藍(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è)人資料

存檔