網(wǎng)站設(shè)計(jì)師應(yīng)該如何提升自己的設(shè)計(jì)能力

寫(xiě)在前面

經(jīng)常遇到很多伙伴咨詢(xún)?nèi)绾稳ヌ嵘龑?zhuān)業(yè)、練習(xí)應(yīng)該怎么去做、靈感從哪里來(lái)等等問(wèn)題。結(jié)合這些問(wèn)題總結(jié)和梳理了一下自己的點(diǎn)滴經(jīng)驗(yàn)，希望能幫助到大家，與之共勉。

本文的目的是給剛?cè)胄械男氯朔窒韨€(gè)人的一些經(jīng)驗(yàn)，如果是已入行多年的老司機(jī)文章會(huì)顯得很基礎(chǔ)^_^

目錄

1、臨摹，成長(zhǎng)的必經(jīng)之路；

2、借鑒，如何正確的拿捏這個(gè)度；

3、原創(chuàng)，雖難，卻有跡可循；

4、心態(tài)，如何面對(duì)工作中的項(xiàng)目；

5、習(xí)慣，讓你無(wú)所不能；

6、堅(jiān)持，要打的是一場(chǎng)持久戰(zhàn)；

7、總結(jié)，你交付的不僅僅是PSD；

8、分享，利人利己。

正文

1、臨摹，成長(zhǎng)的必經(jīng)之路

1.1、臨摹的階段：照鏡子

作為剛?cè)胄械男氯?，臨摹是你成長(zhǎng)的必經(jīng)之路。不要覺(jué)得這是一個(gè)沒(méi)有含量的事情，總想著要原創(chuàng)，做出來(lái)的設(shè)計(jì)卻總是自毀信心。放棄那些空想，回歸原始，開(kāi)始度過(guò)階段的臨摹。

階段我們要做的就是臨摹的作品，只有一個(gè)原則就是：照鏡子，里外都是一個(gè)模子，畫(huà)的越像證明自己越能抓住原作者的特征。

個(gè)人經(jīng)驗(yàn)分享：

a. 先看整體布局，尋找出整體布局的層級(jí)關(guān)系；

b. 正確的理解原作想要傳達(dá)的重要信息，抓住原作的特征；

c. 通過(guò)測(cè)量原作的每個(gè)元素的大小比例找到元素組合的關(guān)系；

d. 吸取原作的色彩組合，分析這些配色在色環(huán)上的位置關(guān)系；

e. 如果是擬物圖標(biāo)注意把控光影之間的變化。

階段的目的：

a. 熟練軟件操作，熟能生巧；

b. 對(duì)作品的分析理解能力，學(xué)會(huì)抓住原作的特征；

c. 磨煉性子，讓自己靜下來(lái)。

1.2、臨摹的第二階段：依葫蘆畫(huà)瓢

通過(guò)大量的臨摹我們度過(guò)了軟件操作這一基本要求，大部分的效果都可以找到實(shí)現(xiàn)的方法，也能很快抓住原作的特征，自己也能靜下來(lái)做耗時(shí)更長(zhǎng)的練習(xí)啦！

那么，我們開(kāi)始第二階段吧！這個(gè)階段我們依然屬于臨摹，還不算原創(chuàng)，我把這個(gè)階段稱(chēng)之為“依葫蘆畫(huà)瓢”，就是我們根據(jù)原作的表現(xiàn)形式、創(chuàng)意和特征更換新的思路。如：相同的配色不同的元素、相同的元素不同的配色、相同的布局不同的設(shè)計(jì)風(fēng)格等等。在臨摹中慢慢的加入一些自己的思考，更加靈活的掌握原作的表現(xiàn)技巧，最終的整體效果要達(dá)到原作的表現(xiàn)程度。

第二階段的目的：

a. 鍛煉自己對(duì)原作的深度理解；

b. 通過(guò)一個(gè)配色衍生出系列配色；

c. 運(yùn)用相同的框架布局表現(xiàn)不同的風(fēng)格。

2、借鑒，如何正確的拿捏這個(gè)度

2.1、借鑒的誤區(qū)

借鑒并非臨摹，很多剛?cè)胄械男氯丝偸前盐詹蛔〗梃b的程度，把帶有原作明顯特征的作品當(dāng)作自己的原創(chuàng)發(fā)帖，引來(lái)很多老司機(jī)的吐槽。借此總結(jié)給剛?cè)胄械男氯苏f(shuō)明一下這個(gè)誤區(qū)，借鑒一定要注意這個(gè)度，不然就變抄襲了。

2.2、避開(kāi)借鑒的雷區(qū)

雖然我們提倡原創(chuàng)，但是作為入行不久的新人，完全原創(chuàng)是非常吃力的，有時(shí)候拿到一個(gè)項(xiàng)目，如果一味追求完全的原創(chuàng)可能會(huì)無(wú)從下手，影響項(xiàng)目的進(jìn)度。適當(dāng)?shù)慕梃b的作品，可以快速找到靈感，順利的完成項(xiàng)目。

這里需要注意借鑒是有度的，不要把原作的特征性元素拿來(lái)當(dāng)自己的創(chuàng)意，這樣就屬于抄襲啦。

還有更多這樣的案例就不一一列舉，關(guān)于如何合理的避開(kāi)借鑒雷區(qū)，以下是個(gè)人的一點(diǎn)總結(jié)：

a. 不要借鑒原作特征性的元素或者創(chuàng)意；

b. 借鑒范圍不要太大，一半以上都是借鑒需要謹(jǐn)慎；

c. 可以借鑒原作在處理此類(lèi)題材的表現(xiàn)形式或者設(shè)計(jì)風(fēng)格；

d. 更加多樣化的借鑒不同作品，將其融合在自己的設(shè)計(jì)中；

e. 要有自己的職業(yè)素養(yǎng)，保持對(duì)原作者的敬意。

3、原創(chuàng)，雖難，卻有跡可循

3.1、原創(chuàng)，來(lái)源于生活

很多的點(diǎn)子都是生活中的某種經(jīng)歷，細(xì)心的體會(huì)生活中的點(diǎn)點(diǎn)滴滴，記錄下你覺(jué)得有意義的東西，也許靈感就在里面。如同下面這組icon設(shè)計(jì)，就是對(duì)生活中真實(shí)的物件進(jìn)行概括而成。

3.2、從照片中發(fā)現(xiàn)靈感

欣賞的攝影作品，通過(guò)對(duì)構(gòu)圖、配色、光影的分析，可以從中提取很多點(diǎn)作為自己的靈感來(lái)源。

3.3、設(shè)計(jì)是相通的，善于利用一切設(shè)計(jì)形式尋找靈感

如果你做APP設(shè)計(jì)，你所關(guān)注的不僅限于UI界面，可以是一張海報(bào)、一個(gè)LOGO、一個(gè)動(dòng)效、一個(gè)插畫(huà)等等，一切的設(shè)計(jì)作品都將會(huì)給你的設(shè)計(jì)帶來(lái)靈感。我們?cè)谟^看設(shè)計(jì)作品的時(shí)候不要過(guò)于局限，要更加廣泛的吸收不同的設(shè)計(jì)表現(xiàn)形式。

素材來(lái)源于互聯(lián)網(wǎng)

根據(jù)動(dòng)效借鑒完成的概念練習(xí)作品

3.4、根據(jù)設(shè)計(jì)風(fēng)格尋找練習(xí)主題

也許我們?cè)谟^看作品的時(shí)候會(huì)被某一張?jiān)O(shè)計(jì)作品所打動(dòng)，可以是作品的板式布局、配色、創(chuàng)意等等。我們可以以這張打動(dòng)自己的設(shè)計(jì)作品入手，分析它的設(shè)計(jì)風(fēng)格，以此風(fēng)格進(jìn)行主題聯(lián)想，找到符合這個(gè)風(fēng)格的主題，然后進(jìn)行全套的設(shè)計(jì)練習(xí)。

3.5、根據(jù)主題尋找合適的設(shè)計(jì)表現(xiàn)形式

當(dāng)我們有明確的設(shè)計(jì)主題時(shí)，可以根據(jù)這個(gè)主題去尋找能相融合的設(shè)計(jì)表現(xiàn)形式。這個(gè)相對(duì)比較難以掌控，需要我們?cè)谄綍r(shí)觀看設(shè)計(jì)作品時(shí)，養(yǎng)成采集分類(lèi)的習(xí)慣，這樣遇到明確主題時(shí)才能更快的找到比較相符合的參考案例。

3.6、改版已有的產(chǎn)品

當(dāng)我們練習(xí)沒(méi)有靈感時(shí)，可以選擇一些已經(jīng)上線的產(chǎn)品進(jìn)行改版重設(shè)，可以借用現(xiàn)有的交互形式進(jìn)行優(yōu)化設(shè)計(jì)，也可以加入一些新功能，設(shè)計(jì)出全新的產(chǎn)品，也是一種尋找原創(chuàng)練習(xí)的途徑。

3.7、從競(jìng)品分析入手完成概念設(shè)計(jì)

當(dāng)我們要進(jìn)行一個(gè)概念設(shè)計(jì)練習(xí)的時(shí)候總是不知道如何開(kāi)始，或者做到一半感覺(jué)很多功能銜接不上等一系列的問(wèn)題。那是在開(kāi)始練習(xí)之前沒(méi)有做好前期準(zhǔn)備，雖然是概念設(shè)計(jì)，但是我們依然要從競(jìng)品分析入手，通過(guò)體驗(yàn)不同的產(chǎn)品發(fā)現(xiàn)他們存在的共性和差異化，梳理出自己概念設(shè)計(jì)的功能架構(gòu)圖和框架圖。通過(guò)完善的流程，為后續(xù)的設(shè)計(jì)奠定基礎(chǔ)。

從競(jìng)品分析入手完成的練習(xí)作品

3.8、養(yǎng)成大量采集素材的習(xí)慣

當(dāng)你開(kāi)始練習(xí)的時(shí)候一定要先采集大量的素材，不要急于開(kāi)啟設(shè)計(jì)軟件?？吹脡蚨?，腦海中才會(huì)有映像，在設(shè)計(jì)的時(shí)候才能快速的通過(guò)大腦查找出更好的表現(xiàn)形式。

4、心態(tài)，如何面對(duì)工作中的項(xiàng)目

4.1、小公司該有的心態(tài)

很多人都抱怨自己的公司太小，項(xiàng)目不成熟，老板對(duì)設(shè)計(jì)不重視，設(shè)計(jì)項(xiàng)目沒(méi)有價(jià)值等等。最終幾年工作下來(lái)沒(méi)有積攢出什么像樣的作品，也無(wú)法撬開(kāi)大公司的大門(mén)。當(dāng)我們身處這樣的環(huán)境時(shí)，我們更要以陽(yáng)光積極的心態(tài)面對(duì)每一個(gè)項(xiàng)目，把它們當(dāng)作自己的作品來(lái)做，這樣即使你們的項(xiàng)目沒(méi)有良好的市場(chǎng)規(guī)模，但是你的設(shè)計(jì)是可以放進(jìn)作品集的。如果對(duì)線上的設(shè)計(jì)不滿(mǎn)意，可以利用業(yè)余時(shí)間優(yōu)化你的設(shè)計(jì)，讓這個(gè)項(xiàng)目更有設(shè)計(jì)感。

4.2、主動(dòng)的尋找設(shè)計(jì)機(jī)會(huì)

有時(shí)候公司中的設(shè)計(jì)任務(wù)相對(duì)較少，我們要主動(dòng)的去尋找設(shè)計(jì)機(jī)會(huì)，可以是優(yōu)化以前的項(xiàng)目，也可以是改版已經(jīng)上線的產(chǎn)品，做出一些概念的嘗試，不僅可以豐富自己的作品集，還能幫助自己熟悉公司各個(gè)產(chǎn)品板塊的業(yè)務(wù)，為后續(xù)的項(xiàng)目設(shè)計(jì)提高效率。

4.3、不斷的總結(jié)與分享

要不斷的對(duì)工作中的項(xiàng)目設(shè)計(jì)進(jìn)行總結(jié)，梳理整個(gè)流程中的各個(gè)環(huán)節(jié)，形成文字版的項(xiàng)目心得，不僅可以不斷優(yōu)化你對(duì)設(shè)計(jì)的全局觀，還能提高自己的總結(jié)能力。也要經(jīng)常在團(tuán)隊(duì)里面分享自己的成長(zhǎng)與學(xué)習(xí)，幫助大家一起進(jìn)步，分享的同時(shí)也能對(duì)自己的知識(shí)體系進(jìn)行查漏補(bǔ)缺。

5、習(xí)慣，讓你無(wú)所不能

5.1、養(yǎng)成不斷采集分類(lèi)的習(xí)慣

看到的設(shè)計(jì)作品或者美文美圖，不只是看看而已，要進(jìn)行有效的采集與分類(lèi)，分類(lèi)越細(xì)越好，這樣才能快速的在以后的設(shè)計(jì)中得以運(yùn)用。

5.2、更加全面的分析自己采集的作品

只是采集作品到收藏夾是沒(méi)有很大作用的，我們要對(duì)的作品進(jìn)行細(xì)致的分析。對(duì)字體大小、留白比例、版面布局、配色等等進(jìn)行量化的分析。找到每個(gè)元素表現(xiàn)形式之間的關(guān)系，以后在面對(duì)自己的設(shè)計(jì)時(shí)，才能更好的將這些關(guān)系運(yùn)用到作品中，提高自己作品的質(zhì)量。

6、堅(jiān)持，要打的是一場(chǎng)持久戰(zhàn)

練習(xí)一個(gè)兩個(gè)，兩天都是非常容易的，堅(jiān)持一年兩年甚至更久就是一件不太容易的事情。如果想要不斷的進(jìn)步，就需要更多的堅(jiān)持。不僅要加強(qiáng)日常練習(xí)，還要經(jīng)常觀看一些理論書(shū)籍，全方面的提升自己的綜合能力。

7、總結(jié)，你交付的不僅僅是PSD

7.1、項(xiàng)目總結(jié)

這一點(diǎn)上面也提到過(guò)，我們通過(guò)對(duì)項(xiàng)目的總結(jié)可以不斷優(yōu)化對(duì)設(shè)計(jì)的全局觀，還能提高自己的總結(jié)能力。如果交付的永遠(yuǎn)就只是一個(gè)PSD文件，只能停留在視覺(jué)表現(xiàn)層，長(zhǎng)遠(yuǎn)發(fā)展是非常不利的。

7.2、經(jīng)驗(yàn)總結(jié)

不斷的總結(jié)自己的設(shè)計(jì)經(jīng)驗(yàn)，不但可以梳理自己的知識(shí)體系，還能對(duì)一些不太牢固的認(rèn)知進(jìn)行重新驗(yàn)證與強(qiáng)化。

8、分享，利人利己

設(shè)計(jì)是需要不斷分享交流的，不斷的分享自己的練習(xí)作品或者經(jīng)驗(yàn)總結(jié)，可以和更多的人交流想法，也可以得到別人的指點(diǎn)。長(zhǎng)此以往，你會(huì)發(fā)現(xiàn)自己收獲到的不僅是專(zhuān)業(yè)的提升，還有一種陽(yáng)光積極的心態(tài)，就會(huì)不斷驗(yàn)證那句話：“越努力，越幸運(yùn)”！

以上分享僅代表個(gè)人多年以來(lái)練習(xí)提高和工作方式的一些點(diǎn)滴經(jīng)驗(yàn)，不足之處望留言指正，期待大家一起進(jìn)步！

文章分享，轉(zhuǎn)自站酷：黑馬青年

網(wǎng)站題目：網(wǎng)站設(shè)計(jì)師應(yīng)該如何提升自己的設(shè)計(jì)能力
文章路徑：http://www.bm7419.com/news36/89586.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)