HTML5网页设计

观点分享

极简网页设计

时间:2013-03-17 22:59来自:GDC作者:网络点击:
说到简约,有趣的却是,我们却常常把简单的事情复杂化。 在所有的艺术中,在我们生活的所有方式中,我们开始使用任何我们所能加入的东西, 网页设计也一样。

说到简约,有趣的却是,我们却常常把简单的事情复杂化。
在所有的艺术中,在我们生活的所有方式中,我们开始使用任何我们所能加入的东西,
网页设计也一样。当我们开始意识到多并不一定就好,那我们可以少用一些东西,尽量简化,删除掉不必要的元素,这样我们才可以专注于真正重要的。

以下有些粗浅的认识带给大家。

1.什么是极简?
极简,在最纯粹的样式中,还原其最基本的东西。

比如一辆车。 它仅仅只需要几个关键部件 – 发动机,车轮,气油,等, 来运行它。 只要它有这些部件,您可以去掉许多非必要的元素,如它的音响系统,加热真皮座椅,杯架,美女等,这样的汽车依然可以带你到你想到达的地方,当然,极简不一定就是简陋,这里只是打个比方。

极简主义设计运动始于瑞士,然后被用于多种媒体:图形设计,建筑,音乐,文学,绘画,以及网页设计。
在极简的网页设计中,不是把所有能用的东西都用上,然后逐个删减下来只剩下必要的功能和内容。最有效的方法是一开始用一个框,只包含重要的内容。极简的网页设计的最终目标是帮助用户去快速的关注焦点,并尽快实现他们的目的。

设计极简的网站时,应该牢记以下三件事:
主题:在网页上最重要的事情是什么?是否能有效的保证用户的参与和关注?
可用性:什么元素承担着用户体验?减少什么元素,可以使浏览更加方便?
平衡:网页是否有适当的视觉层次和其构成元素是否有适当的视觉权重?

这三个要素实际上是在所有的网页设计中都是最重的,但其他风格的视觉样式可能要求更多的视觉层次,而极简不需要。

2.为什么要使用极简的风格?
极简的思维是现代网页设计的基础——我们从内容开始,也可能是
品牌。
设计极简的网页有很多好处。
最明显的是:极简网页设计通常会用到更少的代码和网站资源。极简的网站,往往会产生较少的CSS规范,HTML元素,镜像,JavaScript等等。这最终意味着增强了前端Web性能,进而提高了可用性和得到更好的用户体验。
但是这并不意味着设计阶段是一点都不费力的。极简主义也需要有和其他任何类型的网站一样多的思考,规划和输出。
一旦有了这个概念,就会让你得设计变得轻松,设计过程中也不会轻易的破坏极简的设计风格,极简设计中主动的避开多余的元素,会让你的设计变得更加开放和自由。 当页面少一些内容的时候,会较少的分散注意力。 只要你充分考虑到页面的平衡, 排版和空白上的处理,那么你的设计最终回有一个不错效果。 相比一些几十个图层的PSD模板,得到的效果可能更令人满意。 相对于那些精湛的细节处理技巧或大师级的Photoshop视觉效果而言,极简其实是以一个更完美的方式来创建一个网站,只需要一个排版,留白的空间和对平衡的深刻理解。 (例)

案例演示了如何极简的设计一个有趣并具有视觉吸引力的网站。然而,极简的设计最重要的地方,是没有多余的设计元素,强调网站的内容。 通过适当的处理一些的空白,使得网站的每一个部分都有喘息的余地。

这是一个设计师的个人网站,围绕每一块内容大胆的留出足够的空白,使读者可以快速的把注意力集中在感兴趣的内容上,不用担心被其他不想关注的内容干扰。读者的眼球集中在有秩序的内容上。我的视线从“丹尼尔·格雷”进入,然后是图片麒麟的形象,然后导航,接着是“设计师/作家/其他,如果你有问题或想讨论的一个项目,请与我们联系。”之类的简介,由于并没有很多视觉元素来分散的读者,这个顺序便不那么重要了。在视觉复杂的网站,很容易让读者迷路,但在这里,虽然我看到的东西顺序不同,也不知道什么内容才可能是最重要的,但并不妨碍我们去快速的了解这个网站。

3.不可为极简牺牲可用性
正如我们现在都会听到“内容为王”,虽然也有一些不同意此说法的人,有极少数的人会说内容一点都不重要。但其实你设计中使用或设计的每一个ICON,写的每一行代码,在某种程度上,其实它就是页面的内容。和内容一样重要的是如何访问到此内容,如没有充分考虑可用性的话,内容是很难被找到和被阅读的。
现在我们有了新的Web标准和技术,像我们所掌握的CSS3和HTML5,我们必须深入思考什么是必要的,使我们避免过度使用这些东西。另外一点,随着网络技术成长和更复杂,特别是当某些多余的设计模式几乎成了必需,比如使鼠标悬停更柔和一点。但是你始终应该首先在脑海里考虑到可用性。
还有一些例子:在极简的设计中,至少应该包括你公司的名字与LOGO,除非你是和苹果,星巴克和耐克这等建立和广泛认知的公司。例如:不要以为你可以让你的导航菜单变成一组神秘的图标就会让网站变得更有趣,要有一定的认知度,对大多数用户或读者来说,这种事情还是会容易让人觉得混淆。

4.极简的网页设计同样可以华丽
设计简约并不总是意味着要减少所有的视觉要素。与此相反,许多极简的网站设计里都有很强的设计元素,更容易出效果,因为较少设计元素竞争,画龙点睛。
举个例子,icondrawer.com的网站搭配了非常好的颜色,图像和精致的视觉效果,(如在TOP的网页布局导航的,木纹抽屉)加强品质感,也突出了它作为一个专业的图标设计网站的水准,用户也并没有被干扰。

5.设计极简风格的理由是什么?
极简主义在网络上可能被认为过于泛滥甚至随意。 如果“为了极简”而不理解极简的目的,只是刻意的去最求极简的外观,那么你的设计将会变得不知所云。 就像任何其他艺术流派的设计风格一样,极简必须充分理解才能得到很好的效果 – 不要让看起来简单的网页设计欺骗了你,比起表面上所看到的东西其实有更多的意义在里面。
当任何设计在其结构中是混乱的,没有目的的,或者它的头部是看上去不舒服的,它都会引发用户去关闭这个页面。因为用户无法找到他们所要寻找的东西。
一般情况下,在设计任何风格时,你都应该避免歧义和混乱。极简主义也没有例外,事实上,极简的设计风格,必须避免含糊不清的地方像瘟疫一样蔓延,坚持分析和完善可用性,让用户在任何情况下访问你的网页时都不会感到混论。
最重要的是,在你投身设计工作之前,要确保你清楚地了解极简的设计的目标。如果没有正确的方向,你的作品最终可能会失败。
你应该争取的目标是,当你在采用极简设计时,是增强可读性,提高导航和可用性,并且一如既往,尽可能的创造最愉快的用户体验。

6.设计太过于极简?

你的设计可能是过于极简的,

如果: • 您使用的是极简主义的错误的原因 

如果你以任何方式牺牲可用性

这些问题都容易解决,只要你了解一般的视觉设计的目标:是为了清楚地和有效地传达信息。 不断考虑你的设计如何影响你的用户。

以上几点,均是在进行极简的网页设计时所需要考虑的,极简主义作为一个艺术流派影响到网页设计的今天,注定将扮演一个重要的角色,无论你对这样的设计方式是否认同,如果你能较好的去理解极简设计,我相信一样可以对你的设计有所帮助。当你分享到那些精致而简洁到令人惊叹的网站时,你会否也会理解到极简带来更深刻的意义呢?

当前文章地址:http://www.shejicool.com/web/guandian/426.html

阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐