2019-2-27 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
發(fā)好看的國外設(shè)計(jì)作品，總有人會評論你換成漢字試試。不過確實(shí)有很多人存在疑問：看國外的作品真的有用嗎？今天這篇超全面的教程，教你一個正確觀看優(yōu)秀作品的姿勢，保證能讓你換一雙看作品的眼睛。之前聽一位同學(xué)在公司看國外作品學(xué)習(xí)的時候，公司的一個老員工發(fā)現(xiàn)了，就過來語重心長地和他說，你看這些東西沒用的，學(xué)不到東西，就是在浪費(fèi)時間等等，類似這樣的話說了一堆。聽到這個話題的時候就特別的親切，因?yàn)樵陂_始接觸設(shè)計(jì)的時候，和那位老員工的想法一樣。但是隨著對設(shè)計(jì)的理解越來越深，接觸的項(xiàng)目多了以后，這種想法慢慢就淡化了。
其實(shí)新人對研究國外作品這件事存在誤區(qū)是很正常的，畢竟應(yīng)用的文字不一樣，內(nèi)容多數(shù)我們也看不懂，把時間花在這上面給人的第一感覺確實(shí)有點(diǎn)不合適，哪有直接去看國內(nèi)的作品來得過癮。我們暫時拋開作品的數(shù)量與質(zhì)量不談，來聊聊這個話題。
我們平時在工作中完成的作品，里面基本都會包含文字、圖片或圖形、色彩這幾種基本元素，不管你做的是海報(bào)、logo還是畫冊都離不開它們，比如純文字類型的海報(bào)、公告、條幅。
純圖片形式的燈箱、畫冊、展板、品大片。
純圖形的UI圖標(biāo)、布展裝飾、logo徽章。
包括純顏色的手機(jī)屏保、背景墻之類的設(shè)計(jì)，這些基本的設(shè)計(jì)元素，會在設(shè)計(jì)作品中單獨(dú)出現(xiàn)。
而更多的設(shè)計(jì)作品都是這幾種元素同時出現(xiàn)的結(jié)果，這些海報(bào)中，文字、圖片、圖形、色彩這幾種元素都占全了。注意，這些海報(bào)用的都是中文，屬于國內(nèi)的海報(bào)對吧？也能夠在這上面學(xué)到一些東西，那我們換幾張國外的作品看看，有什么不一樣的地方。
日本的、歐洲的等等都是優(yōu)質(zhì)的設(shè)計(jì)作品，我們可以來分析一下這些作品，風(fēng)格、技法、表現(xiàn)形式暫時可以拋開。
構(gòu)成他們的元素和國產(chǎn)海報(bào)有什么區(qū)別？都存在文字、圖片、圖形包括色彩，唯一的區(qū)別就是上面說的，不同的國家，使用的文字會不太一樣。那么這種文字上的差異真的會影響到我們對這個作品的研究、欣賞嗎？
答案很明顯，不會的。了解一些構(gòu)成知識的同學(xué)都知道，構(gòu)成版面的基本元素就是點(diǎn)、線、面，而文字、圖片、圖形包括色彩，他們在版面中整體來看，本質(zhì)上就是點(diǎn)線面的具象表現(xiàn)。那我們在欣賞這些作品的時候，完全可以把文字看成是點(diǎn)線面的存在，這樣的話也就沒有必要糾結(jié)他用的是哪個國家的文字了。
像這張國外的海報(bào)，我們把這里存在的視覺元素標(biāo)注出來，他們本質(zhì)上就是這些東西。
國內(nèi)的也一樣，如果你看到的是這些東西，還需要糾結(jié)這是哪個國家的作品嗎？
版面中的所有視覺元素，都可以看成是點(diǎn)線面的存在。
來做一組實(shí)驗(yàn)，這張英文海報(bào)，我們把這里面的英文，替換成漢字。前后對比一下，海報(bào)的整體感覺，基本沒有出現(xiàn)什么變化。
再換一組，感覺基本一致。
再來一組，這回我們把英文替換成日文。類似這個版面構(gòu)成的形式，我們把文字替換成英文、漢字，變化也不會很多，依然很美觀。我們研究、學(xué)習(xí)、欣賞優(yōu)秀作品的時候，一定不能受到類似「看國外的設(shè)計(jì)沒用」這類思維的束縛，不然的話你會錯過很多的。
不光從構(gòu)成的角度看這個問題是這樣，其實(shí)從設(shè)計(jì)發(fā)展的角度來看，也能得出同樣的結(jié)論。因?yàn)楝F(xiàn)代設(shè)計(jì)教育的起源來自德國的包豪斯，后來包豪斯的理念傳到了美國，又通過美國傳遍了整個世界。包括我們現(xiàn)在學(xué)習(xí)的平面設(shè)計(jì)體系，都是一脈相承的。從這個起源的角度來看，也不存在國內(nèi)、國外那么大的差別。都是一個門派的，只要做的好，那看誰的都一樣。說了這么多，應(yīng)該能看出來，我們是鼓勵大家去多看優(yōu)秀作品的。那么堅(jiān)持做這件事，又能得到什么呢？下面就來說一下，為什么要養(yǎng)成欣賞優(yōu)秀作品的習(xí)慣？
先來看看這個習(xí)慣能給我們帶來的好處有哪些。
1. 提升審美
長時間欣賞優(yōu)秀的作品，會對我們個人的審美能力有質(zhì)的提升，幫助我們開闊眼界。眼高手低雖然是個貶義詞，不過這對于正在成長的我們來說是好事，最起碼能讓自己對自己的能力有一個比較清晰的認(rèn)知，知道自己做的不夠好，這樣會有動力不斷的鞭策自己學(xué)習(xí)新的東西，把專業(yè)做到更好。
2. 培養(yǎng)興趣
如果我們對這個行業(yè)沒興趣的話，就算你再有設(shè)計(jì)天賦，也很難做好的。堅(jiān)持看優(yōu)秀的作品給我們提供持續(xù)的刺激，說不定哪幅作品就非常合你的胃口，勾起你的興趣，讓你花時間去研究。
3. 利用碎片化的時間學(xué)習(xí)
平時都很忙很累，再懶一點(diǎn)，就沒什么完整的時間學(xué)習(xí)。這個時候如果能把碎片化的時間利用上，我們坐地鐵、坐公交、午休、睡覺前，包括上廁所的時候都是可以通過欣賞這些優(yōu)秀的作品提升自己的，這也是一個提升學(xué)習(xí)效率的習(xí)慣。
4. 為設(shè)計(jì)提供靈感和參照
這也是最重要的一點(diǎn)，不知道你有沒有一接到項(xiàng)目，大腦就一片空白的感覺，是因?yàn)槟愀苫罡傻奶俚脑騿?？不一定，有不少人每天不停的干活還這樣。其實(shí)出現(xiàn)這種狀況的主要原因就是看東西看的太少。很多好的形式我們見都沒有見過，怎么可能有印象，沒印象就更不可能把他們應(yīng)用到我們平時的工作中了。
所以說，我們想有好的想法、無盡的靈感，必須通過看優(yōu)秀作品這個成本低、見效快的方式來提升了，并且通過我們持續(xù)不斷的積累，得到的東西會越來越多，這是一種可以不斷提升自己的方式。
當(dāng)然了，欣賞優(yōu)秀作品也是有方法的，走馬觀花的看一大堆，最后能得到的可能只有審美的提升。就是感覺自己周圍的人做的東西都是垃圾，輪到自己做，發(fā)現(xiàn)自己也很垃圾。那為了避免這個悲劇發(fā)生在你的身上，下面分享一些欣賞優(yōu)秀作品的正確方法。
我們欣賞作品的場景主要有兩種，第一種是有目的、有針對性的去看；第二種是沒有針對性的看。這兩種場景要看的東西差不多，細(xì)節(jié)上會有一些差異，我們先來了解一下有針對性的。一般來說，有目的有針對性指的是我們接到了具體的項(xiàng)目，但是這個項(xiàng)目以前沒有接觸過，需要了解一下別人都是怎么做的，然后帶著問題去尋找答案。
先從項(xiàng)目要求入手，就是看看你做的內(nèi)容是關(guān)于什么的，比如你要做日本壽司海報(bào)，就去搜集這方面的作品。有些同學(xué)在搜索的時候很實(shí)在，要做關(guān)于壽司的海報(bào)就專門去找日本壽司的作品，這種方式的缺陷特別明顯，如果你要做的這個項(xiàng)目品類能找到的優(yōu)秀作品很多還好，不過多數(shù)情況下，優(yōu)秀作品是不那么好找的。這個時候把思路打開，選擇的余地就會大很多。
比如把日本壽司海報(bào)這個關(guān)鍵詞縮減成日本料理海報(bào)，優(yōu)秀作品的數(shù)量會成倍的增加。
或者你要做的是海報(bào)，那我們搜索的時候除了海報(bào)，還可以找日式的包裝、畫冊。
網(wǎng)站、插畫等等作品，都會給我們帶來很多的思路。
數(shù)量的問題，這也是我們推薦看國外優(yōu)秀作品的一個原因，光去找中文的作品，在一個小品類里，很難找到足夠多的優(yōu)秀作品，一般的東西又沒有什么學(xué)習(xí)的價值，這時候加入國外的東西會讓我們的選擇余地更大、思路更廣。我們在搜集作品的同時，連帶關(guān)于項(xiàng)目的一些圖片、文字材料都可以一起搜索，這樣能幫助我們更深的理解這個項(xiàng)目，學(xué)到更多的知識。
其實(shí)學(xué)習(xí)這個行為不是非得上學(xué)、看書才能學(xué)，我們設(shè)計(jì)師在接觸各種項(xiàng)目的時候，通過與客戶溝通和查閱項(xiàng)目相關(guān)資料的過程也是在學(xué)習(xí)，而且我覺得這種學(xué)習(xí)方式比我們單純的去上學(xué)讀書更深刻、實(shí)用。學(xué)到的東西也是在工作中甚至生活中用得上。
在找到這些優(yōu)秀作品以后，就可以嘗試去尋找這些作品共同的規(guī)律。
比如文字，如果文字屬于同一種題材的設(shè)計(jì)，就算是不同國家的作品，我們也會在里面找到一些共同的特征。比如這些關(guān)于食品的字體，都會表現(xiàn)出屬于食物的那份圓潤的特征，這就是一種規(guī)律。這些規(guī)律性的東西總結(jié)出來，就可以嘗試應(yīng)用到自己的作品中。這個是學(xué)習(xí)大的規(guī)律，在這個大規(guī)律的基礎(chǔ)上，再去關(guān)注這里面的一些小的細(xì)節(jié)。想做好東西，稍小的細(xì)節(jié)也很重要。
再比如文字組的形式。文字的主要作用是傳遞信息，那么如何、美觀的把文字表現(xiàn)出來就要靠文字組了。一款作品做的是否優(yōu)秀，通過觀察文字組的處理是否細(xì)致，很容易看出來。信息的層級關(guān)系需要文字組來表現(xiàn)，主標(biāo)題、副標(biāo)題、段落文字、時間、裝飾性的文字等等，這些文字可不是隨便扔到版面中就行了，它們都是通過設(shè)計(jì)師的處理，以文字組合的形式分布在版面的各個位置。
這里面每一個文字組合都是一個小的個體，比如很常見的日期的處理方式就有很多，像這張海報(bào)里日期文字組合的處理方式。
我們看到了覺得這個形式不錯，就可以記下來。那這些處理方式我們見過了，遇到合適的項(xiàng)目，換一個字體，或者調(diào)整一下數(shù)字，就能應(yīng)用到自己的項(xiàng)目中了，這些組合形式，你沒看見、沒有印象，自己拍腦袋是很難想出來的。
包括這種產(chǎn)品或圖形的表現(xiàn)排列形式，在做畫冊、雜志、頭圖、詳情頁、海報(bào)、展板的時候經(jīng)常會碰到。
自己排不好的話，就可以借鑒這些作品的形式和規(guī)律，再上手就輕松多了。如果你想做的是logo設(shè)計(jì)，也可以去觀察優(yōu)秀作品的細(xì)節(jié)，比如字體與圖形的比例、文字與圖形的間距是多少、文字與文字的間距如何控制，包括別人的創(chuàng)意點(diǎn)在哪，這些東西都是可以在別人的作品中學(xué)到的。
△ 《高手的平面課堂！解鎖LOGO設(shè)計(jì)新技巧》
就像異形同構(gòu)這篇文章，你看到了這類作品，就能回憶起這款 logo 使用的是異形同構(gòu)中的邊線同構(gòu)這個方式設(shè)計(jì)的，這種方式有哪些特點(diǎn)？如何能設(shè)計(jì)出類似的作品？教程里都講過了，這樣又把之前學(xué)到東西鞏固了一遍。
△ 《平面設(shè)計(jì)中，如何通過“抄襲”優(yōu)秀的作品成為高手？》
包括你看過的作品，他們的網(wǎng)格是怎么劃分的。使用的是什么樣的字體、構(gòu)圖如何都可以作為我們思考學(xué)習(xí)的方向，關(guān)于這幾點(diǎn)的詳細(xì)內(nèi)容，在之前的文章里很細(xì)致的講過，沒看過的同學(xué)可以去看看。
如果是沒有針對性的看作品，和上面的思考路徑是一致的，只不過是利用碎片化的時間來學(xué)習(xí)而已，更靈活一些，可以快速瀏覽，也可以觀察細(xì)節(jié)。如果你有收藏整理這些材料的習(xí)慣會更好，拿出來就能用，收集整理的越多、越細(xì)致，以后工作起來越輕松。
所謂的創(chuàng)意就是我們把不同的元素重新發(fā)散、打散、重組呈現(xiàn)的過程。能夠保證有想法、思路的前提就是見識，要見過很多好東西，有了很深的印象以后才能憑借這些印象，學(xué)到的東西設(shè)計(jì)成新的、屬于你自己的作品。下面給大家演示一遍，我們看多了優(yōu)秀作品以后，再去做設(shè)計(jì)的時候會發(fā)生什么變化。
比如我們要用這些材料來設(shè)計(jì)一款網(wǎng)頁頭圖。
看到這些材料，可能會想到以前在哪見過，類似這種左右放置的圖配文形式。
產(chǎn)品價格的處理方式見過這樣的。
文字的形式全部使用黑體和無襯線字體，很多作品都是這樣處理的，放在一起很和諧。
還見過所有的文字組，都以左對齊的形式進(jìn)行排列的作品。
只要有印象，我們在設(shè)計(jì)的過程中就會下意識的往這些方向上靠，設(shè)計(jì)出的作品也會接近前面的那些規(guī)則。
在這些規(guī)則影響的基礎(chǔ)上，如果我們還見過襯線體搭配無襯線體的作品，圖疊字的形式，也能做出接近的風(fēng)格作品。
同樣內(nèi)容，不同的表現(xiàn)形式。你看過的優(yōu)秀作品越多，選擇的空間就越大。
我們再來看這個案例，一張藝術(shù)展的海報(bào)。
整體的骨架是這樣的，這種骨架布局的方式來自于左邊這個案例，類似的形式有很多。
主體文字組合的結(jié)構(gòu)是因?yàn)橐娺^類似的組合方式，在文字量近似的情況下，我們的文字組合也可以設(shè)計(jì)成類似的形式。
如果說我們設(shè)計(jì)的這個文字組合之間，距離稍遠(yuǎn)，也有很多的作品會使用線的分割來解決這個問題。
包括其他文字組合的布局方式，也是參照這種軸線式的排列方法。文字使用的是宋體搭配西文襯線體的方式，中文的宋體和西文的襯線體具有類似的筆畫特征，基礎(chǔ)文字的統(tǒng)一性能夠得到保障。
將和主題相關(guān)的照片填充到劃分好的網(wǎng)格中，這里面使用的照片是同一張照片的不同局部，這種對照片重復(fù)的處理方式也很常見，在給版面增加變化的同時，也會制造出一定的故事性，引發(fā)受眾的聯(lián)想。
一張海報(bào)從無到有的創(chuàng)作過程。
想設(shè)計(jì)出不錯的作品，沒有大量的積累，對優(yōu)秀的作品沒有印象是肯定行不通的。
怎么樣，是不是覺得多看看優(yōu)秀的作品還是有用的？不管是國外的、國內(nèi)的都一樣能學(xué)到很多。類似我是做電商的，看印刷品的設(shè)計(jì)沒用；我是做包裝的，看版式的作品沒用；我專門做商業(yè)項(xiàng)目的，看藝術(shù)類的項(xiàng)目沒用；我們公司是做金融產(chǎn)品的，那看其他行業(yè)的東西都沒用。遇到這種言論，我們可以冷靜的思考一下，是真的沒用，還是這個人，他不會用。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com