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