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