其實這個答復(fù)應(yīng)該會很長,完全不是靠一篇文幾分鐘就能講清楚。況且每個人的方法其實要按照個人的性格來長成,就像每一片樹葉都不一樣。所以,我只能按自己目前有限的能力,提供了我自己這方面的解答。也許不能作為一塊敲門磚,但能希望多少提供參考價值給大家。
我還同時錄制了視頻,其實內(nèi)容和文章大體一致(我是先錄音,再根據(jù)錄音來整理文章)。主要也是想多一個溝通渠道,豐富一點(diǎn)內(nèi)容。
另外也要感謝提問的小伙伴,因為你們的問題,才有了我對這些問題的思考。
了解你的定位:行業(yè)概況平面設(shè)計這個行業(yè)可以分為非常多的小的門類:廣告設(shè)計、海報設(shè)計、LOGO設(shè)計、名片設(shè)計、UI設(shè)計……,比如有專門是印刷類的設(shè)計,也就是很多針對企業(yè)來做的企業(yè)形象的設(shè)計、宣傳單張的設(shè)計、名片的設(shè)計等等。其中有的可以繼續(xù)再往下細(xì)分或者有的又一人身兼數(shù)職的情況都有,我們就不再一一陳述,在這里我們重點(diǎn)要談?wù)摰氖荱I設(shè)計。(其他的平面設(shè)計領(lǐng)域其實也可以參考,因為針對的基礎(chǔ)都是相通的。)
UI設(shè)計又可以往下細(xì)分,比如有的是專門設(shè)計APP界面的,一般是作為UI設(shè)計師加入到互聯(lián)網(wǎng)產(chǎn)品開發(fā)團(tuán)隊當(dāng)中。還有一個類別是網(wǎng)頁設(shè)計,網(wǎng)頁設(shè)計根據(jù)所要設(shè)計內(nèi)容的不同,其實工作的性質(zhì)也有些區(qū)別。例如在有大型的門戶類或者商城類的網(wǎng)站的公司工作,那么你的工作內(nèi)容可能更多是針對網(wǎng)站的頁面的升級、優(yōu)化。(現(xiàn)實中還有很多不同的情況,我沒有了解過每一種情況,這里分享的只是我所知道)
還有一類情況就是在建站的公司工作,建站的公司里給不同的客戶設(shè)計企業(yè)/商城網(wǎng)頁的界面??梢哉fUI設(shè)計這一類的職業(yè)覆蓋面還是挺大,我個人做了很多年的網(wǎng)頁設(shè)計,但是我也承接過APP界面的設(shè)計,甚至也做過印刷方面的設(shè)計,其實并沒有那么嚴(yán)格的界限。網(wǎng)頁設(shè)計有時也會遇到移動端界面的設(shè)計,和APP的界面幾乎沒有大的差別。
整個平面設(shè)計跨領(lǐng)域的難度比較低,因此需要了解自己的定位,一個清晰的定位可以幫助你知道自己的規(guī)劃和方向。
兩個度:廣度和深度除了明確你的定位,接下來就要開始根據(jù)這個方向來規(guī)劃你的發(fā)展路線。也有高上大的說法就叫做“藍(lán)圖”。但是其實我想說,都是一點(diǎn)一滴,一分一秒開始做起,所以不需要高瞻遠(yuǎn)矚。
我想建議大家的就是,不要去追逐“潮流”,而要問自己的內(nèi)心,跟隨自己真正的喜好和擅長的方面。“你只能做自己才能做到第一,做任何其他人最多都只能做第二”。只要跟隨自己的選擇,即使遇到瓶頸期,也不用太糾結(jié),因為你知道一切都是時間問題。
一、廣度:你的平臺大小設(shè)計師,或者說也是任何一個普通人,都會在人生的任何需要做選擇事情上面臨廣度和深度的問題。比如你去菜市場買菜,你要買的是番茄,那么你首先會去看遍整個菜市場,你才知道哪些攤位正在賣番茄,這也就是所謂的廣度;接下來你要挑選番茄,你就在某一個攤位停下來進(jìn)行篩選,這就是所謂的深度。
所以在平面設(shè)計這一行里,你也需要對平面設(shè)計的任何一個行業(yè)都要有所了解。不要局限在自己目前的工作范圍當(dāng)中。廣度也是你給自己的平臺大小,就像如果你只了自己一塊2個平方的地,和別人1000平方的地相比,肯定是不一樣的起點(diǎn)。
無論你是否是科班出身,短短幾年的時間想要涉獵所有的廣度并且進(jìn)入職業(yè)的深度,顯然是不夠的。因此,很多設(shè)計師都希望能有所拓展、給自己繼續(xù)充電。
二、網(wǎng)頁設(shè)計師的廣度雖然我也曾經(jīng)做過別的種類的設(shè)計,但是網(wǎng)頁設(shè)計是我主要的工作領(lǐng)域,比較多實戰(zhàn)的經(jīng)驗可以分享給大家。因此這里我就只分享我的經(jīng)驗,但是其他的設(shè)計師也可以以此作為參考,聽了解析,你一定可以知道你的方向在哪里。
網(wǎng)頁設(shè)計師也是根據(jù)互聯(lián)網(wǎng)技術(shù)發(fā)展以后才有的職業(yè)門類。那么具體在做網(wǎng)頁設(shè)計的時候,會涉及到哪些類別的設(shè)計內(nèi)容呢?
1)排版/版式設(shè)計
在網(wǎng)頁設(shè)計中,最關(guān)鍵的就是排版的設(shè)計,對網(wǎng)頁的各種元素進(jìn)行排版,對每個元素,比如導(dǎo)航、按鈕、LOGO、標(biāo)語、文字段落……在版面上進(jìn)行組合。
2)Banner設(shè)計
Banner的設(shè)計從另一個角度來看就是海報設(shè)計(也和廣告設(shè)計相關(guān)),在很多的網(wǎng)頁設(shè)計案例當(dāng)中,Banner的存在就是發(fā)揮廣告的作用。Banner如何設(shè)計大部分取決于頁面中其他的元素,而這也是和普通的廣告設(shè)計略微不同的一點(diǎn)。所以海報設(shè)計的掌握,是做好Banner設(shè)計的前提。
網(wǎng)頁設(shè)計就是從印刷類設(shè)計的移植,基本上差別并不大,本質(zhì)是一致的。
3)圖標(biāo)設(shè)計
圖標(biāo)的設(shè)計和標(biāo)識設(shè)計有一種姻親關(guān)系,它們之間有異曲同工的關(guān)系。圖標(biāo)的設(shè)計相比而言會更簡單,標(biāo)識的設(shè)計會更強(qiáng)調(diào)獨(dú)特性,而圖標(biāo)更多在于一種表達(dá)性。
目前網(wǎng)頁設(shè)計中流行的圖標(biāo)風(fēng)格就是線性類的圖標(biāo),這種圖標(biāo)的樣式比較簡潔。很多初學(xué)者一開始認(rèn)為不需要學(xué)習(xí)畫圖標(biāo),是因為目前網(wǎng)上已經(jīng)有很多圖標(biāo)的素材可以下載直接使用。但是實際的情況就是,在同一個網(wǎng)頁中,圖標(biāo)大都需要來自同一種風(fēng)格,而同一種風(fēng)格的圖標(biāo)不一定都能適應(yīng)你的需求。所以這就需要你能自行設(shè)計圖標(biāo)。
4)標(biāo)識設(shè)計
標(biāo)識的設(shè)計和圖標(biāo)設(shè)計有點(diǎn)類似,為什么標(biāo)識設(shè)計也會被納入到網(wǎng)頁設(shè)計的范疇里?這里有一種情況,就是在設(shè)計新的網(wǎng)站頁面時,以前的LOGO是不適應(yīng)目前的界面風(fēng)格的。這時候就需要網(wǎng)頁設(shè)計師幫他設(shè)計一個LOGO,這也是我自己在實際經(jīng)驗種遇到的情況。
5)字體設(shè)計
字體設(shè)計和標(biāo)識設(shè)計的關(guān)系最緊密,涉及到一種情況就是,很多公司是會選擇用中文作為LOGO的標(biāo)識。這時候就會涉及到字體的設(shè)計。當(dāng)然,你不能直接拿現(xiàn)存的字體來用,而需要對現(xiàn)有的字形作一定的改變,來匹配整個網(wǎng)頁設(shè)計中的元素風(fēng)格。
6)配圖設(shè)計——攝影后期處理
網(wǎng)頁設(shè)計中的配圖大致可以分為兩種,一種是采用攝影作品作為素材的配圖,大家也許會看到,大部分的網(wǎng)頁配圖都是利用攝影的素材作為配圖。如果這時你是幫客戶做網(wǎng)頁設(shè)計,對方提供的圖片并不是每一張都很理想,那如何才能達(dá)到滿意的理想效果?
或者你受雇于某個大型的互聯(lián)網(wǎng)公司,配圖的設(shè)計應(yīng)該是一個主要的工作。大的網(wǎng)站在運(yùn)營期間需要不斷的更新配圖。這時如果運(yùn)用攝影的作品作為素材,你不應(yīng)該只是單純拿攝影作品來用,而應(yīng)該學(xué)會對素材進(jìn)行“二次加工”,因為網(wǎng)頁設(shè)計中會涉及到風(fēng)格統(tǒng)一性。
這時的后期處理和普通的攝影后期還有一點(diǎn)不同,除了要對素材進(jìn)行調(diào)色、剪裁……還需要做一些改變。這些改變需要發(fā)揮你的想象力和創(chuàng)造力,根據(jù)整個的版式風(fēng)格來讓整體看起來獨(dú)特新穎。
很多初學(xué)者也有一個錯覺,認(rèn)為配圖并非網(wǎng)頁設(shè)計師的專職工作。所以在設(shè)計網(wǎng)頁的時候,由于是動態(tài)的網(wǎng)頁,在配圖的位置上就隨便放上一張圖片作為“占位符”來使用,因為最后交給客戶的網(wǎng)站,客戶仍然是會換掉設(shè)計中的配圖。這就好像很多售樓處會有樣板間,樣板間經(jīng)過了裝修,在裝修風(fēng)格上也下了一番功夫。這個樣板間實際是沒有人住,但是這樣才會告訴買房的顧客具體的裝修風(fēng)格上的方向和具體的房間使用體驗。
這也是我們需要在設(shè)計網(wǎng)頁時,告訴客戶哪個位置放什么圖,圖片以什么樣的方式去展示效果最好。
7)配圖設(shè)計——插畫設(shè)計
配圖還有另一種方向就是插畫設(shè)計,很多初學(xué)者也許會覺得不算作自己的職責(zé)范圍。其實現(xiàn)實的情況并不是這樣的。我自己的官網(wǎng)(ifeiwu.com)的設(shè)計,就是利用插畫配圖在首頁的一個案例。
插畫能彌補(bǔ)攝影題材不足的問題,另外還有其他的優(yōu)勢。我今年有在規(guī)劃寫這方面的書,以后會慢慢和大家分享這方面的知識。
8)前端代碼的交接
和印刷類的設(shè)計需要懂得印刷知識一樣,網(wǎng)頁設(shè)計也需要懂得網(wǎng)頁開發(fā)的知識。有些網(wǎng)頁設(shè)計師師懂得如何寫前端代碼的,這是部分偏技術(shù)類的設(shè)計師,當(dāng)然也是相對來說更加全面的。而如果是偏向視覺的設(shè)計師,也需要補(bǔ)充前端代碼的相關(guān)知識,更好的與前端開發(fā)人員進(jìn)行交流。
三、網(wǎng)頁設(shè)計師的深度深度就是在廣度的基礎(chǔ)上,在某一特定的領(lǐng)域進(jìn)行扎根。
比如有的設(shè)計師擅長做排版,還有的非常適合設(shè)計Banner,你要學(xué)會發(fā)現(xiàn)自己的特長,根據(jù)自己的興趣決定你發(fā)展的深度。這也是需要你在所有的廣度上的技能和知識都達(dá)到一定深度以后,你才能完全確定的問題。
我們的學(xué)習(xí)過程就是一個不斷探索的過程,從一個疑問走向另一個疑問,讓這些疑問來把你帶到一定的深度。
后記:下一次我們會繼續(xù)聊到三個界的問題以及如何學(xué)習(xí)充電的內(nèi)容