成為一名好的網頁設計師需要學會哪些東西？

01-05

比如一些軟體或其他

這本是我們公司的內部培訓資料，分享出來，希望對你有所幫助。

所有的前提是你必須掌握Adobe設計軟體，這只是設計部分，前端的你網上搜吧。

《5天成為專業網頁設計師》

看

「設計源於靈感，靈感源於借鑒——這是每個網頁設計師都應該牢記的「成功法則」（1天）

http://www.cssdesignawards.com/

http://www.awwwards.com/

http://bestcss.net/

http://siteinspire.com/

http://www.thebestdesigns.com/

http://www.cssyuan.com/

http://onezi.com/web/

http://www.osstyle.cn/

http://reeoo.com/

http://www.iguoguo.net/

http://www.onextrapixel.com/category/inspiration/

練

請選擇3～5個案例進行練習（2天）

http://dzineblog.com/2011/05/fresh-photoshop-web-design-tutorials-for-20...

http://www.1stwebdesigner.com/tutorials/web-design-layout-tutorials-2010/

http://creativenerds.co.uk/tutorials/20-best-design-tutorials-from-2010-...

http://creativenerds.co.uk/tutorials/100-best-photoshop-design-tutorials...

http://visionwidget.com/tuts/gfxtuts/86-photoshop-tutorials-web-layouts....

http://savedelete.com/25-awesome-websites-for-high-quality-photoshop-tut...

http://slodive.com/photoshop/photoshop-tutorials/

進階

這部分內容主要是一些技巧和理念的資源，很重要哦！(2天)

http://blog.enqoo.com/

http://designbump.com/

http://delicious.com/

http://www.shejibox.com/themeslider/4-webdesign-rule/

接下來呢？就看你的了。

附錄：

UED：http://www.ux265.net/

設計師的書架：http://webyuansu.cn/bookshelf/

一些免費字體下載站：

http://www.dafont.com/

http://goo.gl/h1W7I

一、網頁設計的基礎

網頁設計不過是生產運營中的一個技術支撐環節，其最終的作品輸出都是為商業、產品服務的。創意表達、軟體技能、視覺刻畫，這是網頁設計師的核心技能。學會理解你的服務對象，通過技術解決問題，這就是一名好的網頁設計師需要學會的東西。

創意表達，是源於解決問題或需求過程中迸發出的靈感。創意表達是無窮盡的，不同的產品、問題、或需求都會有無數個對應的解決方案，這需要設計師做長期的累積和儲備。

網頁設計的視覺刻畫離不開：排版構圖、色彩搭配、字體設計、以及光影材質這四大塊基礎內容的學習。除此之外，軟體技法也是開展網頁設計的必要基礎。

△圖例。上圖案例中，採用左右布局的排版，頁面整體色調偏暖，採用襯線宋體使頁面顯得端莊大氣，導航及標題文字採用金黃色的質感處理，使得整個頁面穩重而富有商業文化的氣質。（來源：騰訊設計師，網頁設計高級教程案例）

網頁設計的主力軟體為：PS和DW。photoshop負責像素圖片處理，Dreamweaver負責網頁實現的代碼編輯。

二、如何開始學習？

(1).首先要精通設計軟體，把photoshop玩轉，這是網頁設計的主力工具！

(2).深入學習排版設計，以及三大構成中的平面構成、色彩構成、立體構成，掌握一定的素描基礎，以明確：光影變化、透視結構、構圖平衡的基本視覺規律。

(3).掌握網頁設計規範，學習網頁設計概述、網頁布局、製作流程、視覺元素、色彩搭配、以網頁布局排版、切圖、交互知識等。

(4).學習網頁設計創意表達的思路流程，如何將文案創意具體到視覺化呈現的全過程，以及畫面光影細節刻畫的技能提高。請參考：網頁設計高級教程。

(5).了解一點前端代碼HTML、CSS的運用，學一款代碼編輯軟體，推薦網頁設計師用Dreamweaver。

(6).了解你設計網站的公司及產品，熟悉這個公司及其產品面向的人群！

(7).拓展學習網站優化、開發、後台數據處理常識（加分項目！）

三、再往後

上面所說的，都是網頁設計師必須掌握或了解的基本功。在基本功掌握紮實了以後，則可圍繞著創意表達、營銷傳播、用戶心理、交互體驗的維度在進行深入學習探討，以指導你做出更好的設計。這一階段，則是思維層面的提升，可購買相關領域書籍進行學習。

軟體只是工具，網頁設計師，美術功力才是關鍵。軟體平時用的最多的就是PS，有空可以去學其它的FW，AI等。多看高手的作品，把好的東西記在腦子裡，下次自己做就從腦子裡翻。

http://dribbble.com

http://reeoo.com

http://bestcss.net

http://lottanieminen.com

可讀性好、顏色淡雅、版面簡介、布局合理

html5&>&>flash