爱心论坛互帮互助平面设计 网页设计 → 安静的结构:控制页面的视觉"分贝"

分享到:

  共有4218人关注过本帖树形打印复制链接

主题:安静的结构:控制页面的视觉"分贝"

帅哥哟,离线,有人找我吗?
kay205
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 等级:论坛版主 帖子:274 精华:0 积分:3057 金钱:4571 金币:0 魅力:1795 威望:0 登陆:61 注册:2007/7/1 16:18:55 近访:2007/12/15 9:38:03 在线:在线0天0小时0分钟.
离升级差0天20小时0分钟.
目前等级0
安静的结构:控制页面的视觉"分贝"  发帖心情 Post By:2007/8/31 13:16:51 [只看该作者]

贴子已被锁定

CNN新闻网站前段时间改版了。非著名设计顾问 andy 通过对比 CNN.comUSAToday.com ,谈了些自己的想法,其中不乏一些好的见解。根据本人的理解,将其中一些有用的信息做了翻译并记录如下:

安静的结构

在设计以内容为主的新闻类网站时,应该运用干净的结构和清晰的元素组合。直观地呈现信息是一个在线新闻站点的根本需求,为满足这种需求甚至可以牺牲一些界面视觉。

外框、线条、颜色等都是结构的基本元素,将这些元素舒服的排列会给页面带来节奏感和连贯性。并大大地加强和突出内容,将内容清晰的呈现给用户。

CNN的改版设计就是如此,它的信息架构干净、清晰,我将它称之为安静的结构。当网站的内容为王,而你又想鼓励用户花时间将内容读入大脑而不只是盯着它的时候。安静的结构在这个时候可以帮助你。

创建一个安静的结构成本其实很低,并且有很多方法。这篇文章会涉及到其中一部分。我将展示如何将它们进行有效的结合,增强设计效果。

两个页面的设计

粗略看一看CNN.com的主页,再看看USA Today的主页。你会发现USA Today设计得也不是太差。通过比较,你就会发现USA Today在内容表达上其实存在着一些混乱。
为何会产生这种情况? 我们通过比较一些细节来分析。

首先,我们比较下两个站点的顶部设计。 CNN非常简单,并且只有一个目标: 导航/搜索。相反, USA Today的顶部稍显忙碌,它想要用户完成至少3种不相关的任务。通过顶部的设计,就初显两个站点截然不同的设计风格。


 回到顶部