设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 网页设计 > 2022年,你不能错过的8本Web设计书籍推荐

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

Berry
2018-07-06
1056691

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

设计入门类


1.《点石成金:访客至上的网页设计秘笈》


作者:Steve Krug

推荐指数:★★★★★

《点石成金:访客至上的网页设计秘笈》

可用性设计是Web设计中重要但也有难度的一项任务。本书从可用性测试、用户使用行为及心理、主页布局及导航设计等方面,都提出了许多独特的讲解。书中穿插大量色彩丰富的屏幕截图、趣味丛生的卡通插图以及很多图表信息,让枯燥的设计原理更加平易近人。适合Web设计和Web开发人员的阅读。

2.《界面设计模式》


作者:Jenifer Tidwell

推荐指数:★★★★

《界面设计模式》

该书作者既是一名交互设计师,也是一名软件工程师,有着扎实深厚的研究功底。本书是很好的Web设计入门书籍,按照设计进程的大致顺序,细致地梳理了交互设计中的模式,且每个模式都至少有一个范例,又方便初学者迅速理解并上手。在它的第二版中, 又新增了社交媒体、移动设计的内容,切合当下的技术发展潮流。

前端网页类


3.《响应式Web设计:HTML5和CSS3实战》


作者:Ben Frain

推荐指数:★★★★

《响应式Web设计:HTML5和CSS3实战》

作为未来网页设计领域的主要潮流,响应式可以说已经逐渐取代现在的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,进一步提高软件团队沟通及开发效率,值得一试。

设计协作平台Mockplus X

PSD2HTML — 高端的设计格式转换工具,能将我们设计的PSD文档转换为HTML/CSS代码,甚至为WordPress主题或网页模板。它基于网页端,让我们将设计快速转为实际可用的页面、甚至产品。

PSD2HTML 设计格式转换工具

Photoshop — 入门必须掌握的基础软件,可以说页面的美观很大程度上依赖于PS的制作效果图设计如何。

Photoshop

结尾

以上是强力推荐大家阅读的Web设计相关的书籍,我们不难发现好书往往是通俗易懂、便于指导我们实践的!同样的道理也适用于挑选一款合适的设计工具,但只有最适合的、才是最好的。希望以上内容对你有所帮助。

摹客,支持Sketch/PS/XD/Axure设计稿交付、自动标注切图、全流程协作。助力设计师和产品团队高效工作!

立即体验:https://app.mockplus.cn/app

上一篇
设计师必看!国外8大常见下拉菜单设计示例+教程

Cherry   07/09

Material Design和iOS产品设计差异化思考

王争   07/05

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com