内容呈现的减法
作者:一叶千鸟 来源:千鳥志 发布时间:2007-11-16 16:22:00
标签:内容,设计
在本身比较复杂的页面里,再突出信息,往往是把几种方法叠加起来使用,比如加粗加大、加粗加色等,区别在于使用的类别和程度。导致的结果是呈现越来越复杂,效果越来越厚重。
其实可以反过来思考,除了作用于元素本身做加法的直接方式,还有做减法的间接方式。把其他效果统一、权重减轻,剩下的自然就突出了。怎么做减法?先来搞清楚加法原理:
字号,不断加大
字体,中文其实没多少选择
字形,粗体或者斜体
颜色,反差越大越突出
常用的就这四种,根据这个逻辑来精简,做减法还可以加一条,通过“留白”制造稀缺。
把页面纵向切开,每类呈现效果看成一个层级,这样可以把页面所有元素立体化。树状信息结构设计理论中,有条说任何内容不能让用户点击超过四次。同样的道理,用户眼睛在获取信息时,如果层级超过四层,也会感觉到麻烦。
此时给用户的平面直观感受是花里胡哨,根源就在于视觉呈现效果的结构化没有处理好,我想这正是UI设计需要严格控制元素使用量的根本原因。


猜你喜欢
- 上一篇中,我们已经打开了Django自带的用户认证模块,并配置了数据库连接,创建了相应的表,本篇我们将在Django自带的用户认证的基础上,
- DML、DDL、DCL区别 . 总体解释: DML(data manipulation language): 它们是SELECT、UPDAT
- 目录1. 解题思路2. 具体解析实现3. 单元测试用例:有一段sql语句,我们需要从中截取出所有字段部分,以便进行后续的类型推断或者别名字段
- 1、简介定时 实现对蚂蚁森林能量的自动拾取,以及帮指定好友浇水2、开发环境搭建语言: javaScript开发工具:vcCode. auto
- 最近在工作中,遇到了数据合并、连接的问题,故整理如下,供需要者参考~一、concat:沿着一条轴,将多个对象堆叠到一起concat方法相当于
- 本文实例为大家分享了js实现select二级联动下拉菜单,供大家参考,具体内容如下<%@ page language="ja
- URLURL 是统一资源定位符,对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示,是互联网上标准资源的地址。互联网上的每个文件都有
- 前言最近参加了datawhale的组队学习活动,在组队学习动员下,开始通过强迫自己输出来实现更好的输入与处理,6-15开始自己的第一次文章发
- 前一段时间完成了一个数据可视化项目,由后台NodeJS+Highcharts框架进行搭建。下面分享一下整个开发过程的流程,以及使用Highc
- Python 提供了两个级别访问的网络服务。:低级别的网络服务支持基本的 Socket,它提供了标准的 BSD Sockets API,可以
- cv::Mat 图像格式 (Data Type)命名规则通用的参数命名格式为:CV_{元素比特数}{元素类型}C{通道数}1最常见的 CV_
- 1.聚合运算(1)使用内置的聚合运算函数进行计算1>内置的聚合运算函数sum(),mean(),max(),min(),size(),
- 发现问题 win10默认设置150%,对页面布局的影响靠单纯的自适应是没办法解决的问题出在device-pixel-ratio解决
- 前言学习Python中,总想做个图形界面,找来找去,找到了tkinter。练习内容:图形界面中,点击按钮后,利用弹出对话框选择文件(或文件夹
- 学习关键语句:vue连接mysql数据库vue项目连接后台数据库配置vue通过node连接MySQL数据库写在前面为了快速学习nodejs制
- SQL Server中一共提供了三个字符串截取函数:LEFT()、RIGHT()、SUBSTRING()。一、LEFT()函数函数说明如下:
- 图像的数组表示图像的RGB色彩模式图像一般使用RGB色彩模式,即每个像素点的颜色由红(R)、绿(G)、蓝(B)组成。RGB三个颜色通道的变化
- 好久没有学python了,反正各种理由吧(懒惰总会有千千万万的理由),最近网上学习了一下selenium,实现了一个简单的自动登录网页,具体
- 总结:下载文件的方式a 标签配置 download 属性 (适用于下载一些静态资源)window.location.href (适用于下载一
- 初次安装完PyCharm后,新建项目时,遇到了No Python interpreter selected的问题。意思是说没有找到Pytho