形式追随内容？
作者：死猫 来源：tencent cdc blog 发布时间：2010-03-07 15:55:00
标签：QQ,内容,形式,设计,PC
今天想说的是内容和容器的关系，顺便把之前设计中碰到的问题和大家一起探讨下。我们从软件的设置说起。（这里以QQ的设置举例）
一个软件的设置（常称为系统设置）一般承载了软件所有的可配置选项。通过导航，把内容放置在不同的选项卡下面。
由于内容的划分是根据产品功能的逻辑划分，所以设计中经常碰到的问题就是：不同选项卡下面的内容多少不确定，对排版会带来很 * 烦。
正常情况如下图，“启动和登录”内容填充了大部分版面，设置界面看上去很充实。
但有的选项卡下面的内容很少，整个界面就一两行字，大片都是空白。由于内容和留白的比例失衡而导致一定的视觉问题（下图是我自己P的：）
又或者，有的选项卡下面的内容超出了界面的高度… 即使短时间内没发生这个问题，随着产品功能的调整，可配置项越来越多，就会产生问题。
下图消息提醒的设置，如果我再想加一行内容，就必须在已有内容上减少一行。
之前做排版的时候，一直对这个问题很头痛。内容过少时，会设法增加内容或者视觉元素，以求视觉上的平衡；内容过多时，会调整目录结构，把一个菜单项拆成两项，或者反复排版，把内容尽可能压缩在一页里排下。
0
投稿猜你喜欢
- 关于截取字符串指定长度的自定义函数很多，各式各样！不过大多原理都是一个样，循环字符串判断每一个字符的asc码！我这里也有一个，示例函数如下：
css的流行导致了标签的流行，很直观，看起来很清爽。流行的一部分，还有很多种功能强大且美观的导航。。。1. Change.org2. N.D- 在网上我们常常看见一些注册表单的输入框部分并不是我们常见的矩形框，而是一条细线，很多朋友对此很感兴趣。其实要实现这样的效果并不困难，我们只要
- 但是有时候，可以视看处进逻辑程度，可以把三者写成一个触发器，只是在其中稍作判断而已。 你可以根据从下面方法判断触发器是是处理了插入，删除还是
- 判断字符串长度函数：<SCRIPT LANGUAGE="JavaScript"><!--fu
- 这是 小马 在交流会中的分享，可能有些朋友还不曾了解，同时也为了自己温故而知新，就整理下。多种方式可以想像得到，有很多方法立即执行匿名函数，
- 这个函数是前几年刚流行小偷程序的时候，偶写来用于小偷程序中截取代码的；可能有些朋友在我以前的代码中看见过了，但没有写用法，现在把调用方法及使
- 本教程主要介绍css的基础知识,将逐个讲解css的各个属性,过程可能比较枯燥,但会尽力多举例说明.作者的网站：http://jorux.co
- rs.open sql,conn,A,B A： ADOPenforwardonly (=0) 只读，且当前数据记录只能向下移动。 ADOPe
- 阅读上一篇：javascript 45种缓动效果(一)这部分对原先的缓动函数进行抽象化，并结合缓动公式进行强化。成品的效果非常惊人逆天。走过
- 用CSS+DIV编写的实现在网页中显示圆角矩形的代码！希望对大家有用！谢谢支持！以下为CSS代码：<style> div.bg{
- 今天在日常维护一个网站时，发现该网站的留言程序没有经过严格的验证过滤，导致了将近十万条垃圾数据。而其中又不乏重要信息，需要清理数据，以及增加
- 前两天在帮朋友整理他的主页空间时候，发现的一点关于MySQL可能大家都会忽略的问题：我们知道，在安装完MySQL后，它会自动创建一个root
- Entity Framework 4.0 也可以支持大名鼎鼎的MySql,这篇POST将向展示如何实现EF+MyS
- 1引言实现磁带备份数据的功能有两方面的困难：首先，SQL Server（以下简称SQL）所提供的数据库的整体备份及恢复功能不能直接满足本系统
- 最近有网友在留言板里问到jRaiser和jQuery的冲突问题，特此写一篇文章进行解释。冲突的根源众所周知，jQuery是通过一个全局变量$
- 每个程序员都绝对必须知道的关于字符集和Unicode的那点儿事（别找借口！）Unicode与字符集你曾经是否觉得HTML中的"Co
- 如何在本地机器上创建缓存？用法到是很简单，只需先创建Stream对象的实例，然后开始写入数据即可： Dim str&n
- 1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个
- 索引是加速表内容访问的主要手段，特别对涉及多个表的连接的查询更是如此。这是数据库优化中的一个重要内容，我们要了解为什么需要索引，索引如何工作
