網(wǎng)頁設(shè)計(jì)既是一門獨(dú)立學(xué)科，也是一種藝術(shù)形式。網(wǎng)頁設(shè)計(jì)的工作至少一半是基于堅(jiān)實(shí)的代碼和設(shè)計(jì)知識，而另一半則是對于美感的認(rèn)知，什么好看，什么不好看。每一個(gè)網(wǎng)頁設(shè)計(jì)師都有著堅(jiān)實(shí)的基礎(chǔ)知識和他的核心競爭力，這些確保他能脫穎而出。

那么一個(gè)設(shè)計(jì)師的基礎(chǔ)應(yīng)該從哪里開始構(gòu)建呢？當(dāng)然，既然稱之為基礎(chǔ)，那么它必然不可能一蹴而就。經(jīng)驗(yàn)是沒有替代品的，所以系統(tǒng)的設(shè)計(jì)課程（無論是否正式教育）還是很有幫助的。另外很重要一點(diǎn)，是你需要不斷挑戰(zhàn)自己，逼迫自己走出舒適區(qū)的邊界，只有這樣才能擁有更強(qiáng)大的技能，成為更優(yōu)秀的自己。只有這樣才能留住客戶，也會讓更多客戶找上門。

如果成為優(yōu)秀的網(wǎng)頁設(shè)計(jì)師是你的目標(biāo)，那么下面所說的7大技能是你必須具備的，盡管它們都不涉及技術(shù)和復(fù)雜的計(jì)算機(jī)技巧。

1、熟悉設(shè)計(jì)的完整流程

請注意，我們強(qiáng)調(diào)要了解的是“完整”流程。怎么算是完整呢？網(wǎng)頁設(shè)計(jì)和平面設(shè)計(jì)有許多重疊的地方，以至于在許多學(xué)校教育中它們并沒有明確地區(qū)分開。這也是為何不少網(wǎng)頁設(shè)計(jì)師對于設(shè)計(jì)和設(shè)計(jì)流程有著頗為深入的了解。一般而言，他們的知識結(jié)構(gòu)應(yīng)該包括下面的內(nèi)容：

色彩

色彩是網(wǎng)頁設(shè)計(jì)的核心，因?yàn)樗强焖儆行?gòu)建主題和樣式的基礎(chǔ)。另外，色彩和心理學(xué)關(guān)系緊密，合理地運(yùn)用色彩可以提高用戶體驗(yàn)，讓訪客流連忘返。

軌跡

這里所說的軌跡是用戶瀏覽網(wǎng)頁時(shí)視覺運(yùn)動的軌跡。要掌控用戶的瀏覽軌跡，你需要懂得正確使用色彩、層次結(jié)構(gòu)、深度、形狀和線條的方法，明白透視法，空間和方向的運(yùn)用。

平衡和比例

這所說的平衡和比例指的是視覺上的穩(wěn)定性和平衡。比例上，了解對稱和非對稱的使用技巧。在設(shè)計(jì)信息流的時(shí)候，各個(gè)元素的比例控制是重點(diǎn)。

間距

其實(shí)間距控制說起來并不復(fù)雜，一個(gè)元素和另一個(gè)元素之間的距離控制。但是要讓網(wǎng)站用戶體驗(yàn)良好，控制好各個(gè)元素的間距并不是一句話說的清楚的。較大的間隙能讓布局更大氣，富有呼吸感；叫窄的間隙能讓內(nèi)容更加靠近，呈現(xiàn)相關(guān)性，擁有更加的閱讀體驗(yàn)。衡量你的各個(gè)元素之間的關(guān)系，明白自己的目的，掌握好間距的差異與平衡。

2、讓HTML如臂使指

作為網(wǎng)頁設(shè)計(jì)師，你無需像其他程序那樣精通C/C++并能讓自家的掃地機(jī)器人自動發(fā)推，但是你必須熟悉HTML代碼。有些設(shè)計(jì)師認(rèn)為不懂代碼也無所謂，但是更多的設(shè)計(jì)師開始認(rèn)識到熟悉HTML代碼是成為合格設(shè)計(jì)師的必備技能。即使不夠熟悉，最起碼你得了解HTML的基礎(chǔ)知識，最起碼！

HTML是所有網(wǎng)頁的基礎(chǔ)框架，網(wǎng)頁設(shè)計(jì)師了解它是應(yīng)有之義。了解它意味著你能對網(wǎng)頁設(shè)計(jì)有著更精確的掌控，讓它擁有更好的可用性，更加易用。你可以擁有屬于自己的展示網(wǎng)站，可以更好的出售你的設(shè)計(jì)和服務(wù)，打破設(shè)計(jì)能力的界限。

3、掌控創(chuàng)意文案的技巧

作為網(wǎng)頁設(shè)計(jì)師，你常常會應(yīng)客戶要求做許多設(shè)計(jì)之外的工作，有時(shí)候甚至?xí)灰鬄榫W(wǎng)站撰寫文案，尤其是當(dāng)網(wǎng)站沒有配備專職文案的時(shí)候。想想看，如果客戶發(fā)現(xiàn)他們的網(wǎng)頁設(shè)計(jì)師能寫得一手創(chuàng)意爆棚的文案的時(shí)候，他們絕對會如獲至寶的（當(dāng)然你也有了漲價(jià)的理由了）。不要以為你的文案技能只能在為客戶做網(wǎng)站的時(shí)候用上，這對于你而言絕對是無與倫比的無形資產(chǎn)，當(dāng)你做市場營銷的時(shí)候，設(shè)計(jì)與文案的結(jié)合能讓你和其他設(shè)計(jì)師拉開距離。

好文幫你加技能點(diǎn)：《年度最佳教程！7招教你寫出互聯(lián)網(wǎng)頂尖文案！》

4、堅(jiān)持不懈學(xué)習(xí)

作為一個(gè)網(wǎng)頁設(shè)計(jì)師而言，“學(xué)無止境”并不是一句單純的口號。你確實(shí)需要不停的學(xué)習(xí)新技能，發(fā)掘新創(chuàng)意，它能提高你對設(shè)計(jì)的熱情，打動你的客戶。

另外一個(gè)讓你不得不堅(jiān)持學(xué)習(xí)的重要原因來自網(wǎng)頁設(shè)計(jì)行業(yè)本身——不斷進(jìn)化的設(shè)計(jì)趨勢和不斷涌現(xiàn)的新技術(shù)。你剛剛學(xué)會了視差滾動和扁平化設(shè)計(jì)，Material Design 又立刻出現(xiàn)在你眼前。作為一個(gè)設(shè)計(jì)師，學(xué)習(xí)是需要堅(jiān)持不斷的，只有對新趨勢新技術(shù)了如指掌才能讓你保持住你在設(shè)計(jì)圈的位置。

5、發(fā)掘商業(yè)技能

越來越多的設(shè)計(jì)師開始選擇成為自由職業(yè)者，而許多還未曾獨(dú)立的設(shè)計(jì)師也開始宣傳屬于自己的設(shè)計(jì)品牌，這也是為什么在自己身上發(fā)掘更多商業(yè)技能成為一件必要的事情。你擁有自己的業(yè)務(wù)，銷售的是自己的設(shè)計(jì)技能，如果沒有系統(tǒng)的商業(yè)技能，你會掙扎于營銷、找客戶、維持客戶等一系列冗雜的事務(wù)中無法脫身。

如果你懂得運(yùn)營自己的業(yè)務(wù)，那么你會明白如何通過與客戶溝通來做決策，學(xué)會在職業(yè)生涯中高效處理多任務(wù)，保持作為網(wǎng)頁設(shè)計(jì)師的創(chuàng)意思維，靈活多變地的應(yīng)對多種客戶和不同項(xiàng)目，在閑暇的時(shí)候發(fā)展愛好，鍛煉身體。

6、學(xué)會傾聽的藝術(shù)

溝通是一門藝術(shù)，而傾聽就是其中的關(guān)鍵。和客戶構(gòu)成業(yè)務(wù)關(guān)系，也是起始于你們的溝通，首要的一點(diǎn)，就是聽取客戶的需求，而這是構(gòu)成后面一系列溝通與合作的基礎(chǔ)。而且，作為一個(gè)合格的傾聽者，不僅會在客戶溝通中起到作用，還會運(yùn)用到許多其他的地方。作為一名網(wǎng)頁設(shè)計(jì)師，為何你不能具備這一技能呢？

設(shè)計(jì)師傾聽技能包：《告別玻璃心！設(shè)計(jì)師如何正確聽取反饋》

如果你無法正確聽取需求，甚至拒絕去聽，那么你是無法成為一名合格的網(wǎng)頁設(shè)計(jì)師的。許多客戶會在設(shè)計(jì)過程中，不斷提意見或者補(bǔ)充要求，這種情況非常普遍。不稱職地忽略這些聲音，或者在沮喪中繼續(xù)修改，傷害客戶，還有影響業(yè)務(wù)。學(xué)會傾聽，了解要求背后的深層需求和目的，然后提供你的專業(yè)意見和建議，實(shí)現(xiàn)它，皆大歡喜。

7、向著職業(yè)巔峰前進(jìn)

很多時(shí)候我們會用王大錘那句“出任CEO，贏取白富美，走上人生巔峰”來自嘲，但是實(shí)際上，每個(gè)行業(yè)都有它的專業(yè)標(biāo)準(zhǔn)和可見的“巔峰”，你需要這樣的目標(biāo)來鞭策自己。也許你無法在一夜之間達(dá)到目標(biāo)，甚至幾年之內(nèi)都無法抵達(dá)那里，但是瞄準(zhǔn)目標(biāo)，設(shè)定計(jì)劃，是能夠讓你保持激情前進(jìn)。在這個(gè)過程中，你會發(fā)現(xiàn)更多的方法來加快這一過程。

結(jié)語

從本質(zhì)上來講，所有的這一切都是為了讓你完善自己，走向成熟。當(dāng)你越努力地奮斗超越單純的設(shè)計(jì)，那么你越有可能成為一個(gè)名成功的網(wǎng)頁設(shè)計(jì)師。終有一天，你會成為別人眼中仰望的背影。