網頁設計干貨

1、網頁設計入行需要看哪些書

幾本有關UI設計的入門「干貨」！

UI的發展和現狀

書籍名稱：《藝術的故事》

作  者： 貢布里希 (Sir E.H.Gombrich) 

內容簡介 ：從最早的洞窟繪畫到當今的實驗藝術的發展歷程，闡明藝術史是各種傳統不斷迂迴、不斷改變的歷史，每一件作品在這歷史中都既回顧過去又導向未來。

書籍名稱：《西方美術簡史》

作  者： 亨德里克・房龍

內容簡介 ：以優美的文字、清晰的思路講述了西方美術史的發展軌跡與幕後精髓。

美術視覺設計

平面構成

書籍名稱：《平面設計法則》

作  者： 米爾曼

內容簡介 ：對學**設計的學生來說是一個一站式的資源庫，既是有趣的基礎教程，同時也是深入設計領域實踐的「入門讀物」。  

書籍名稱：《平面設計視覺詞典》

作  者：  加文·安布羅斯 /哈里斯

內容簡介 ：旨在對平面設計中容易混淆的一些專業詞彙予以區別和解釋，比如斜線和斜體的區別，重印、套印、翻轉的區別等。

美術繪畫

書籍名稱：《視覺與繪畫》

作  者：  諾曼・布列遜 

內容提要：本書對西方美術史極為閉塞與自滿的研究現狀作了尖銳的理論批評，強調從繪畫圖像的社會性及其作為符號的獨特角度、從歷史與人文學科當代發展的角度拓展研究視野。

書籍名稱：《素描與視覺思維》

作  者： 吳國榮 

內容簡介 ：本書對古代到現代源遠流長的素描傳統,作重新的審視和選擇；對不斷更新發展的各設計專業需求共同本質因素的探究和設計類基礎素描教學和實踐作了系統的梳理和思考。

色彩構成

書籍名稱：《設計配色基礎》

作  者： 視覺設計研究所 

內容簡介 ：幫助讀者了解配色的整體效果以及有關配色的基礎知識，講解了營造畫面氛圍的方法，以及如何利用色彩給人的感受來表達主題。

書籍名稱：《藝術設計的色彩構成》

作  者： 朝倉直巳 

內容簡介 ：雖然這書是很老了但畢竟學問這東西萬變不里其宗！不得不承認日本人教學方面的書比中國人嚴謹很多。

版式設計

書籍名稱：《版面設計的原理》

作  者：  伊達千代 

內容簡介 ：以條理分明的章節及淺顯易懂的文字，有層次地說明設計的各個環節。作者從建立條理、添加變化、強調重點、設計技巧和設計中的色彩幾個方面將自己實際操作經驗與心得全部記錄下來。

書籍名稱：《柵格系統與版式設計》

作  者： 金伯利·伊拉姆 

內容簡介 ：本書中展示的設計超越了簡單的功能主義和簡約主義的教條，使得版式設計成為一種真正的動態傳達方式。

字體設計

書籍名稱：《文字設計的原理》

作  者： 伊達千代 / 內藤孝彥 

內容簡介 ：作者匯集多年來的經驗，運用大量實際案例，有層次的逐步展開文字設計的各個重要因素，從認識文字、文字與意象、易於閱讀的文字組合、在設計中如何強調文字，以及文字在排版中的運用。   

書籍名稱：《商業字體設計》

作  者： 許瀚文

內容簡介 ：作者走遍陸港台日、歐洲，跟世界各地的字體設計師、文字設計師交流，並每天工作、學**、不斷反思反省下所蒸餾出的想法。

交互設計

用戶體驗設計

書籍名稱：《破繭成蝶-用戶體驗設計師》

作  者：  劉津/李月

內容簡介 ：一本很實在的書，基本從入門給我們講述了什麼是用戶體驗，書中融入了寶貴的職業經驗和專業思考，對於交互設計師、視覺設計師、用戶研究員等具有一定參考價值和借鑒意義。

交互設計原則與規范

書籍名稱：《簡約至上：交互設計四策略》

作  者： Giles Colborne 

內容簡介 ：一本凝煉至極、耐人尋味、圖文並茂的好書。簡化設計，提升易用性。創造出卓而不群、歷久彌新的用戶體驗。

書籍名稱：《認知與設計：理解UI設計准則》

作  者：  Jeff Johnson 

內容簡介 ：把設計准則與其核心的認知學和感知科學高度統一起來，從認知和心理學角度剖析交互設計本質，介紹如何將最新的認知 學成果應用到交互設計中。

設計心理學

書籍名稱：《設計心理學》

作  者：  Donald Norman 

內容簡介 ：幫我們找到了這些問題的關鍵，即產品設計忽略了使用者在一定情境中的真實需求，甚至違背了認知學原理。

設計思想

書籍名稱：《點石成金》

作  者： 史蒂夫·克魯克 

內容簡介 ：這本書短小精悍，語言輕松詼諧，書中穿插大量色彩豐富的屏幕截圖、趣味叢生的卡通插圖以及包含大量信息的圖表，使枯燥的設計原理變得平易近人。

書籍名稱：《設計中的設計》

作  者： 原研哉 

內容簡介 ：以謙虛但同時尖銳的目光尋找設計被需要的所在，並將自己精確地安置在他的意圖能夠被賦予生命的地方。

書籍名稱：《寫給大家看的設計書》

作  者： 威廉姆斯，Robin　Williams

內容簡介 ：以其簡潔明快的風格，將優秀設計所必須遵循的這4 個基本原則及其背後的原理通俗易懂地展現在讀者面前。本書包含大量的示例，讓你了解怎樣才能按照自己的方式設計出美觀且內容豐富的產品。

當然一切還是行動起來最靠譜

看到網上和周圍有很多人都在討論如何學UI設計、UI設計的職業前景怎麼樣之類的話題。不得不說現在UI這個職業確實需求很大有很多人想要學**和從事相關的工作。設計是一門需要沉澱的技藝，卻恰巧遇見了日新月異的互聯網文化。只有知識與實踐的努力才能成就一個出類拔萃的UI設計師。

2、網頁怎麼設計有助於提升用戶體驗？

yyseoer顧問根據多年的網頁設計經驗給大家總結了一下幾點，全是干貨哦！！！
細節一：網站的內容展示
網站要展示給用戶什麼內容，是網頁設計要著重考慮的細節。一些網站在方面的選擇是，將某些關鍵性的資源或內容做好隱藏，當客戶瀏覽這種網頁頁面時就會讓網站注冊或者登錄。帶著這類構思來設計網站，以便引導客戶變成官網注冊客戶，在首頁盡可能突顯「登錄」和「注冊」按鍵，再再加文字描述開展引導，感覺那樣就早已是以客戶的視角來考慮到網站製作的關鍵點了。
其實並非這樣.客戶體驗的是自身關注的東西，對於客戶而言關注的是網站內容，網站能尋找自己願意看的內容就是客戶考慮到的，因而怎麼使客戶較易於的尋找想要的內容算是網站應考慮到的關鍵點。
細節二：內容與網站風格的契合
內容與網站風格的契合也是需要考慮的關鍵點，一個好的內容在順心的背景圖烘托下，給客戶這種心曠神怡的氛圍，對於不一樣的客戶，採取的背景圖稍微不一樣，網址願意盡量的吸引用戶，賣巧的設計與好的內容緊密聯系，先有設計，然後有內容，當內容形成一定風格的時候，再去影響設計，二者之間互相影響，達到好的契合度，讓用戶看起來很舒服!

3、網站設計中需要注意哪些基本的細節

一、網站結構清晰
如果你的網站結構不清晰，就像是一個大迷宮，那麼當百度蜘蛛來爬取信息的時候就會找不到關鍵的內容，對搜索引擎十分不友好，不利於客戶體驗，也不利於優化。因此，網站製作需以結構清晰為原則，事前進行規劃分類，使用的程序也需要精簡，減少垃圾代碼的產生。
二、網站速度要快
網站的速度主要指兩個方面，一是網站的打開速度，另一個是網站的載入速度，其實對於用戶來說這兩點並沒有什麼區別，但是很多企業有一個錯誤的認識，他們認為網站能夠打開就可以啊，這其實就沒有注意到用戶體驗，我們如果設身處地的想一下，自己在看一個網站的時候如果載入速度很慢肯定是沒有任何興趣繼續瀏覽，其實影響網站的速度的原因主要有一下三點：1.伺服器的穩定性，如果伺服器不穩定的話，打開速度肯定不會快，2.網站的功能太多，且代碼不簡潔，3.網站內的圖片過大，太便宜的伺服器通常都會有不穩定這一個問題，網站內的動效視頻也會影響到載入速度，圖片太大也會影響到載入速度，所以在製作網站時需要充分的考慮到以上幾個問題。
三、網站的內容質量
這里主要是指，網站的文字、圖片、內容質量等等。在網站內容的發布上盡量以圖文為主，圖片要清晰、內容要多原創網站製作需要以質量為主，質量好的內容在於原創，而不是抄不是轉。

4、有沒有在解放號上做過網頁設計外包的？接包的公司怎麼樣啊？

很多人評價都相當不錯。網頁設計比較美觀，內容豐富，干貨滿滿。重要的是彈出廣告少，我喜歡。

5、怎樣製作網站?急!急!急!

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
★要想學做網頁，首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。

Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具，javascript、java編輯器等。

網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。

大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。

總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！

祝你成功。
★你可以結合 Dreamwaver 和 Photoshop 來製作網頁。

Dreamwaver 可以到這里下 30天試用版，不過要先登記一個免費帳號，http://www.macromedia.com/cfusion/tdrc/index.cfm?proct=dreamweaver
★在網上有這方面的教程
教程
http://www.nease.net/xhelp/
http://school.jz173.com/（中國建站專家）
主頁和個人空間
http://home4u.china.com/（中華網）
http://www.35.com/yumingzc/yumingzc.asp
建議使用網頁製作三劍客Dreamweawer+Firework+Flash 或使用Frontpage

6、求一個平面設計干貨的網站

去混下豬八戒網吧，小白的入門級，去試試看下自己能不能混點價值。

7、網頁製作要學什麼東西？

mianfeimoban回答的很合理。我來解釋下。
1、html語言。首先要學這個，任何網頁的顯示都要靠html語言來表達，最後瀏覽器解釋html語言顯示在我們面前。
2、伺服器架設，要製作網頁就需要架設伺服器來調試你做出來的網頁，有iis等很多種，可以在網上搜索得到。
3、css語言。用網頁製作三劍客做出來的東西，css大部分是自動生成的，很難理解，需要學習基本的css知識，是步入高手的必經之路。css控制著網頁圖片、表格、文字等等內容在我們面前的顯示樣式，比如顏色，邊框，大小等。
4、div+css布局。這個東西是走向專業製作的必經之路，網頁元素靠它來搭建基本框架，像百度空間，QQ空間的皮膚等就是利用這個來做的。
5、資料庫。走向動態網頁的基礎，比如百度知道的提問回答這些，都涉及資料庫的讀、寫、改、刪。常見的資料庫有mysql、mssql、access等。資料庫是所有軟體的基礎，80%以上的應用程序都涉及資料庫，而作為網頁製作來說沒有必要學得很深，夠用就行。
6、動態語言，asp，php，jsp，.net(c#等）。要操作資料庫，交互就需要動態語言，現在好多動態語言像php都有「框架」，用框架建站好比用活動板房的零件建房子，全部自己寫好比一塊一塊磚砌房子。
7，javascript。網頁裡面的驗證碼，彈窗，特效等就靠它了，一個沒有javascript的頁面基本沒有，這個也有好多的框架可用，這個語言是最難的，也是最強大的，網頁木馬，病毒大多用這個語言。
8、平面涉及軟體。flash，photoshop等，頁面美化還要靠圖片等東西。
這些個東西你會一個，或者一個都不會，都能做出一定水平的網頁（用三劍客，或者直接用word做好後另存為htm文件就行），要深入的學，這些知識基本的。

8、超贊干貨，一個完整的UI設計流程是怎樣的

需要的基礎就是一些簡單的美術基礎和平面設計基礎，要求也不算高，一般流程是這樣的，大致5個階段，PS ，Illustrator ， DW，InDesign都會用到。

第一階段 UI用戶設計基礎（UI行業發展及UI設計師職業規劃，美術基礎，平面設計基礎，圖形與創意設計，網頁設計基礎，互動式網站），軟體：Photoshop、Illustrator

第二階段 移動界面設計（圖標創意思路與方法，圖標的創作設計，主題圖標設計，Ios系統Android系統Windows phone系統，UI設計實訓課程）

第三階段 交互類（UCD，交互設計高級技術）

第四階段 流程設計（界面開發對接，流程管理，移動媒體綜合開發實訓）

第五階段 綜合項目實訓及就業階段（根據所學內容，選擇一種移動平台（IOS/Android/Winphone），軟體界面，WUI類型設計，完成初稿設計。依據項目初期確定的需求進行驗收，並簽署驗收報告。）

9、干貨帖，Web前端開發框架有哪些

如果是純移動端的話，zepto加frozenui加seajs挺好的。感覺bootstrap的響應式不適合純移動端開發，因為太重了，對移動端載入速度影響很大，純移動端還是小快靈比較好。
如果是做H5那種活動頁，推薦用motion.js，挺好用的，效果贊贊的。
PC端的話，jq+bootstrap是個挺好的組合，或者用backbone也是挺普遍的，但是如果是開發企業管理系統那種的web頁面可以考慮extjs，現在改名叫sencha了，組件多。相反，個人感覺react就不是很適合用來開發企業管理系統。
react現在很火，發展也很快，可以先學習學習，不過react只是View這一層，是個庫，並不是一個完整的框架。而Angular可以說是個大而全的框架，但是載入速度相對比較慢，還有就是Angular 2.0和1.0有很大不同，幾乎是個推翻重做的感覺，所以現在如果用1.x的話，感覺會比較尷尬。
另外，模塊化的話，用seajs的也挺多。
還有就是可以多關注一下打包工具，grunt，gulp和百度開發的FIS。

10、現在做網頁前端的學習路線是什麼

初學者必看干貨web前端學習路線圖，隨著移動互聯網的發展，web前端逐漸受到企業的重視，前端開發人員的薪資也水漲船高，越來越多的人看好前端行業的發展，想要轉行加入。下面，給大家分享一份web前端學習路線圖，希望對初學者有所幫助。

Web前端行業的發展，讓前端人員能完成比以前更多的職責范圍，所以未來前端可以寬口徑就業，前景非常好。除此之外，目前web前端工程師日均崗位缺口超50000，平均薪資10820元/月。

對於零基礎的人而言，要怎麼學習web前端呢？

1、前端頁面重構。主要內容為PC端網站布局、Photoshop工具及切圖、H5移動端網頁布局、HTML5+CSS3新特性與交互。學習目標是完成PC端網站布局，可實現響應式布局，一套代碼適配PC端、移動端、平板設備等。

2、前後端網頁交互。主要內容為JavaScript語法全面進階、ES6到ES10新語法實踐、jQuery應用及插件使用、設計模式及插件編寫、封裝JS工具庫及WebAPIS、AJAX+PHP+MySQL前後端交互、前端工程化與模塊化應用以及PC端全棧開發項目等。學習目標是可以掌握前端工程化工具，如git、gulp、webpack等，搭建項目及開發項目。

3、Node.js+前端框架。主要內容為Node.js全面進階、Koa2+MongoDB搭建服務、Vue.js框架、React.js框架、小程序雲開發與小程序框架、原生APP與混合APP、數據可視化與桌面應用等。學習目標是掌握桌面應用及可視化大數據，實現復雜數據展示類項目，能夠獨立完成前後台相關功能，勝任HTML5全棧開發工程師職位。

很多學習web前端的朋友都希望在學成後能找到一份滿意的工作，所以我們在學習過程中一定要注意實戰經驗的積累，如果你所學的東西對企業沒有用，那你所做的一切都是無用功。