内容呈现的减法

作者:一叶千鸟 来源:千鳥志 时间:2007-11-16 16:22:00 

在本身比较复杂的页面里,再突出信息,往往是把几种方法叠加起来使用,比如加粗加大、加粗加色等,区别在于使用的类别和程度。导致的结果是呈现越来越复杂,效果越来越厚重。

其实可以反过来思考,除了作用于元素本身做加法的直接方式,还有做减法的间接方式。把其他效果统一、权重减轻,剩下的自然就突出了。怎么做减法?先来搞清楚加法原理:

  1. 字号,不断加大

  2. 字体,中文其实没多少选择

  3. 字形,粗体或者斜体

  4. 颜色,反差越大越突出

常用的就这四种,根据这个逻辑来精简,做减法还可以加一条,通过“留白”制造稀缺。

把页面纵向切开,每类呈现效果看成一个层级,这样可以把页面所有元素立体化。树状信息结构设计理论中,有条说任何内容不能让用户点击超过四次。同样的道理,用户眼睛在获取信息时,如果层级超过四层,也会感觉到麻烦。

此时给用户的平面直观感受是花里胡哨,根源就在于视觉呈现效果的结构化没有处理好,我想这正是UI设计需要严格控制元素使用量的根本原因。

原文地址:http://blog.rexsong.com/?p=1013

标签:内容,设计
0
投稿

猜你喜欢

  • 单点登录之cas集成sonar的配置方法

    2022-01-17 00:45:58
  • 安装了Office2003补丁之后,access不能用,打不开了

    2011-05-12 12:19:00
  • 变量声明时命名与变量作为对象属性时命名的区别解析

    2024-06-12 19:58:32
  • 用Python将IP地址在整型和字符串之间轻松转换

    2021-03-31 16:37:16
  • 使用Docker部署ASP.NET Core程序

    2024-06-05 09:24:56
  • 停止密码输入掩饰?[译]

    2009-07-22 18:44:00
  • 关于scipy.optimize函数使用及说明

    2022-10-19 04:24:04
  • Python学习之循环方法详解

    2021-04-13 21:07:15
  • Python‘==‘ 及 ‘is‘相关原理解析

    2021-10-11 15:16:59
  • 一文讲清base64编码原理

    2023-04-10 23:51:48
  • 天极网页版式设计的思考

    2008-01-18 12:44:00
  • python数值基础知识浅析

    2021-12-10 07:07:49
  • Python中Tkinter组件Menu的具体使用

    2023-09-11 12:46:26
  • 开发中避免延时操作技巧详解

    2022-03-09 17:51:39
  • python工具之清理 Markdown 中没有引用的图片

    2022-02-14 11:44:39
  • Python用二分法求平方根的案例

    2021-09-27 10:05:01
  • CSS3的新特性

    2009-03-23 17:46:00
  • 引用其它js时如何同时处理多个window.onload事件

    2024-04-16 10:31:47
  • Python3.8对可迭代解包的改进及用法详解

    2021-01-08 05:55:05
  • Thinkphp5.0 框架的请求方式与响应方式分析

    2023-11-15 00:07:09
  • asp之家 网络编程 m.aspxhome.com