DIV CSS 佈局教程網

我在前面的《抄襲–網頁設計師必備的本領之一》講了設計師提升設計能力的一個方法。那麼，除了提升設計能力外，想做為一個優秀的設計師還有些方面需要了解甚至是學習才能設計好網頁。不得不說一個網頁設計師就是個雜學家。平面設計師可以隨心所欲的使用各種特殊的字體、使用不規則的排版、等等，而由於網頁的某些局限性使得網頁設計師需要在些特殊的限定下完成設計。除了要懂得設計外，還需要了解甚至是學習些與設計無關的知識才能做好設計。

我在寫本文之前雖然已整理過了，但發覺要想把網頁設計非專業之外的能力都列舉出來，真是：老太太看地圖–這才到哪裡。涉及的面太廣。另外，加上本人能力也有限，在不斷的撰寫中發覺自己對網頁設計師需掌握的能力也是很不夠的。先列出自己人為比較重要的6條共勉之吧。

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

1、coding能力

由於網頁代碼的限制，網頁設計師在做設計前需清楚什麼可以做到，什麼做不到。而不能像平面設計師那樣可以隨心所欲的排版設計。不僅如此，設計的時候也需要考慮到如何對SEO有利，也就意味著許多文字不能夠用特異的字體做成圖片來展示了。

coding能力包括許多方面：HTML代碼、css+div、js、action script等方面。下面就我的一點個人經驗列舉的幾種代碼：

 

• HTML：這個不必多說了吧，連這個都不知道怎麼能號稱懂得網頁了呢？具體的可在谷歌上搜下教程。
• css+div：開始學的時候分別看了幾本書，比較下來《CSS網站布局實錄：基於Web標准的網站設計指南》這本書寫得比較實在。其他的如：《CSS禅意花園》不看也罷。
• actionscript:不得不說，經過這麼多年的發展flash是網頁裡很重要的一部分了。AS2的諸如：gotoAndStop(),gotoAndStop(),getURL()等幾個基礎的函數還是需要掌握的，如對AS3有興趣可參看黑羽的《Flash ActionScript 3殿堂之路》（有點復雜的哦，對沒有編程經驗的設計師可是不小的挑戰哦）。
• javascript：沒辦法，如果經常為了加點小JavaScript程序去麻煩程序員確實煩。不說要會寫，至少能夠看懂代碼並可修改現有的代碼吧。
• php,asp,.net：這個也是，如果你自認是個能夠吸引你公司美女程序員的帥哥那你就去小修改也找人家吧。或認為自己是個能夠吸引你公司帥哥程序員的美女。如果對方不肯幫忙，那就盡量自力更生吧。

2、提升用戶體驗的能力

雖然用戶體驗早在2000年在國外就已經有人開始關注，但在國內是最近幾年才熱起來的。畢竟建設網站的目的不是給用戶欣賞界面，而是要用戶使用網站在。網站界面設計得好看，但用戶使用起來很不順暢。那麼，也是無法留住用戶的。

關於用戶體驗方面的書有很多，這裡不一一列舉了。有興趣的同學可以看我之前的文章《讀過的交互書籍整理》裡面詳細的列舉了讀過的一些關於用戶體驗與交互設計方面的書。另外，《交互設計師如何提高自己的能力》這篇文章也應對用戶體驗感興趣的同學有所幫助。

3、陳述表達設計能力

不可否認，設計師是靠自己設計出來的作品來打動客戶。但這仍舊需要設計師有足夠在陳述表達能力來闡述他所做的作品。他不僅要向客戶展示設計，也需要用言語來說服客戶接受設計。來回答諸如：“為什麼需要用紅色而不是黑色？”、“為什麼要豎著排版，而不用競爭對手橫著的排版”諸如此類的客戶提問。如何能夠順利的說服客戶也是門技術，在我的《譯文：如何說服你的用戶、老板或客戶》裡有提到。

4、與客戶溝通交流能力

在經過闡述設計作品後，接下來就是需要與客戶溝通交流。通過充分的交流才能深挖掘到客戶一些原本未知的想法。為什麼大家都說做設計這麼累？雖然做出來的最終稿子就僅僅這一個，但反復的溝通與修改占了設計師的大部分時間與精力。甚至有的被折磨慘了。

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

而一味的做應聲蟲只會讓客戶覺得自己是個設計專家，你是完成他設計的一個工具而已。要記住：在設計上你是專家，不要一味的答應不是設計專家的客戶的在設計上面的過多要求。否則，不但被客戶牽著鼻子走，並且如果做錯了，還可以豬八戒抗耙子–倒打一耙，說是設計師做的。想來這也是許多的設計師比較苦惱的地方，這裡不展開說了，如有興趣請參看之前的文章：《設計師能力：充分的准備–讓你的設計更易被通過》。

5、不斷自我學習的能力

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

而另一方面，正如大家所見到的：互聯網技術一直在處於不斷的高速發展中。幾年前熱門的技術如果不及時補充學習新出來的技術，那麼再過幾年能力很可能就過時落伍了。因此，網頁設計不僅要對現有技術有所了解，也要保持充分學習的心態去充電。這也是就是之前文章裡說到的：《抄襲–網頁設計師必備的本領之一》的緣由，通過時時刻刻的抄襲可以與設計流行風潮“與時俱進”，當然做人要厚道記得設計師的“八榮八恥”別抓幾個屏拼湊下就跑外面去炫耀。可以說，地球很大，但網絡不大。抄襲的作品難保一朝被人看破。

6、交際能力

俗話說：三個好漢一個幫。

如果設計師不僅做視覺設計，同時又要兼著做客戶網站的程序更新（雖然現在有許多免費開源的CMS系統可以使用，但難保客戶提出一個需要改動代碼的需求來）。而這時，有個能夠幫改動代碼的程序員朋友就顯得很重要了。可能設計師需要改2-3個小時的代碼，人家十來分鐘就搞定了。因此，有個好的合作伙伴是很重要的。

另一方面，雖然說同行是冤家。但也不影響設計師之間的一些交往，好處有很多：互相交流設計經驗/組成team接單個設計師不能完成的case等等…；加上做設計的不乏有許多帥哥、美女，如果結識了後除了合作外還發生了戀情什麼的，那也沒辦法了。哼哼~~

還要說的是：關注些業界的名人，通過這種渠道往往可以得知業界的最新動態，或可幫助更快的提升自己的能力。現在的渠道也是多得很：博客/微博等各種方式。

接下來的文章，也是我准備許久的《報出符合你能力的價格–設計師如何報價》，歡迎大家閱讀。