推荐几本网页设计和UI设计的书？

时间：2022-07-28 23:27:01 | 来源：网站运营

时间：2022-07-28 23:27:01 来源：网站运营

2018年，你不能错过的8本Web设计书籍推荐

俗话说，“问渠那得清如许，为有源头活水来”，不可否认地看书是学习网页设计中，必不可少且最为有效的途径之一。市面上有很多设计经典之作，比如《写给大家看的设计书》，通过分类阐述“重复、对齐、对比、亲密性”四个设计准则，将原本晦涩难懂的设计理论变得具体、清晰、可操作。小编在这里也整理了类似实用的网页设计经典书籍，并且归纳为：版式设计、配色设计、字体设计、设计人文等。话不多说，一起来看看吧。




设计入门类




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设计相关的书籍，我们不难发现好书往往是通俗易懂、便于指导我们实践的！同样的道理也适用于挑选一款合适的设计工具，但只有最适合的、才是最好的。希望以上内容对你有所帮助。

文末福利~

最后，给各位设计师大大推荐我们团队开发的设计协作神器。

用设计协作神器-摹客iDoc，设计师交付作品更轻松：

• 完成设计一键上传，标注和切图自动生成；
• 支持Sketch、PS、XD的设计原稿和设计图；
• 全貌画板展示流程，页面任务完成度一目了然；
• 设计规范自动采样生成，还可分类管理、同步应用、一键导出设计风格指南。

官网：摹客iDoc，更快更简单的产品设计协同软件

【福利】戳这里免费领取团队版：团队版领取

相关阅读：

5分钟玩转摹客设计系统

反面教材，这9个糟糕的网页设计实例引以为戒

设计类网站的“联系我们”页面设计盘点

干货！2018年你值得一看的网页设计作品集赏析

网页设计有难题？12款网页设计模板给你灵感！

极简网页设计技巧，打造简约之美

进阶学习，如何无代码设计一款美观且实用的网站？

网站着陆页设计，让用户开心着陆的10大技巧！

网站设计缺乏创意？视差滚动网站设计让你与众不同

收集网站用户反馈的5个常用问题

这9款小众时尚的酒店网站设计，让你不再恋家

时尚的不仅仅是它们的服装，还有它们的网站设计

10个最新交互式Web设计实例欣赏

---