极简主义网站设计:寓丰富于简单(2)

作者:神采飞扬 来源:前端观察 时间:2009-12-07 21:37:00 

如何简化内容

实现极简设计或者简化设计的第一步,不是简单的去掉大部分图片,而是要重新考虑内容并将其简化到无遮盖的需求。只有那样才能让页面中最重要的元素实现其预期的效果。

就像你策划任何其它网站一样,写下你需要的内容:logo、介绍、导航等等。去掉其它一切不需要的东东。尽可能的丢掉它们

下面是一些你可能不需要的元素。请注意这仅仅是一个指导。你的确切的需求将依赖于你的具体设计。下面的一些元素对你的网站来说可能不是必须的。

  • 社区媒体的图标或图形,或者社区媒体部分

  • 宣传员和补充说明或介绍

  • “推荐,” “流行”和“最新”列表(包括Twitter和RSS订阅列表)

  • 多于3个主要部分的页面(比如“介绍” “关于”和“服务”)

  • 次级导航页面

这里的关键并非让网站有较少的功能,而是去掉不是必要的元素(从而强调必须的元素)或将多个部分整合到一个更简单的布局(比如,通过合并你的社区媒体链接到“关于”或介绍性部分)。

你也可以分割内容到独立的页面,给予内容的每个部分更多关注。

如何简化设计

现在轮到尽可能的简化设计了。

简约设计应该有较少的纹理、色彩、形状、线条、内容或排版。然而,如果太直白,设计将会空洞。与其丢掉所有东西,不如通过给焦点添加一个重要的特征来给设计一些感染力。

选择焦点可能的样式,并在你的设计过程中注意一下下面提到的技巧。

使用一个很棒的线框

通过理论下面的展示,我们看到一些设计师通过微妙的色彩填充、独特布局或有趣的图形添加一些视觉趣味。然而,或许他们所依赖的最重要的元素,就是一个独特的线框

为这样的网页创建一个线框需要一些额外的注意事项。通过正确的线框,你可以实现正确的层级和组织以及创建正确的视觉趣味。

要启动一个线框,请按照以下步骤:

  • 确定你绝对需要的内容

  • 在一个列表里面,区分内容的优先级

  • 给予你的列表绘制线框的草图以实验最佳的视觉层级

当作出了线框之后,考虑一下布置以及视觉上的处理方法。譬如,你的logo使用了一种在其它地方不再重用的颜色,你必须说明原因。

扩展阅读:从线框图到最终设计

标签:网站,设计,简单
0
投稿

猜你喜欢

  • pytorch 数据集图片显示方法

    2022-01-14 08:57:36
  • Asp下Access无法更新的解决方法

    2012-12-04 20:19:35
  • Python bsddb模块操作Berkeley DB数据库介绍

    2024-01-18 05:32:02
  • python多线程使用方法实例详解

    2023-08-18 17:34:00
  • Python列表推导式实现代码实例

    2023-02-07 21:35:05
  • 网页设计之关于素材和言志

    2008-03-23 13:46:00
  • 网马解密大讲堂——网马解密中级篇(Document.write篇)

    2009-09-16 16:16:00
  • Typora 0.11.18免费版本安装使用教程(亲测可用)

    2023-10-29 16:56:58
  • Vuex模块化实现待办事项的状态管理

    2024-04-27 15:59:55
  • python内置函数sorted()用法深入分析

    2022-06-26 07:41:40
  • MySQL中一些鲜为人知的排序方式

    2024-01-18 03:18:12
  • python实现报表自动化详解

    2021-12-31 04:28:14
  • python实现点击按钮修改数据的方法

    2023-08-18 20:46:08
  • Python实现带百分比的进度条

    2022-03-10 00:43:47
  • MySQL修改root账号密码的方法

    2024-01-28 07:25:46
  • accept-charset与Header P3P

    2009-04-01 18:43:00
  • python利用hook技术破解https的实例代码

    2021-10-24 17:20:15
  • 利用Python生成随机验证码详解

    2021-10-04 19:55:50
  • MySQL服务自动停止的解决方法

    2024-01-13 13:38:14
  • python实现过滤敏感词

    2021-02-26 04:23:17
  • asp之家 网络编程 m.aspxhome.com