摹客
产品
下载
俗话说，“问渠那得清如许，为有源头活水来”，不可否认地看书是学习网页设计中，必不可少且最为有效的途径之一。市面上有很多设计经典之作，比如《写给大家看的设计书》，通过分类阐述“重复、对齐、对比、亲密性”四个设计准则，将原本晦涩难懂的设计理论变得具体、清晰、可操作。小编在这里也整理了类似实用的网页设计经典书籍，并且归纳为：版式设计、配色设计、字体设计、设计人文等。话不多说，一起来看看吧。
设计入门类
1.《点石成金：访客至上的网页设计秘笈》
作者：Steve Krug
推荐指数：★★★★★
可用性设计是Web设计中重要但也有难度的一项任务。本书从可用性测试、用户使用行为及心理、主页布局及导航设计等方面，都提出了许多独特的讲解。书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及很多图表信息，让枯燥的设计原理更加平易近人。适合Web设计和Web开发人员的阅读。
2.《界面设计模式》
作者：Jenifer Tidwell
推荐指数：★★★★
该书作者既是一名交互设计师，也是一名软件工程师，有着扎实深厚的研究功底。本书是很好的Web设计入门书籍，按照设计进程的大致顺序，细致地梳理了交互设计中的模式，且每个模式都至少有一个范例，又方便初学者迅速理解并上手。在它的第二版中， 又新增了社交媒体、移动设计的内容，切合当下的技术发展潮流。
前端网页类
3.《响应式Web设计：HTML5和CSS3实战》
作者：Ben Frain
推荐指数：★★★★
作为未来网页设计领域的主要潮流，响应式可以说已经逐渐取代现在的DIV+CSS设计。这本《响应式设计：HTML5和CSS3实战》可能是目前最好的关于响应式Web设计的书籍，主要介绍有以下几方面的内容：
• 响应式Web设计
• CSS3选择器
• 流式布局
• 使用HTML5与CSS3的表单设计
• 跨浏览器解决方案
版式设计类
4.《平面设计中的网格系统》
作者：Josef Müller-Brockmann
推荐指数：★★★★★
网格设计可以说，是一个平面设计师应该拥有的设计意识和能力。这本由“瑞士平面设计先驱”约瑟夫米勒撰写的书，被誉为西方经典设计著作，其中完整阐述了网格系统理论和设计理念。
5.《超越平凡的平面设计:怎样做好版式》
作者：John McWade
推荐指数：★★★★
美国著名平面设计师John McWade在书中，既全面讲解了平面设计的基本知识，又分享了实用的设计方法和技巧，并配以许多完整的设计案例，帮助你做出优雅且实用的版面。
配色设计类
6.《配色设计原理》
作者：日本奥博斯科编辑部
推荐指数：★★★★★
这本书通过简单易懂的示例作品，逐条讲解了不可背离的配色理论。此外，介绍了理论无法适用时应对的配色设计方法，并且讲解了色彩知识和易用的PS激发，简明易懂。
字体设计类
7.《西文字体》
作者：小林章
推荐指数：★★★★
这本书从亚洲人的视角，告诉我们应该如何正确使用西文字体，以便彻底掌握经典款西文字体。本书分别从“字母的形成”、“认识西文字体”、“西文字体的选择”、“玩味西文字体”、“西文字体制作”等方面，细致讲解了西文字体的发展背景以及鉴别方式。
设计人文类
8.《设计师要懂心理学》
作者：Susan Weinschenk
推荐指数：★★★★
这本书出自国际知名设计心理学博士Susan Weinschenk之手，讨论并解答了设计师必须了解的100个心理学问题。每个问题都配以示例、并给出即学即用的设计建议，让我们能轻松理解设计背后的心理学冬季。包含的内容有：
• 人如何观察
• 人如何记忆
• 人如何思考
• 人如何决策
网页设计工具推荐
工欲善其事，必先利其器，对于设计师而言尤其如此。毋庸置疑，好的工具对于整个设计的加成是有很明显的帮助效果。同时，不同的工具配合不同的设计流程及设计对象，对于最终效果和效率的提升都有很大的影响。这里也罗列了几款实用简单的软件和工具，不妨看看。
Mockplus — 更快、更简单的原型设计工具，提供有大量精美的设计模板，包括：网页、手机APP、平板灯，支持创建网页项目。鼠标拖拽、最快5分钟创建可交互的原型，团队协作省事省时。最近发布了一款设计协作平台Mockplus X，进一步提高软件团队沟通及开发效率，值得一试。
PSD2HTML — 高端的设计格式转换工具，能将我们设计的PSD文档转换为HTML/CSS代码，甚至为WordPress主题或网页模板。它基于网页端，让我们将设计快速转为实际可用的页面、甚至产品。
Photoshop — 入门必须掌握的基础软件，可以说页面的美观很大程度上依赖于PS的制作效果图设计如何。
结尾
以上是强力推荐大家阅读的Web设计相关的书籍，我们不难发现好书往往是通俗易懂、便于指导我们实践的！同样的道理也适用于挑选一款合适的设计工具，但只有最适合的、才是最好的。希望以上内容对你有所帮助。
摹客，支持Sketch/PS/XD/Axure设计稿交付、自动标注切图、全流程协作。助力设计师和产品团队高效工作！
摹客协作
摹客RP
摹客DT
摹客超级版