優(yōu)化課超清版下載地址:http://pan.baidu.com/s/1qW5i7QO
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
其實(shí)荷蘭,不止有風(fēng)車(chē)與郁金香。有句話叫:神造了世界,而荷蘭人用設(shè)計(jì)造了荷蘭。到底怎么回事呢,今天一起來(lái)探討吧。
相比英國(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)代變得特別功能主義及理性主義。
荷蘭位于西歐,東接德國(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è)第一:
這樣可能有點(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ì)范本。
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ù)。
今天分享來(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)用這些配色讓作品更有意義呢?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ì)
如果您想訂閱本博客內(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á)信息的多種方法。
在中國(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>
為了更快地解析周?chē)氖澜纾竽X會(huì)投機(jī)取巧地偷懶。大腦每秒要接收約4000萬(wàn)次的感官信息輸入,并試圖完全解析出它們的意義,所以它會(huì)根據(jù)以往的經(jīng)驗(yàn),猜測(cè)我們看見(jiàn)了什么。
經(jīng)典再現(xiàn),看左邊的圖,第一眼能看到一個(gè)黑邊三角形,上面疊了一個(gè)白色倒三角,右邊的圖,你能明顯感知到一個(gè)矩形。
卡尼薩三角
這是1955年,由意大利心理學(xué)家發(fā)現(xiàn),并以她名字命名的“卡尼薩三角”。這個(gè)視錯(cuò)覺(jué)表明我們的大腦把實(shí)際上不存在的三角形輪廓線畫(huà)了出來(lái)。
我們把根本不存在的輪廓線稱(chēng)為主觀輪廓。
對(duì)于識(shí)別具體物體來(lái)說(shuō),中央視覺(jué)是最重要的;
對(duì)于認(rèn)知整體場(chǎng)景而言,周邊視覺(jué)更為關(guān)鍵 ;
通過(guò)電腦屏幕觀看網(wǎng)頁(yè),你并不用刻意瀏覽,而是整體掃過(guò)就能判斷整個(gè)頁(yè)面的內(nèi)容。所以大多數(shù)人都低估了周邊視覺(jué)對(duì)于我們理解事物的重要性,人對(duì)場(chǎng)景的認(rèn)知似乎都來(lái)自周邊視覺(jué)。
發(fā)現(xiàn)規(guī)律有助于快速處理時(shí)刻接收的感官信息。
看上面的圖,你會(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)中又是如何一番情景,看下圖:
輪廓
之所以將第一個(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)是這些嗎?
繼續(xù)分析,如下圖:
圖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)有違和感的。再比較下圖:
筆者隨機(jī)處理的一個(gè)形狀,有沒(méi)有發(fā)覺(jué),在沒(méi)有一個(gè)有序優(yōu)美的輪廓之下,縱然你把內(nèi)部的修飾刻畫(huà)的再如何精彩,這個(gè)畫(huà)面依然是索然無(wú)味,毫無(wú)生氣的。
設(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)你的形狀。
留白
第二個(gè)心理學(xué)觀點(diǎn)與留白相關(guān),是因?yàn)檎w認(rèn)知與周邊視覺(jué)關(guān)聯(lián)極大,看下圖:
好了,大家能夠認(rèn)知到什么程度,這是什么?怕是大家怎么猜都不會(huì)確定這個(gè)是什么。
當(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)更有呼吸。
看上圖,蘋(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à)面,安靜的美少女。
看上述網(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),展示信息,完美的指揮家。
再看這組作品,理解這組留白相對(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)成,積極的組織者。
留白,是形式的延展...空間,引導(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ì)的造型方法上不斷追求與探索。
看上圖,這是一張展覽海報(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ù)看下圖,
首先,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ì)是怎樣的呢?
再看上圖,大家可以自行按照上述的方式去分析一下。下圖海報(bào)可能更復(fù)雜些,但是其中的規(guī)律也是可以尋找的,畫(huà)面通過(guò)兩組不同斜面創(chuàng)造大的規(guī)律動(dòng)勢(shì)(右圖黑紅示意),同時(shí)巧妙的利用交叉后形成的三角形,形成點(diǎn)的元素,作為人物畫(huà)像的載體之用,因而三角形是從整體上而來(lái),有序而有組織,相互有關(guān)系,不會(huì)顯得亂。
更令人驚奇的是,當(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)。
合理使用點(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ì)的核心!
看一下這些電影場(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ù)。
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
文章目錄談這個(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)容存在,但我們這里基本不談及。
生平不識(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):
第二部分聊到威廉莫里斯自從跟簡(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)端。
整個(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ù)。
如果您想訂閱本博客內(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è)方面入手:
導(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ì)比也是使設(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é)一下,想做大氣的設(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ì)
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
雖然說(shuō)留白不是萬(wàn)能的,但輕度留白卻可以有效解決平面設(shè)計(jì)中的實(shí)際問(wèn)題,掌握輕度留白的理論,可以大大提高自己的工作效率與過(guò)稿率,本篇文章帶你詳細(xì)了解平面設(shè)計(jì)中的留白。
優(yōu)化課超清版下載地址:http://pan.baidu.com/s/1qW5i7QO
藍(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ì)
如果您想訂閱本博客內(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ù)。
如果您想訂閱本博客內(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ì)靈感吧!
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)手法、配色,版式等等,并增加自己的審美能力。
Design by:@outcrowdstudio
Design by:@rathniley
Design by: Robert Berki
這個(gè)跑車(chē)網(wǎng)頁(yè)設(shè)計(jì)作品,布局排版都十分簡(jiǎn)約,僅僅采用很簡(jiǎn)單的宮格設(shè)計(jì),但通過(guò)配色、字體層級(jí)、留白,便得整體感覺(jué)卻非常好,所以不一定要做很復(fù)雜的效果,學(xué)好排版技巧也能做出不錯(cuò)的案例!
Design by: Nick Taylor
Design by:@vivekgetinstagram
Design by: Kate Laguta
Design by:@l_svl
Design by:@gilhuybrecht
Design by: Samuel Scalzo
Design by:@rathniley
Design by:@rob_robertson_design
Design by:@arendstom
Design by: Hippie Mao
Design by:@christvizcarra (PS:這張圖處理很贊?。?
Design by:@rrahian
Design by:@dennis.design
Design by:@brkrobert
Design by:@artlemonstudio
Design by:@vladimirbiondic
Design by: @bobchadesign
Design by: Nick Herasimenka
Design by: @bobchadesign
Design by: Jabel Ahmed
Design by:@dawidmlynarz (像這種簡(jiǎn)約版式,再配合 CSS 動(dòng)畫(huà),效果就更不錯(cuò)了)
Design by: Ali Sayed (小編提醒你,這種網(wǎng)頁(yè),看似簡(jiǎn)單,但內(nèi)容質(zhì)量非常重要,不要亂試?。?
Design by:@aleksandrkotelevets (黑白配色)
Design by:@im_abhishekp
Design by:@im_abhishekp
Design by: Samuel Scalzo (手機(jī)網(wǎng)頁(yè))
Design by: Alexander Laguta
Design by:@im_abhishekp
Design by: Sarath
Design by:@outcrowdstudio
Design by:@realvjy
Design by:@konstantinzhuck (星巴克專(zhuān)題頁(yè)面設(shè)計(jì))
Design by: Mike | Creative Minds (美食網(wǎng)站設(shè)計(jì))
Design by:@rathniley
Design by:@im_abhishekp
Design by:@im_abhishekp
Design by:@outcrowdstudio
Design by: Cosmin Capitanu
Design by:@zainjin
Design by: Dragon Lee
Design by: Rafal Staromlynski
Design by:@trionndesign
Design by: @trionndesign
Design by:@hrvoja
Design by: @netflayo
Design by: @trionndesign
Design by: Dimest
Design by:@rtralrayhan
Design by: Rob Robertson
Design by: @sogaso
Design by: Nick Taylor
Design by: Nick Taylor
Design by: Nick Taylor
Design by: Nick Taylor
Design by: @luovastudio7
Design by: Ben Johnson
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ì)
如果您想訂閱本博客內(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ó)合伙人》
時(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)》似乎就并不出名。
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ù)。
如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
在設(shè)計(jì)領(lǐng)域,設(shè)計(jì)風(fēng)格總是多變的,也有很多隨著流行趨勢(shì)而不斷變化,但是存在著N多的爭(zhēng)議。
對(duì)于扁平化和擬物化,說(shuō)白了,只是風(fēng)格的不同,最終的設(shè)計(jì)目的是一樣的,但是,卻還是會(huì)有很多的朋友會(huì)糾結(jié)于是扁平還是擬物化設(shè)計(jì),爭(zhēng)論是扁平好還是擬物好,怎么說(shuō)呢,各有各的優(yōu)點(diǎn),各有各的不足,這是今天,我們要帶大家看的!
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)它變成擬物后
你覺(jué)得哪個(gè)的視覺(jué)沖擊力更強(qiáng)一些?
我們接著看!
這是一張扁平化作品!
他開(kāi)始在矢量程序上呈現(xiàn)
開(kāi)始色彩的調(diào)整與細(xì)節(jié)的完善
最終的效果呈現(xiàn)
這是一臺(tái)扁平化的車(chē)
添加裝飾元素
調(diào)整顏色后,得到一個(gè)扁平化的結(jié)果
把車(chē)元素單獨(dú)提取出來(lái)
在矢量程序上呈現(xiàn)
上色,添加細(xì)節(jié)
對(duì)細(xì)節(jié)的刻畫(huà)簡(jiǎn)直不能再棒
調(diào)整色調(diào)
最終的對(duì)比
再往下看,你可能會(huì)被美哭
扁平與擬物的碰撞
不一樣的花火
這些火箭,看得人熱血澎湃阿
看了感覺(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ì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn