【编者按】本文作者Jake
Rocheleau,社交媒体爱好者兼互联网企业家。他在文中根据自己的个人经验,向我们阐述了一些关于如何设计极简主义的网站界面的诀窍。这里提到的极简主义设计,就是剔除所有多余的元素,将设计保留在最基本的状态下,说来简单,实际上在当今习惯于绚丽与渐变的网站界面设计中,使用极简并非想象中这么容易。
“Less is More”是20世纪30年代著名的建筑师米斯.凡德洛说过的一句话,意思是“少即是多”,这是一种提倡简单,反对过度装饰的设计理念。和“少即是多”比较相似的一个理念是极简主义,它强调将最重要的元素和内容放置在最显著的位置,剔除冗余的元素,这正是网页设计过程中需要考虑的因素。道理很简单:页面元素少,访客自然容易将目光集中在网站内容和链接上。那么关于如何设计极简主义的网站界面,我们一起来听听Jake
Rocheleau的见解:
1.必要的规划
在开始着手设计之前,我建议先画个简图,将网站需要包含的区块都罗列出来。然后问问自己是否每个区块对整体设计都很重要,按重要程度进行优先。比如说,主页是否需要侧边栏?侧边栏里边是否包含了访客需要进入的重要链接?当然根据网站类型的不同,这里没有标准答案,这就需要设计师根据具体情况进行具体分析。
虽然没有标准答案,但是至少作为设计师,孰好孰坏你至少心里要有谱。当你明白哪些页面元素是必需的,哪些是次要的,你的工作将会轻松许多。网站的页面就好比一幅拼图,每一块散乱的图片都有一个自己专属的位置,你放对了,画面会渐趋丰富;放错了,便不会完整。
2.网站用色不是越多越好,最简单的方法从基础色开始
一个网站,给用户留下的第一印象既不是网站丰富的内容,也不是网站合理的版面布局,而是网站的色彩。在某种程度上,网站设计的是否成功,很大程度上取决于色彩的运用和搭配。
一般初学者很容易在设计中使用过多的色彩,其实网站的用色并非越多越好,一般控制在三种色彩以内。虽然这并不是硬性规定,但是在最初的设计阶段还是很有帮助的。如果你仔细看看一些类似的网站布局,你会发现他们都设法遵循特定的配色方案——黑色、白色、灰色以及三原色当中的一种或两种颜色是最常见的色彩组合。
一旦将网站的颜色框定在简单的配色方案之中,那么留给内容就会有更大的发挥空间。虽然后期可能还需要进行颜色修改并且添加新的样式,但是一开始就将重心放在简洁干净的界面上,总是能达到非常出色的工作效果。
3.简单的网站导航
网站的导航设计是最能体现网站内部优化细节之处的,对用户的第一眼体验至关重要,如果用户第一次访问你的网站,导航不易使用,也就意味着他们很难找到想要的内容,这样自然就难以向用户传达你的网站所能提供的服务。
这里就要求你将极简主义的理念融入到网站导航的设计之中。按照人们的惯性思维,导航不是在网页顶部就是在网页底部,所以在设计导航的时候应当尽量遵循这个原则,特殊情况可以做特殊考虑。另外再给导航按钮加上适当的色彩或者纹理,从美学的角度来讲,能够更好地取悦用户。
4.将页面元素简化,简化,再简化
实现极简设计或者简化设计的第一步,不是简单的去掉大部分图片,而是要重新考虑内容并将其简化,就像你策划任何其它网站一样,写下你需要的内容:Logo、介绍、导航等等,然后按照重要程度进行优先排序,去掉其它多余的元素,尽可能的丢掉它们,只有这样才能让页面中最重要的元素实现其预期的效果。
5.页面整体设计风格的一致性
保持页面整体设计风格的一致性非常重要,包括整体页面布局、配图、配色、文字等风格前后都要保持一致。因为给用户一个熟悉的界面环境,带给用户的体验要远远好于把用户放在一个新的环境中。
总结
用户界面越简洁,对用户当然会越好用,但设计一个干净简洁的用户界面所需的工作量远远比想象得要多。在设计的时候,应该设身处地站在用户的角度去思考问题,按照用户的眼光来要求自己。而且,一定要切记一句广告词:“简约而不简单”。如果采用武断的、简单的“少”法,这可能还会比“不少”要差上好多倍。把握好“少即是多”和极简主义的理念,才能体现设计师的“真功夫”。以上只是个人的一些建议,如果你有相似或者更好的见解,非常欢迎参与交流和讨论。
ViaWDL
(Danice供雷锋网专稿,转载请注明!)
分享到:
相关推荐
打造高质量Android应用 Android开发必知的50个诀窍 (PDF+Code)全套P
资源名称:打造高质量Android应用:Android开发必知的50个诀窍内容简介: 《打造高质量Android应用:Android开发必知的50个诀窍》是目前唯一一本从开发技巧角度讲解Android应用开发的著作,旨在迅速提高开发者解决...
如果你和你的团队都能严格要求自己,实施我们发现的诀窍方法,那么你的远程开发团队一定会有一个质的飞跃。 有一个关键点要记住,千万不要忽略常识性的建议。有些很明显能起作用的就应该把它列为优先选项,而重中之...
资源名称:你必须知道的HTML5特征、窍门和技术内容简介:一、新的Doctype//zxx:”doctype”中文意思指“文档类型”仍在使用麻烦的,不可能记得住的XHTML文档类型?如果是,为什么还在用呢?使用新的HTML5文档类型...
高清完整版 Android开发必知的50个诀窍精彩绝伦的Android UI设计:响应式用户界面与设计模式.[美]Juhani Lehtimki(详细书签)
教你如何打造一个黑客也读不懂的密码.doc
打造高质量Android应用:Android开发必知的50个诀窍
3.3-5V电路转换技巧和诀窍 3.3-5V电路转换技巧和诀窍 3.3-5V电路转换技巧和诀窍
Android开发必知的50个诀窍高清pdf 本书是目前仅有的一本从开发技巧角度讲解Android应用开发的著作,旨在迅速提高开发者解决各种疑难问题的能力,从而打造出高质量的Android应用。作译者都是经验丰富的Android开发...
主要介绍了六个窍门助你提高Python运行效率,本文讲解了关键代码使用外部功能包、在排序时使用键、针对循环的优化、使用较新的Python版本等优化窍门,需要的朋友可以参考下
如果你想给自己感兴趣的人创作美妙逼真的肖像画,《画相片素描的诀窍》是你的不错之选。作者以清晰的步骤展现人像各部分的绘画技巧,帮助你有效地提高绘画技能,给予你意想不到的收获。《画相片素描的诀窍》将指导你...
XML诀窍XML诀窍XML诀窍XML诀窍XML诀窍XML诀窍XML诀窍XML诀窍
自己制作电脑系统登陆界面的电脑窍门(转载出来一起共享)
这篇文章会教5大法则助我们成为更出色的开发者,在众多开发者中脱颖而出的诀窍,也会在我们的技术职业生涯中给我们很多的帮助。 文章目录1. 先思考,后设计,再下手深度思考设计与策略2. 把功能需求分解成小任务如何...
摘要: 前端的发展如此之迅猛,一不留神,大侠你可能就会被远远地甩在后面了。如果你不想被HTML5的改变/更新搅得不知所措的话,可以把本文的内容作为必须了解的热身课程。更多html5信息请关注:http://www.html5cn.org
打造高质量Android应用:Android开发必知的50个诀窍 是一本非常好的书 但是30多那么薄一本实在不合适 看这个吧 英文不好的也能看懂
《打造高质量Android应用:Android开发必知的50个诀窍》是目前唯一一本从开发技巧角度讲解Android应用开发的著作,旨在迅速提高开发者解决各种疑难问题的能力,从而打造出高质量的Android应用。作译者都是经验丰富的...
参考资料-书法诀窍.zip
供应商管理七大窍门.doc