简洁至上的Web设计 - 创意要素及设计技巧

周五了，将今次的译文发上来，以纪念一周的过去。眼看着天气突然就这么热了起来，坐在空调风口下面不到一米的距离内，周身热乎乎的，双眼也似有若无的迷离了起来，这是闹那样呢。

这周有两大喜事。一是终于不用每天回家一直泡在iOS Wow Factor一书的翻译工作当中了，具体情况会在接下来一篇文章当中进行嘀咕。第二是公司UED新总监的到任。看到了一些希望在里面，这两件事都是如此。我们来看正题吧。

简洁，不等于简单。这与弹琴是一个道理，你也许有能力弹得很快，但你并不需要在所有地方都弹得这么快。在很多时候，让速度慢下来反而比弹得飞快要来的更加困难。实际上，味道往往最能体现在从容自然、舒缓平淡的韵律当中。接下来进入原文作者人格；我发现自己在很大程度上就是一Dummy System来着。

简洁的Web页面设计风格是当前圈子当中的风潮之一。在本文中，我们首先将对这类风格当中的那些最具代表性的组成要素进行分析，随后，我(英文原文作者)还会向各位分享一些工作中的实战技巧。

简洁风格的创意组成要素

固定宽度的页面布局结构

花时间观察一些简洁风格的网站，你会发现它们当中的绝大多数都有用到经过良好规划的网格布局系统。如果哪位朋友对网格布局还不大了解的话，可以设想一下，在着手进行实际的视觉设计工作之前，使用辅助线将页面划分为若干等宽的列，通过这种方式对页面结构及元素的布局进行更精准的规划。网格布局可以使设计方案当中的信息结构更加清晰，在视觉上具有强烈的节奏感与一致性。

固定宽度的网格布局结构可以为页面带来秩序与效率。举个例子，虽然Creative Review当中的页面布局会根据内容类型的不同而有所区别，但我们能够感受到的浏览体验却是相当连贯的，因为这些页面都是基于同一套网格布局框架进行设计的。下图展示了他家的首页和About页面：

对于在线杂志或报纸一类需要呈现大量内容的网站来说，要打造简洁的页面设计方案则更加困难。不过英国的卫报(The Guardian)以及一些同类型的在线报纸站点倒是向我们展示了通过固定宽度的网格布局实现简洁设计方案的可行性：

配色有些许凶残么——译者C7210注。

如果不使用固定宽度的布局方式来组织这些内容，几乎可以说，首页将会乱的一塌糊涂。然而，在网格布局的帮助下，模块之间的留白及层次关系都相当清晰，整个内容结构的健壮性得到了提升。

下面两篇文章(英文)可以帮助你更好的理解与实践网格布局的概念：

A Brief Look at Grid-Based Layouts in Web Design

The 960 Grid System Made Easy

也不是什么新概念了，国产好文章也蛮多，有欲求的同学可自行觅食——译者C7210注。

标签： Web设计 用户体验 交互设计 

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点！
本站所提供的图片等素材，版权归原作者所有，如需使用，请与原作者联系。