成为设计师的五项技能!第三招!创优翼教育
2015-06-24 00:00
288 查看
创优翼教育,专注UI设计。带你超神带你飞。
嘿嘿,创优翼小编今天又来了!继续我们的设计师五技能系列,今天介绍的是第三个技能!
这就是空白的力量,它既减少了视觉元素的使用,同时提高了信息的可读性,当我们回头看看Google最新一次设计改版的变化,最显著的便是空白的使用:
空白还可以赋予页面元素更多的含义,让你用简单的文字表现出从属关系,例如下面这个例子:
第一个例子中留白放在正文上部,标题和URL成为一体,URL成为标题的附属元素;第二个例子中不留白,三者成为了一体,看起来就像Google搜索结果;第三个例子留白放在了URL上面,URL变成了正文的一部分。
再从美学的角度,传统平面设计(下图)的经典设计原则亦是如此——视觉元素的功能是“辅助”内容本身,切勿喧宾夺主。回过头来看拟物化和扁平化风格的争执,我对此的观点是,至少在Web端,一定会向平面设计(Print)风格倾向,意味着阅读性内容的设计中一定会减少阴影、渐变、图标、浮动的使用,而更重视字体的使用、更丰富的排版方式、高质量图片、以及大量的留白。
总而言之,学会使用留白,不但是提升信息传达效率、还是符合美学趋势的重要技能。
好了,今天的第三个技能就介绍到这里,创优翼期待与你一起进步。我们下次再接着谈剩下的技能。
嘿嘿,创优翼小编今天又来了!继续我们的设计师五技能系列,今天介绍的是第三个技能!
技能三 —— 使用留白
罗伯特卡帕说:If your photographs aren’t good enough, you’re not close enough(照得不够好,靠得不够近),在页面设计的领域,这句话应该改为“设计得不够好,隔的不够开”——实际上,设计成功的决定因素往往在空白处。留白本身的含义其实并不是页面上空白的区域,而在于如何用更少的视觉元素表现足够的含义,比较下面两个表格:这就是空白的力量,它既减少了视觉元素的使用,同时提高了信息的可读性,当我们回头看看Google最新一次设计改版的变化,最显著的便是空白的使用:
空白还可以赋予页面元素更多的含义,让你用简单的文字表现出从属关系,例如下面这个例子:
第一个例子中留白放在正文上部,标题和URL成为一体,URL成为标题的附属元素;第二个例子中不留白,三者成为了一体,看起来就像Google搜索结果;第三个例子留白放在了URL上面,URL变成了正文的一部分。
再从美学的角度,传统平面设计(下图)的经典设计原则亦是如此——视觉元素的功能是“辅助”内容本身,切勿喧宾夺主。回过头来看拟物化和扁平化风格的争执,我对此的观点是,至少在Web端,一定会向平面设计(Print)风格倾向,意味着阅读性内容的设计中一定会减少阴影、渐变、图标、浮动的使用,而更重视字体的使用、更丰富的排版方式、高质量图片、以及大量的留白。
总而言之,学会使用留白,不但是提升信息传达效率、还是符合美学趋势的重要技能。
好了,今天的第三个技能就介绍到这里,创优翼期待与你一起进步。我们下次再接着谈剩下的技能。
相关文章推荐
- JAVA面向对像基础之——内部类
- Java 迭代器
- [Elasticsearch] 聚合中的重要概念 - Buckets(桶)及Metrics(指标)
- 2015美国STEM职位空缺大
- Java中堆内存和栈内存的区别
- 如何释放java所耗系统内存?
- java 线程详解
- 正则表达式与Python中re模块
- Ubuntu 工具栏时间消失解决办法
- 上海远丰ExpBuilder:最权威的的跨境电商解决方案
- 4--视图模型
- 03-创建模型操作---用户添加
- 使用libnet与libpcap构造TCP/IP协议软件
- 关于debian 挂载分区时出现:Not authorized to perform operati
- debian 系统无声音
- apache 负载均衡
- Android自定义控件View的探讨
- Java规则引擎工作原理及其应用(摘)
- IOS 手势拖拽弹簧效果
- 天下数据分享Linux禁止root账户远程登录