如果你對(duì)網(wǎng)頁(yè)設(shè)計(jì)有興趣，想成為網(wǎng)頁(yè)設(shè)計(jì)師的你該具備哪些條件與能力？我們就設(shè)計(jì)業(yè)的角度提供給你一些學(xué)習(xí)建議，即使你不是設(shè)計(jì)相關(guān)科系，都能透學(xué)習(xí)成為獨(dú)當(dāng)一面的網(wǎng)頁(yè)設(shè)計(jì)師。

　　以前的網(wǎng)頁(yè)設(shè)計(jì)師

　　大約10年以前，網(wǎng)頁(yè)設(shè)計(jì)師是一個(gè)多才多藝的工作，需具備美感、善溝通、熟稔設(shè)計(jì)趨勢(shì)，要會(huì)用的軟體有Fireworks(網(wǎng)頁(yè)設(shè)計(jì)圖)、Dreamweaver(網(wǎng)頁(yè)編輯)、Photoshop(圖片處理)、Flsah(網(wǎng)頁(yè)動(dòng)畫)，從網(wǎng)頁(yè)設(shè)計(jì)圖檔、網(wǎng)頁(yè)編輯(HTML)、圖片處理、設(shè)計(jì)動(dòng)畫都由網(wǎng)頁(yè)設(shè)計(jì)師一手包辦。

　　現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)師

　　現(xiàn)在的網(wǎng)站不再流行靜態(tài)網(wǎng)站，走向完整的CMS內(nèi)容管理系統(tǒng)(網(wǎng)站后臺(tái))，網(wǎng)站建置也走向?qū)I(yè)分工，根據(jù)網(wǎng)站設(shè)計(jì)流程分成前端設(shè)計(jì)、后端設(shè)計(jì)，前端又分成掌管視覺的「網(wǎng)頁(yè)設(shè)計(jì)師」、負(fù)責(zé)切版與相容性的「前端工程師」、負(fù)責(zé)撰寫后端系統(tǒng)程式的「程式設(shè)計(jì)師」。Flash動(dòng)畫因?yàn)樾懿患岩呀?jīng)走入歷史，網(wǎng)頁(yè)設(shè)計(jì)師不再需要設(shè)計(jì)動(dòng)畫、不再需要切版，只需要專注在「網(wǎng)頁(yè)設(shè)計(jì)」的視覺設(shè)計(jì)上。

　　專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師需要具備什么條件？

　　很多客戶會(huì)說，我們有平面設(shè)計(jì)師，可以自己先設(shè)計(jì)網(wǎng)站畫面再給你們切版、寫程式嗎？當(dāng)然可以，但前提是要有網(wǎng)頁(yè)知識(shí)與觀念，會(huì)「設(shè)計(jì)」不代表就可以是「網(wǎng)頁(yè)設(shè)計(jì)師」，不具備網(wǎng)頁(yè)知識(shí)與觀念，只仰賴原先的設(shè)計(jì)經(jīng)驗(yàn)是無(wú)法勝任網(wǎng)頁(yè)設(shè)計(jì)工作的，以下是專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師需具備的條件。

　　溝通能力

　　網(wǎng)頁(yè)設(shè)計(jì)師需要跟客戶溝通網(wǎng)站設(shè)計(jì)，透過溝通了解客戶產(chǎn)業(yè)需要的設(shè)計(jì)呈現(xiàn)，要跟前端工程師(切版)溝通為什么要這樣設(shè)計(jì)，具備溝通與表達(dá)的能力對(duì)于一個(gè)設(shè)計(jì)師來說是非常重要的，才能將每一個(gè)需求精確的處理。

　　美感與創(chuàng)意

　　「美觀」是網(wǎng)頁(yè)設(shè)計(jì)很重要的一個(gè)基本元素，而對(duì)美感的強(qiáng)烈程度會(huì)影響網(wǎng)站整體的視覺，對(duì)色彩、圖片、細(xì)節(jié)配置、平衡、邏輯性越堅(jiān)持的設(shè)計(jì)師，最有機(jī)會(huì)成為優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師，至于創(chuàng)意就是一個(gè)突而其來的想法，創(chuàng)意如何被實(shí)現(xiàn)就是需要網(wǎng)頁(yè)設(shè)計(jì)師的經(jīng)驗(yàn)累積了。

　　RWD設(shè)計(jì)邏輯

　　要做出RWD響應(yīng)式網(wǎng)站就要具備RWD的邏輯概念，不然就會(huì)設(shè)計(jì)出前端工程師無(wú)法切版的窘?jīng)r，當(dāng)畫面從大到小的時(shí)候，RWD會(huì)產(chǎn)生內(nèi)容重組、畫面排隊(duì)的狀況，如果沒有預(yù)先想像前端的變化，那肯定會(huì)被前端工程師退件，這就是目前網(wǎng)頁(yè)設(shè)計(jì)師需要培養(yǎng)的RWD能力，當(dāng)然采用現(xiàn)成的Bootstrap套版的設(shè)計(jì)師不在這邊討論。

　　SEO概念

　　這也是目前網(wǎng)頁(yè)設(shè)計(jì)師最缺乏的，因?yàn)橐曈X與網(wǎng)站速度產(chǎn)生沖突的時(shí)候，很多網(wǎng)頁(yè)設(shè)計(jì)師不懂得如何用「減法設(shè)計(jì)」同時(shí)達(dá)到SEO網(wǎng)站優(yōu)化與設(shè)計(jì)的目標(biāo)，網(wǎng)站有一些基本的設(shè)計(jì)準(zhǔn)則，例如：導(dǎo)覽列(面包屑)、頁(yè)尾Sitemap、點(diǎn)logo可回首頁(yè)、右上搜尋、下方聯(lián)絡(luò)資訊、可以快速上下頁(yè)… 還有一些SEO需要注意的內(nèi)容編排，首頁(yè)不要放影片、圖片要控制大小與數(shù)量、效果不要過多…等，都要隨著SEO指標(biāo)進(jìn)行網(wǎng)站的設(shè)計(jì)微調(diào)。

　　基本HTML/CSS能力

　　雖然將網(wǎng)站變成HTML/CSS的過程(切版)已經(jīng)變成前端工程師的工作，但是網(wǎng)頁(yè)設(shè)計(jì)師最好還是要有基本的HTML的能力，因?yàn)殡S著CMS內(nèi)容管理的時(shí)代來臨，很多的管理都會(huì)使用HTML編輯器與CSS樣式調(diào)整，如果沒有HTML的基礎(chǔ)能力，將無(wú)法滿足客戶要求的維護(hù)與修改，如果希望成為全面的網(wǎng)頁(yè)設(shè)計(jì)師，HTML的能力最好是越強(qiáng)越好。

　　使用者體驗(yàn)

　　網(wǎng)頁(yè)設(shè)計(jì)師本身也是一個(gè)網(wǎng)站使用者，對(duì)于網(wǎng)站的使用者體驗(yàn)也是有個(gè)人的看法，但是使用者體驗(yàn)不能單憑個(gè)人的看法，所以越有經(jīng)驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)師，經(jīng)過多年客戶反饋累積之后，越能設(shè)計(jì)出「符合大部分人」期待的網(wǎng)站流程，順手好用的網(wǎng)站，而這些UX/UI是專業(yè)具體的過程，要成為一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)師必須具備UX/UI的知識(shí)與具體實(shí)踐能力。

　　結(jié)論

　　以上就是要成為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師所需具備的能力，設(shè)計(jì)師的本質(zhì)是溝通、美感、創(chuàng)意，熟悉設(shè)計(jì)軟體是最基本的，再來就是要有RWD邏輯、SEO觀念、基本HTML/CSS能力、使用者體驗(yàn)…要從無(wú)到有完成一個(gè)網(wǎng)站，需要經(jīng)過網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站切版(html)、程式設(shè)計(jì)、系統(tǒng)測(cè)試、網(wǎng)站代管，網(wǎng)頁(yè)設(shè)計(jì)師必須熟悉每一個(gè)流程才能把每一個(gè)環(huán)節(jié)需要注意的事情內(nèi)化到設(shè)計(jì)里，這也是成為專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師最大的挑戰(zhàn)。