前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >《写给大家看的设计书》摘要与总结

《写给大家看的设计书》摘要与总结

作者头像
前端GoGoGo
发布2018-08-24 17:43:38
5510
发布2018-08-24 17:43:38
举报

写给大家看的设计书

该书适合完全没有设计背景,或在设计方面没有经过正规培训的人。 该书的描述浅显易懂,并且配有很多插图来做描述的说明。阅读起来觉得很轻松。

该书主要有以下部分组成

  • 设计原则
  • 字体设计
  • 其他

设计原则

书中提到好的设计有如下4个原则

  • 亲密
  • 对齐
  • 重复
  • 对比

亲密

亲密指的是,将相关的内容组织在一起(即距离靠近)。这样有助于让不同的内容区分开,让信息变的清晰。

当页面有超过5个孤立的元素时,可以考虑是否把一些孤立的元素放到一起,否则页面容易显得比较乱。

为了显示亲密性,相关元素在距离上靠的比较近。同样的,不相关的元素之间应该有比较大的间距,或者有分隔线之类,让用户能明显的知道这些内容是不相关的。

对齐

对齐指的是:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉上的联系。对齐能给人整齐,有序的感觉。我们的眼睛也喜欢看到有序的事物,这给人一种平静,安全的感觉。

要避免页面上混合使用多种文本对齐方式(如有的文本左对齐,有的右对齐)。

另外,也要避免使用居中对齐,除非你有意识的想创建一种比较正式,稳重(通常也更乏味)的表示。并不是说完全杜绝使用居中对齐,有时可以有意的选择居中对齐,但不要把它作为默认选择。

重复

重复指的是:** 设计的某些方面需要在整个作品中重复。**其实也就是一致性。一个作品,如果没有重复,给人的感觉就是东拼西凑的,取该作品的一部分,我们也不能判断是否属于该作品。

要避免太多重复一个元素。太多的重复让人讨厌。

对比

对比指的是:** 如果两个项不完全相同,就应该使之完全不同。而且应当是完全不同。**对比能凸显不同,增强视觉效果。

对比的方式可以是,大小,颜色,背景,字体,位置等等。如标题和正文,可以用不同的字的大小,颜色,字体,给标题加个背景等等来做对比。

要避免的是,要用对比,就要截然不同。例如不要用棕色文本和黑色文本进行对比,不要用两种类似的字体进行对比。

颜色的运用

介绍了色轮,互补色,三色组,分裂互补三色组,类似色,亮色和暗色,色质和颜色模型:RGB 和 CYMK,顺带着介绍如何配色。

字体

介绍了字体如何搭配使用,以及各种英文字体的介绍。

其他

一些练习,以及答案。

试读

http://read.douban.com/ebook/402418/

致谢

《写给大家看的设计书》这书是用coding.net的1码币换的。Thanks coding.net


本文遵守创作共享CC BY-NC-SA 4.0协议 网络平台如需转载必须与本人联系确认。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015.10.31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 设计原则
    • 亲密
      • 对齐
        • 重复
          • 对比
            • 颜色的运用
              • 字体
                • 其他
                • 试读
                • 致谢
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档