形式追随内容？
作者：死猫 来源：tencent cdc blog 发布时间：2010-03-07 15:55:00
标签：QQ,内容,形式,设计,PC
今天想说的是内容和容器的关系，顺便把之前设计中碰到的问题和大家一起探讨下。我们从软件的设置说起。（这里以QQ的设置举例）
一个软件的设置（常称为系统设置）一般承载了软件所有的可配置选项。通过导航，把内容放置在不同的选项卡下面。
由于内容的划分是根据产品功能的逻辑划分，所以设计中经常碰到的问题就是：不同选项卡下面的内容多少不确定，对排版会带来很 * 烦。
正常情况如下图，“启动和登录”内容填充了大部分版面，设置界面看上去很充实。
但有的选项卡下面的内容很少，整个界面就一两行字，大片都是空白。由于内容和留白的比例失衡而导致一定的视觉问题（下图是我自己P的：）
又或者，有的选项卡下面的内容超出了界面的高度… 即使短时间内没发生这个问题，随着产品功能的调整，可配置项越来越多，就会产生问题。
下图消息提醒的设置，如果我再想加一行内容，就必须在已有内容上减少一行。
之前做排版的时候，一直对这个问题很头痛。内容过少时，会设法增加内容或者视觉元素，以求视觉上的平衡；内容过多时，会调整目录结构，把一个菜单项拆成两项，或者反复排版，把内容尽可能压缩在一页里排下。
0
投稿猜你喜欢
前言前面我们已经安装好了Docker，也简单了解了Docker。下面就来给大家介绍下Docker创建Mysql容器的简单步骤，话不多说了，来- 具体特征如下： 1、通过模板实现俄文正常。 2、通过后台数据库生成的静态俄文信息，后台显示正常， 前台乱码。 3、英文正常。 和该主题相关的
- TNS简要介绍与应用 Oracle中TNS的完整定义：transparence Network Substrate透明网络底层，监听服务是它
- 本文实例讲述了Python回文字符串及回文数字判定功能。分享给大家供大家参考，具体如下：所谓回文字符串，就是一个字符串，从左到右读和从右到左
- ASP生成柱型体，折线图，饼图源代码。一：纯ASP代码生成图表函数2——折线图；二：纯ASP代码生成图表函数1——柱状图 ；三：纯
- 目录楔子faker使用方法基本使用地理信息类基础信息类计算机基础、Internet信息类网络基础信息类浏览器信息类数字类文本、加密类时间信息
- 某天写代码突然县道这个问题,顺势总结一波JavaScript 函数和变量声明的“提前”（hoist）行为简单的说 如果我们使用 匿名函数va
- 问题：测试时 收发流采用TestCenter、SmartBit等仪表来进行。如果仍采用其进行自动化冒烟，则会带来效率低、成本高的问题。解决方
- 安装lxml首先需要pip install lxml安装lxml库。如果你在ubuntu上遇到了以下错误:#include "li
- 在外键字段的参数中添加db_constraint=False即可，数据库中没有外键关系，代码中依然可以按照正常外键方式使用。例如：class
- 这是官方截图，mysql5.7安装后，会有一个默认密码，保存在mysql.log里面，找的他，并更改官方文档地址https://dev.my
- 使用consul四大特性1. 服务发现：利用服务注册，服务发现功能来实现服务治理。2. 健康检查：利用consul注册的检查检查函数或脚本来
- 锁定数据库的一个表SELECT * FROM table WITH (HOLDLOCK)注意: 锁定数据库的一个表的区别SELECT * F
- 在最新版的pandas中（不知道之前的版本有没有这个问题），当我们对具有多层次索引的对象做切片或者通过df[bool_list]的方式索引的
- 安装好mysql后，在终端输入 mysql -u root -p 按回车，输入密码后提示access denied......ues pas
- 1、下载安装好PyCharm 专业版后打开或者新建一个Python项目，找到View导航栏，如下图：在Tool Windows下可以找到Sc
- 1、PHP中的抽象类PHP 5 支持抽象类和抽象方法。定义为抽象的类不能被实例化。任何一个类，如果它里面至少有一个方法是被声明为抽象的，那么
- 说明： 本文的自动更新功能使用的项目为 electron-vue 脚手架搭建一个默认项目。 参考的文章如下：electron-vue 中文文
- 最近做网站期间遇到个问题，就是用到比较流行的lightbox效果，就是点击链接后会弹出个固定大小窗口，弹出后窗口下面的内容是被遮罩掉的，最近
- PyCharm 2020.1版安装破解教程，亲测好用 一、安装第一步下载版本一定得是：2020.1其他版本下载地址：https://www.
