首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
其他好文
> 详细
读写给大家看的设计书
时间:
2015-06-23 10:19:39
阅读:
155
评论:
0
收藏:
0
[点我收藏+]
标签:
四大设计原则:
*对比(Contrast)
对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注意,对比通常是重要的一个元素,正式它能使读者首先看这个页面。
*重复(Repetition)
让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等。既能增加条理性,还可以加强统一性。
*对齐(Alignment)
任何东西都不能在页面上随意安放。每一个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清新、精巧而且清爽的外观。
*亲密性(Proximity)
彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很亲近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。
#详细介绍这四大设计原则
1、亲密性
亲密性的思想并不是说所有的一切都要更靠近,其真正的含义是:如果某些元素在理解上存在关联,或者相互之间存在某种关系,那么这些元素在视觉上也应当有关联。除此之外,其他孤立的元素或元素组存在亲密性。位置是否靠近可以体现出元素之间是否存在关系。
?如何实现呢?
微微眯起眼睛,统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3-5个,就要看看哪些孤立的元素可以归在一组建立更近亲密性,使之成为一个视觉单元。
!!!要避免的问题:
不要仅仅因为有空白就把元素放在角落或中央。
避免一个页面上有太多孤立的元素。
不要在元素之间留出同样大小的空白,除非各组同属于一个子集。
不同属一组的元素之间不要建立关系!如果元素彼此无关,要把它们分开。
2、对齐
!!要避免的问题
要避免在页面上混合使用多种对齐方式(也就是说,不要将某些文本居中,而另外一些文本右对齐)。
另外,要避免居中对齐,除非你有意识地想要创建一种比较正式、稳重(通常也更乏味)的表示。并不是完全杜绝使用居中对齐,有时可以有意地选择这种对齐方式。
3、重复
设计中视觉元素的重复可以将作品中的各部分连在一起,从而统一并增强整个作品。重复的母的就是统一,并增强视觉效果,易于阅读。
?如何实现?
重复就像强调你的衣着。如果一位女生穿着一件可爱的黑色晚礼服,戴着一顶别致的帽子,她可能会用红色高跟鞋、红色口红和一朵红花来突出她的晚礼服。
!!!要避免的问题
要避免太多的重复一个元素,重复太多会让人讨厌。
4、对比
对比是为页面增加视觉效果的最有效的途径之一,很容易吸引读者去看一个页面,另外对比还能在不同元素之间建立一种有组织的层次结构。要记住一个重要的规则:要想实现有效的对比,对比就必须强烈。千万不要畏畏缩缩。
?如何实现?
可以通过字体选择、线宽、颜色、形状、大小、空间等等来增加对比。
!!!要避免的问题
不要犹豫。如果你想形成对比,就加大力度。不要将一种粗线与一种更粗的线进行对比。不要将棕色文本与黑色标题建立对比。
读写给大家看的设计书
标签:
原文地址:http://blog.csdn.net/heye13/article/details/46597731
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
分布式事务
2021-07-29
OpenStack云平台命令行登录账户
2021-07-29
getLastRowNum()与getLastCellNum()/getPhysicalNumberOfRows()与getPhysicalNumberOfCells()
2021-07-29
【K8s概念】CSI 卷克隆
2021-07-29
vue3.0使用ant-design-vue进行按需加载原来这么简单
2021-07-29
stack栈
2021-07-29
抽奖动画 - 大转盘抽奖
2021-07-29
PPT写作技巧
2021-07-29
003-核心技术-IO模型-NIO-基于NIO群聊示例
2021-07-29
Bootstrap组件2
2021-07-29
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!