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

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

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

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

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

色彩

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

軌跡

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

平衡和比例

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

間距

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

2、讓HTML如臂使指

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

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

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

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

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

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

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

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

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

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

6、學(xué)會(huì)傾聽(tīng)的藝術(shù)

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

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

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

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

結(jié)語(yǔ)

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

原文來(lái)自：優(yōu)設(shè)

原文地址：webdesignerdepot

優(yōu)設(shè)譯者：@陳子木