邮箱订阅 RSS
当前位置 :   新闻中心 企业 正文

如今简洁至上的Web设计——

发布时间:2012-11-06 来源:新京报 作者:loli 浏览:78 打印 字号:

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

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

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

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

clean-web-design-elements-tips-showcase

简洁风格的创意组成要素

固定宽度的页面布局结构

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

clean-web-design-elements-tips-grid

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

clean-web-design-elements-tips-creative-review

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

clean-web-design-elements-tips-magazin-newspaper-guardian

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

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

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

A Brief Look at Grid-Based Layouts in Web Design

The 960 Grid System Made Easy

也不是什么新概念了,国产好文章也蛮多,有欲求的同学可自行觅食

友情链接 常见问题 留言反馈 问卷调查 集团子公司
Copyright1988-2016   京ICP备09021176号-1  北京公安局朝阳分局:1101054603

footlogo

用户登录:

用户名:
请输入用户名/Email
*
密 码:
请输入您的密码
找回密码
*
验证码:
点击刷新
看不清?换一个
*

忘记密码:

忘记密码?请填写以下信息,我们将帮助您通过邮箱找回密码!
用户名:
输入用户昵称
*
邮  箱:
请输入您注册时填写的邮箱
*

用户注册:

用 户 名:
输入用户昵称
*
密    码:
密码长度6-14位,字母区分大小写
*
确认密码:
请重复您输入的密码
*
邮    箱:
输入常用邮箱,用于登录和找回密码
*
手    机:
请输入常用的手机号码
*
验 证 码:
点击刷新
看不清?换一个

邮箱认证:

恭喜您,已经注册成功,请验证您的邮箱已便成为我们的会员!

取消邮箱订阅:

请填写以下信息,取消订阅信息到您的邮箱!
邮  箱:
输入您订阅时填写的邮箱
*
验证码:
看不清?换一个