成為優(yōu)秀網(wǎng)頁設(shè)計師的7大技能   

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

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

色彩    

色彩是網(wǎng)頁設(shè)計的核心，因為它是快速有效構(gòu)建主題和樣式的基礎(chǔ)。另外，色彩和心理學(xué)關(guān)系緊密，合理地運(yùn)用色彩可以提高用戶體驗，讓訪客流連忘返。

軌跡    

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

平衡和比例    

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

間距    

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

2、讓HTML如臂使指

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

讓用戶擁有參與感的10個方法    

1、給用戶一個貼近生活的真實場景    

對于貼近自己生活的事物會有一種自然而然的親近感。因此，如果能將這些場景融入網(wǎng)站的設(shè)計中，很容易讓用戶產(chǎn)生一種愿意自我?guī)肭榫车母杏X，有利于引起他們對網(wǎng)站中的其他內(nèi)容的興趣。

2、擬物化場景    

擬物化的場景設(shè)置很有利于增加畫面的代入感，同時又不失網(wǎng)頁應(yīng)有的設(shè)計感。逼真是擬物化設(shè)計的主要特點之一，因此將畫面質(zhì)量盡可能的接近真實，但又必須很大程度的保證最初的視覺焦點，這是很關(guān)鍵的一點。    

3、營造具有空間感的立體視角

    立體的畫面能令用戶有身臨其境的感覺，正如下面這個網(wǎng)站案例所表現(xiàn)的。遠(yuǎn)近交錯的人物和風(fēng)景讓畫面頓時有了空間感，換一個角度看同樣的場景能帶給用戶完全不一樣的視覺沖擊力。

4、故事化網(wǎng)頁設(shè)計   

故事化網(wǎng)頁設(shè)計主要體現(xiàn)的是一種情節(jié)。生動有趣的情節(jié)能夠?qū)⒂脩粑秸麄€故事中，這對引起用戶情感上的共鳴有很好的效果，故事情節(jié)不僅可以帶動用戶的情緒，也讓用戶順勢展開想象。   

5、現(xiàn)實與虛擬的結(jié)合   

手繪風(fēng)格與真實事物的結(jié)合一直被不斷使用，這樣的效果既能把畫面所傳達(dá)的含義表現(xiàn)的很清楚，也不會讓畫面設(shè)計看起來很沉悶。

6、留白設(shè)計讓用戶更有期待  

留白能為用戶帶來參與感？你沒看錯！留白設(shè)計能讓用戶獲得更多的想象空間，而參與感實際表達(dá)的意義就是讓用戶在瀏覽網(wǎng)站的時候不覺得無聊。不一定要讓用戶的視線不斷查找些什么，也不需要讓用戶的鼠標(biāo)不停地點擊，讓他們自由想象，也許正是情感化設(shè)計最終的設(shè)計目的。   

7、增強(qiáng)人物代入感   

為用戶模擬一個盡可能熟悉的情境，比如案例中的辦公室，設(shè)計師用虛實結(jié)合的手繪風(fēng)格設(shè)計讓畫面更加生動。這種方法能夠有效的迅速拉近用戶與網(wǎng)站之間的距離，并且不落俗套的產(chǎn)生內(nèi)心共鳴。   

8、突出用戶想看的內(nèi)容

讓用戶能夠一眼就能看到最需要的內(nèi)容是吸引用戶最直接的方法，而要達(dá)到這種效果最簡單常用的設(shè)計手法就是將這部分內(nèi)容盡可能的最大化。

9、為內(nèi)容搭建一個適合的“家”   

只是將相對乏味的文字默默地放在頁面上，那么，即使再精彩的內(nèi)容也很可能被忽視。但如果設(shè)計師能為這些內(nèi)容設(shè)計一個生動有趣的框架或載體，也許用戶會對此產(chǎn)生更加濃厚的興趣，同時也起到了吸引關(guān)注的作用。  

10、用戶操作后產(chǎn)生交互反應(yīng)   

在用戶操作之后發(fā)生一些適當(dāng)?shù)慕换バЧ@是最能讓用戶感受到自身存在感的方法之一，正如@AnyForWeb_UED 為MOCO Design設(shè)計的網(wǎng)站。鼠標(biāo)懸停在導(dǎo)航位置時出現(xiàn)油漆狀的效果，不僅在美觀度上加分不少，也讓用戶及時獲得了他們所希望的簡單反饋。團(tuán)隊介紹頁面摒棄了常規(guī)的設(shè)計模式，使用了手繪風(fēng)格的表現(xiàn)形式，也在鼠標(biāo)懸停時產(chǎn)生了圖片放大效果。

9個建議教你做標(biāo)識設(shè)計    

1、開始時要掌握企業(yè)策略   

這是F61 Work Room的標(biāo)識設(shè)計，從圖中我們可以看出，開始設(shè)計時，設(shè)計師很有頭緒，這得益于設(shè)計師思路清晰、對品牌了解充分在開始設(shè)計時，要理清品牌價值取向和企業(yè)策略，這樣才能讓你的理念和客戶的產(chǎn)品完美融合。

2、先設(shè)計一個小樣   

可以先簡略的設(shè)計出一個范本，來呈現(xiàn)創(chuàng)意，然后呈遞給客戶，根據(jù)反饋來進(jìn)行修改，這樣便不會走的太偏。

3、做足研究   

理解品牌中暗含的個性化、歷史、功能、以及用戶反響。了解充分后，尋找合適的靈感，進(jìn)行設(shè)計。   

4、估量預(yù)期    

詢問客戶對標(biāo)識設(shè)計的預(yù)期：問問他們，到底想要什么樣的設(shè)計，外觀怎樣，功能怎樣。

5、研究競爭對手   

研究競爭對手的顏色、字體、視覺風(fēng)格，然后力求與競爭對手不同，設(shè)計出超越競爭對手的作品。    

6、不要過度依賴原有的Logo   

盡管Logo是標(biāo)志設(shè)計的關(guān)鍵，但有時大可不必循規(guī)蹈矩。可以根據(jù)情況，打造出分離而又結(jié)合的設(shè)計。創(chuàng)意圍繞Logo展開。   

7、不要忽略客戶   

不管你的設(shè)計經(jīng)驗多么豐富，還是要以客戶為中心，因為他們更懂自己的產(chǎn)品，要多和他們交流，免得設(shè)計格調(diào)與產(chǎn)品不符。    

8、嘗試簡單的設(shè)計   

Woodlake Design Studio的標(biāo)識設(shè)計非常簡約充分理解客戶需求后，可以嘗試使用簡單的配色和字體，讓視覺風(fēng)格更加突出、更加有沖擊力。

9、幫客戶找出隱藏亮點   

如果客戶在講述需求時，忘記了訴說一款產(chǎn)品的亮點。那么你可以進(jìn)行研究，思考這個點與用戶的聯(lián)系性，如果合適，在這個點上下文章，并凸顯放大。雖然最后客戶很可能不認(rèn)同你的挖掘點，但是請別放棄這一條，千萬不要氣餒。一定要堅持去做，因為在他們心里，會覺得您是一位用心會替他們著想的深圳網(wǎng)站制作設(shè)計師，并且潛意識會覺得你足夠?qū)I(yè)，很有想法。那么當(dāng)他下次再需要做設(shè)計的時候，或者朋友有項目要設(shè)計的時候。他肯定會第一個想到你，而不會去考慮上一次合作中，那個像傀儡一樣的設(shè)計師。