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

寫在前面

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

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

目錄

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

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

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

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

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

6、堅持，要打的是一場持久戰(zhàn)；

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

8、分享，利人利己。

正文

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

1.1、臨摹的階段：照鏡子

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

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

個人經(jīng)驗分享：

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

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

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

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

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

階段的目的：

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

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

c. 磨煉性子，讓自己靜下來。

1.2、臨摹的第二階段：依葫蘆畫瓢

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

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

第二階段的目的：

a. 鍛煉自己對原作的深度理解；

b. 通過一個配色衍生出系列配色；

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

2、借鑒，如何正確的拿捏這個度

2.1、借鑒的誤區(qū)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如果你做APP設(shè)計，你所關(guān)注的不僅限于UI界面，可以是一張海報、一個LOGO、一個動效、一個插畫等等，一切的設(shè)計作品都將會給你的設(shè)計帶來靈感。我們在觀看設(shè)計作品的時候不要過于局限，要更加廣泛的吸收不同的設(shè)計表現(xiàn)形式。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4.2、主動的尋找設(shè)計機會

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

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

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

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

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

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

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

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

6、堅持，要打的是一場持久戰(zhàn)

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

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

7.1、項目總結(jié)

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

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

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

8、分享，利人利己

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

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

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

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

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

廣告

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