极简主义网站设计:寓丰富于简单（2）
作者：神采飞扬 来源：前端观察 发布时间：2009-12-07 21:37:00
如何简化内容
实现极简设计或者简化设计的第一步，不是简单的去掉大部分图片，而是要重新考虑内容并将其简化到无遮盖的需求。只有那样才能让页面中最重要的元素实现其预期的效果。
就像你策划任何其它网站一样，写下你需要的内容：logo、介绍、导航等等。去掉其它一切不需要的东东。尽可能的丢掉它们。
下面是一些你可能不需要的元素。请注意这仅仅是一个指导。你的确切的需求将依赖于你的具体设计。下面的一些元素对你的网站来说可能不是必须的。
社区媒体的图标或图形，或者社区媒体部分
宣传员和补充说明或介绍
“推荐,” “流行”和“最新”列表(包括Twitter和RSS订阅列表)
多于3个主要部分的页面(比如“介绍” “关于”和“服务”)
次级导航页面
这里的关键并非让网站有较少的功能，而是去掉不是必要的元素(从而强调必须的元素)或将多个部分整合到一个更简单的布局(比如，通过合并你的社区媒体链接到“关于”或介绍性部分)。
你也可以分割内容到独立的页面，给予内容的每个部分更多关注。
如何简化设计
现在轮到尽可能的简化设计了。
简约设计应该有较少的纹理、色彩、形状、线条、内容或排版。然而，如果太直白，设计将会空洞。与其丢掉所有东西，不如通过给焦点添加一个重要的特征来给设计一些感染力。
选择焦点可能的样式，并在你的设计过程中注意一下下面提到的技巧。
使用一个很棒的线框
通过理论下面的展示，我们看到一些设计师通过微妙的色彩填充、独特布局或有趣的图形添加一些视觉趣味。然而，或许他们所依赖的最重要的元素，就是一个独特的线框。
为这样的网页创建一个线框需要一些额外的注意事项。通过正确的线框，你可以实现正确的层级和组织以及创建正确的视觉趣味。
要启动一个线框，请按照以下步骤：
确定你绝对需要的内容
在一个列表里面，区分内容的优先级
给予你的列表绘制线框的草图以实验最佳的视觉层级
当作出了线框之后，考虑一下布置以及视觉上的处理方法。譬如，你的logo使用了一种在其它地方不再重用的颜色，你必须说明原因。
扩展阅读：从线框图到最终设计
0
投稿猜你喜欢
- 上一次，我们谈到在ASP中如何利用“正则表达式”对象来实现各种数据的校验，文中描述了正则表达式对象的强大功能，接下来，我们来看看有关“正则表
- 1、从半年以前要“去中心化”开始，豆瓣作了不少大的调整，重要的是上线了很多的新功能。同城、日记、相册、音乐试听、等等。2、一个多月来，豆瓣上
- 首先，必须有错误继续进行的声明On Error Resume Next 然后尝试简历jmail实例： Dim JMail Set JMail
- 使用SQLSERVER的应该经常遇到“Unable to read local eventlog (reason:事件日志文件已在读取时间更
一提起Google的产品，大多数人可能都会想到用一个词来形容，“简洁”。简单得来又实用，这就是Google的产品设计方针了。Jon Wile- 很多时候，用户可能会因为承受不了某一产品中的细节设计而放弃使用该产品，这无疑是让设计人员感很沮丧的事情，因为除去这个细节的问题外，这个产品可
- 这主要是因为杀毒软件将一些asp关键词当作木马特征，记录保存着，所以遇到有这个关键词，就会禁止运行或删除。解决的方法是将这些关键词给拆开。把
- 原文地址：30 Days of Mootools 1.2 Tutorials - Day 22 - Fx.Elements通过
- 原理 采集程序实际上是通过了XML中的XMLHTTP组件调用其它网站上的网页。比如新闻采集程序，很多都是调用了sina的新闻网页，并且对其中
- 由Oralce8.1开始，Oracle增加了一个新的特性就是Stored Outlines，或者称为Plan Stability（计划稳定性
- 用Dreamweaver制作网页时，如果插入的图片、GIF动画、声音、视频或链接的网页是用中文命名的，在用IE浏览器浏览时可能显示不出来。以
- <!doctype><html><head><title>新闻图片轮换类</title
- 这个分页使用的是0游标，也就是Rs.Open Sql,Conn,0,1。但是感觉也快不了多少，10万条数据的分页时间300多豪秒之间。风格A
- 开发过程中，错误免不了。为了纠正错误与规范化。可以使用MS SQL Server的系统存储过程sp_rename与OBJECTPROPERT
- 一个非常简单的将半角"转换为中文"的asp函数function new_str(str)
- 在ASP中，如何创建DSN？ 见下：<HTML><HEAD><META&n
- 代码如下:Function getTreeRootId(pNodeId) getSQL = "select note_id,par
- 一、偏好资源的积累利用DreamWeaver 4制作网页会应用到许多各种类型的要素，比如色彩、图片、模板、脚本等。利用站点资源面板将这些东东
- 在HTML中，常见的URL有多种表示方式：相对URL： example.php demo
- win7 +Navicat Lite 9+ VMware7在VMware中安装openSUSE11.x mysql5 Navicat Lit
