摹客
產(chǎn)品
下載
俗話說，“問渠那得清如許，為有源頭活水來”，不可否認地看書是學(xué)習(xí)網(wǎng)頁設(shè)計中，必不可少且最為有效的途徑之一。市面上有很多設(shè)計經(jīng)典之作，比如《寫給大家看的設(shè)計書》，通過分類闡述“重復(fù)、對齊、對比、親密性”四個設(shè)計準則，將原本晦澀難懂的設(shè)計理論變得具體、清晰、可操作。小編在這里也整理了類似實用的網(wǎng)頁設(shè)計經(jīng)典書籍，并且歸納為：版式設(shè)計、配色設(shè)計、字體設(shè)計、設(shè)計人文等。話不多說，一起來看看吧。
設(shè)計入門類
1.《點石成金：訪客至上的網(wǎng)頁設(shè)計秘笈》
作者：Steve Krug
推薦指數(shù)：★★★★★
可用性設(shè)計是Web設(shè)計中重要但也有難度的一項任務(wù)。本書從可用性測試、用戶使用行為及心理、主頁布局及導(dǎo)航設(shè)計等方面，都提出了許多獨特的講解。書中穿插大量色彩豐富的屏幕截圖、趣味叢生的卡通插圖以及很多圖表信息，讓枯燥的設(shè)計原理更加平易近人。適合Web設(shè)計和Web開發(fā)人員的閱讀。
2.《界面設(shè)計模式》
作者：Jenifer Tidwell
推薦指數(shù)：★★★★
該書作者既是一名交互設(shè)計師，也是一名軟件工程師，有著扎實深厚的研究功底。本書是很好的Web設(shè)計入門書籍，按照設(shè)計進程的大致順序，細致地梳理了交互設(shè)計中的模式，且每個模式都至少有一個范例，又方便初學(xué)者迅速理解并上手。在它的第二版中， 又新增了社交媒體、移動設(shè)計的內(nèi)容，切合當下的技術(shù)發(fā)展潮流。
前端網(wǎng)頁類
3.《響應(yīng)式Web設(shè)計：HTML5和CSS3實戰(zhàn)》
作者：Ben Frain
推薦指數(shù)：★★★★
作為未來網(wǎng)頁設(shè)計領(lǐng)域的主要潮流，響應(yīng)式可以說已經(jīng)逐漸取代現(xiàn)在的DIV+CSS設(shè)計。這本《響應(yīng)式設(shè)計：HTML5和CSS3實戰(zhàn)》可能是目前最好的關(guān)于響應(yīng)式Web設(shè)計的書籍，主要介紹有以下幾方面的內(nèi)容：
• 響應(yīng)式Web設(shè)計
• CSS3選擇器
• 流式布局
• 使用HTML5與CSS3的表單設(shè)計
• 跨瀏覽器解決方案
版式設(shè)計類
4.《平面設(shè)計中的網(wǎng)格系統(tǒng)》
作者：Josef Müller-Brockmann
推薦指數(shù)：★★★★★
網(wǎng)格設(shè)計可以說，是一個平面設(shè)計師應(yīng)該擁有的設(shè)計意識和能力。這本由“瑞士平面設(shè)計先驅(qū)”約瑟夫米勒撰寫的書，被譽為西方經(jīng)典設(shè)計著作，其中完整闡述了網(wǎng)格系統(tǒng)理論和設(shè)計理念。
5.《超越平凡的平面設(shè)計:怎樣做好版式》
作者：John McWade
推薦指數(shù)：★★★★
美國著名平面設(shè)計師John McWade在書中，既全面講解了平面設(shè)計的基本知識，又分享了實用的設(shè)計方法和技巧，并配以許多完整的設(shè)計案例，幫助你做出優(yōu)雅且實用的版面。
配色設(shè)計類
6.《配色設(shè)計原理》
作者：日本奧博斯科編輯部
推薦指數(shù)：★★★★★
這本書通過簡單易懂的示例作品，逐條講解了不可背離的配色理論。此外，介紹了理論無法適用時應(yīng)對的配色設(shè)計方法，并且講解了色彩知識和易用的PS激發(fā)，簡明易懂。
字體設(shè)計類
7.《西文字體》
作者：小林章
推薦指數(shù)：★★★★
這本書從亞洲人的視角，告訴我們應(yīng)該如何正確使用西文字體，以便徹底掌握經(jīng)典款西文字體。本書分別從“字母的形成”、“認識西文字體”、“西文字體的選擇”、“玩味西文字體”、“西文字體制作”等方面，細致講解了西文字體的發(fā)展背景以及鑒別方式。
設(shè)計人文類
8.《設(shè)計師要懂心理學(xué)》
作者：Susan Weinschenk
推薦指數(shù)：★★★★
這本書出自國際知名設(shè)計心理學(xué)博士Susan Weinschenk之手，討論并解答了設(shè)計師必須了解的100個心理學(xué)問題。每個問題都配以示例、并給出即學(xué)即用的設(shè)計建議，讓我們能輕松理解設(shè)計背后的心理學(xué)冬季。包含的內(nèi)容有：
• 人如何觀察
• 人如何記憶
• 人如何思考
• 人如何決策
網(wǎng)頁設(shè)計工具推薦
工欲善其事，必先利其器，對于設(shè)計師而言尤其如此。毋庸置疑，好的工具對于整個設(shè)計的加成是有很明顯的幫助效果。同時，不同的工具配合不同的設(shè)計流程及設(shè)計對象，對于最終效果和效率的提升都有很大的影響。這里也羅列了幾款實用簡單的軟件和工具，不妨看看。
Mockplus — 更快、更簡單的原型設(shè)計工具，提供有大量精美的設(shè)計模板，包括：網(wǎng)頁、手機APP、平板燈，支持創(chuàng)建網(wǎng)頁項目。鼠標拖拽、最快5分鐘創(chuàng)建可交互的原型，團隊協(xié)作省事省時。最近發(fā)布了一款設(shè)計協(xié)作平臺Mockplus X，進一步提高軟件團隊溝通及開發(fā)效率，值得一試。
PSD2HTML — 高端的設(shè)計格式轉(zhuǎn)換工具，能將我們設(shè)計的PSD文檔轉(zhuǎn)換為HTML/CSS代碼，甚至為WordPress主題或網(wǎng)頁模板。它基于網(wǎng)頁端，讓我們將設(shè)計快速轉(zhuǎn)為實際可用的頁面、甚至產(chǎn)品。
Photoshop — 入門必須掌握的基礎(chǔ)軟件，可以說頁面的美觀很大程度上依賴于PS的制作效果圖設(shè)計如何。
結(jié)尾
以上是強力推薦大家閱讀的Web設(shè)計相關(guān)的書籍，我們不難發(fā)現(xiàn)好書往往是通俗易懂、便于指導(dǎo)我們實踐的！同樣的道理也適用于挑選一款合適的設(shè)計工具，但只有最適合的、才是最好的。希望以上內(nèi)容對你有所幫助。
摹客，支持Sketch/PS/XD/Axure設(shè)計稿交付、自動標注切圖、全流程協(xié)作。助力設(shè)計師和產(chǎn)品團隊高效工作！
摹客協(xié)作
摹客RP
摹客DT
摹客超級版