網(wǎng)頁(yè)設(shè)計(jì)師需掌握的6種能力

除了提升設(shè)計(jì)能力外，想做為一個(gè)優(yōu)秀的設(shè)計(jì)師還有些方面需要了解甚至是學(xué)習(xí)才能設(shè)計(jì)好網(wǎng)頁(yè)。不得不說(shuō)一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師就是個(gè)雜學(xué)家。平面設(shè)計(jì)師可以隨心所欲的使用各種特殊的字體、使用不規(guī)則的排版、等等，而由于網(wǎng)頁(yè)的某些局限性使得網(wǎng)頁(yè)設(shè)計(jì)師需要在些特殊的限定下完成設(shè)計(jì)。除了要懂得設(shè)計(jì)外，還需要了解甚至是學(xué)習(xí)些與設(shè)計(jì)無(wú)關(guān)的知識(shí)才能做好設(shè)計(jì)。

之前雖然已整理過(guò)了，但發(fā)覺要想把網(wǎng)頁(yè)設(shè)計(jì)非專業(yè)之外的能力都列舉出來(lái)，真是：老太太看地圖–這才到哪里。涉及的面太廣。另外，加上本人能力也有限，在不斷的撰寫中發(fā)覺自己對(duì)網(wǎng)頁(yè)設(shè)計(jì)師需掌握的能力也是很不夠的。先列出自己人為比較重要的6條共勉之吧。

題外話，如果你對(duì)我所介紹的這些書之外的書感興趣，亦可在豆瓣上查看我閱讀的書籍。

1、coding能力

由于網(wǎng)頁(yè)代碼的限制，網(wǎng)頁(yè)設(shè)計(jì)師在做設(shè)計(jì)前需清楚什么可以做到，什么做不到。而不能像平面設(shè)計(jì)師那樣可以隨心所欲的排版設(shè)計(jì)。不僅如此，設(shè)計(jì)的時(shí)候也需要考慮到如何對(duì)SEO有利，也就意味著許多文字不能夠用特異的字體做成圖片來(lái)展示了。

coding能力包括許多方面：HTML代碼、css+div、js、action script等方面。下面就我的一點(diǎn)個(gè)人經(jīng)驗(yàn)列舉的幾種代碼：

HTML：這個(gè)不必多說(shuō)了吧，連這個(gè)都不知道怎么能號(hào)稱懂得網(wǎng)頁(yè)了呢?具體的可在谷歌上搜下教程。

css+div：開始學(xué)的時(shí)候分別看了幾本書，比較下來(lái)《CSS網(wǎng)站布局實(shí)錄：基于Web標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)指南》《精通DIV+CSS》寫得比較實(shí)在，詳見網(wǎng)頁(yè)設(shè)計(jì)教材。其他的如：《CSS禪意花園》不看也罷。

actionscript:不得不說(shuō)，經(jīng)過(guò)這么多年的發(fā)展flash是網(wǎng)頁(yè)里很重要的一部分了。AS2的基礎(chǔ)諸如：gotoAndStop(),gotoAndStop(),getURL()等幾個(gè)基礎(chǔ)的函數(shù)還是需要掌握的，如對(duì)AS3有興趣可參看黑羽的《Flash ActionScript 3殿堂之路》(有點(diǎn)復(fù)雜的哦，對(duì)沒有編程經(jīng)驗(yàn)的設(shè)計(jì)師可是不小的挑戰(zhàn)哦)。

javascript：沒辦法，如果經(jīng)常為了加點(diǎn)小JavaScript程序去麻煩程序員確實(shí)煩。不說(shuō)要會(huì)寫，至少能夠看懂代碼并可修改現(xiàn)有的代碼吧。

php,asp,.net：這個(gè)也是，如果你自認(rèn)是個(gè)能夠吸引你公司美女程序員的帥哥那你就去小修改也找人家吧。或認(rèn)為自己是個(gè)能夠吸引你公司帥哥程序員的美女。如果對(duì)方不肯幫忙，那就盡量自力更生吧。

2、提升用戶體驗(yàn)的能力

雖然用戶體驗(yàn)早在2000年在國(guó)外就已經(jīng)有人開始關(guān)注，但在國(guó)內(nèi)是最近幾年才熱起來(lái)的。畢竟建設(shè)網(wǎng)站的目的不是給用戶欣賞界面，而是要用戶使用網(wǎng)站在。網(wǎng)站界面設(shè)計(jì)得好看，但用戶使用起來(lái)很不順暢。那么，也是無(wú)法留住用戶的。

關(guān)于用戶體驗(yàn)方面的書有很多，這里不一一列舉了。

3、陳述表達(dá)設(shè)計(jì)能力

不可否認(rèn)，設(shè)計(jì)師是靠自己設(shè)計(jì)出來(lái)的作品來(lái)打動(dòng)客戶。但這仍舊需要設(shè)計(jì)師有足夠在陳述表達(dá)能力來(lái)闡述他所做的作品。他不僅要向客戶展示設(shè)計(jì)，也需要用言語(yǔ)來(lái)說(shuō)服客戶接受設(shè)計(jì)。來(lái)回答諸如：“為什么需要用紅色而不是黑色?”、“為什么要豎著排版，而不用競(jìng)爭(zhēng)對(duì)手橫著的排版”諸如此類的客戶提問(wèn)。如何能夠順利的說(shuō)服客戶也是門技術(shù)，在我的《譯文：如何說(shuō)服你的用戶、老板或客戶》里有提到。

4、與客戶溝通交流能力

在經(jīng)過(guò)闡述設(shè)計(jì)作品后，接下來(lái)就是需要與客戶溝通交流。通過(guò)充分的交流才能深挖掘到客戶一些原本未知的想法。為什么大家都說(shuō)做設(shè)計(jì)這么累?雖然做出來(lái)的最終稿子就僅僅這一個(gè)，但反復(fù)的溝通與修改占了設(shè)計(jì)師的大部分時(shí)間與精力。甚至有的被折磨慘了。

我相信，只有充分的與客戶溝通才能確保修改的設(shè)計(jì)稿更能復(fù)合客戶的想法。這樣后客戶才敢放手讓你做，也向客戶證明了你的信心，也意味著修改量不會(huì)增加那么多。

而一味的做應(yīng)聲蟲只會(huì)讓客戶覺得自己是個(gè)設(shè)計(jì)專家，你是完成他設(shè)計(jì)的一個(gè)工具而已。要記?。涸谠O(shè)計(jì)上你是專家，不要一味的答應(yīng)不是設(shè)計(jì)專家的客戶的在設(shè)計(jì)上面的過(guò)多要求。否則，不但被客戶牽著鼻子走，并且如果做錯(cuò)了，還可以豬八戒抗耙子–倒打一耙，說(shuō)是設(shè)計(jì)師做的。

5、不斷自我學(xué)習(xí)的能力

如果你對(duì)設(shè)計(jì)行業(yè)有足夠的關(guān)心，會(huì)發(fā)覺每年所流行的設(shè)計(jì)風(fēng)格都有所不同：在04年的時(shí)候韓國(guó)風(fēng)流行，大大的純色塊，細(xì)膩的漸變色到處可見。05年起，web2.0風(fēng)格開始漸行，字體大小等一系列風(fēng)格又開始流行。也就需要設(shè)計(jì)師時(shí)時(shí)關(guān)心設(shè)計(jì)流行風(fēng)向，不是跟風(fēng)設(shè)計(jì)而是從設(shè)計(jì)趨勢(shì)中吸取有用的成份，提高自己的設(shè)計(jì)能力。

而另一方面，正如大家所見到的：互聯(lián)網(wǎng)技術(shù)一直在處于不斷的高速發(fā)展中。幾年前熱門的技術(shù)如果不及時(shí)補(bǔ)充學(xué)習(xí)新出來(lái)的技術(shù)，那么再過(guò)幾年能力很可能就過(guò)時(shí)落伍了。因此，網(wǎng)頁(yè)設(shè)計(jì)不僅要對(duì)現(xiàn)有技術(shù)有所了解，保持充分學(xué)習(xí)的心態(tài)去充電。這也是就是之前文章里說(shuō)到的：《網(wǎng)頁(yè)設(shè)計(jì)中的抄襲與借鑒》的緣由，通過(guò)時(shí)時(shí)刻刻的抄襲可以與設(shè)計(jì)流行風(fēng)潮“與時(shí)俱進(jìn)”，當(dāng)然做人要厚道記得設(shè)計(jì)師的“八榮八恥”別抓幾個(gè)屏拼湊下就跑外面去炫耀?？梢哉f(shuō)，地球很大，但網(wǎng)絡(luò)不大。抄襲的作品難保一朝被人看破。

6、交際能力

俗話說(shuō)：三個(gè)好漢一個(gè)幫。

如果設(shè)計(jì)師不僅做視覺設(shè)計(jì)，同時(shí)又要兼著做客戶網(wǎng)站的程序更新(雖然現(xiàn)在有許多免費(fèi)開源的CMS系統(tǒng)可以使用，但難保客戶提出一個(gè)需要改動(dòng)代碼的需求來(lái))。而這時(shí)，有個(gè)能夠幫改動(dòng)代碼的程序員朋友就顯得很重要了?？赡茉O(shè)計(jì)師需要改2-3個(gè)小時(shí)的代碼，人家十來(lái)分鐘就搞定了。因此，有個(gè)好的合作伙伴是很重要的。

另一方面，雖然說(shuō)同行是冤家。但也不影響設(shè)計(jì)師之間的一些交往，好處有很多：互相交流設(shè)計(jì)經(jīng)驗(yàn)/組成team接單個(gè)設(shè)計(jì)師不能完成的case等等…;加上做設(shè)計(jì)的不乏有許多帥哥、美女，如果結(jié)識(shí)了后除了合作外還發(fā)生了戀情什么的，那也沒辦法了。哼哼~~

還要說(shuō)的是：關(guān)注些業(yè)界的名人，通過(guò)這種渠道往往可以得知業(yè)界的最新動(dòng)態(tài)，或可幫助更快的提升自己的能力。現(xiàn)在的渠道也是多得很：博客/微博等各種方式。