关于设计极简风格网站的4个步骤
1、拥抱扁平化设计
众所周知,扁平化的设计风格正在逐渐取代以苹果式拟物化设计(skeuomorphism)为代表的写实风格,而苹果本身也正在构建苹果自身的扁平化设计风格,使用大胆鲜亮的色彩来吸引用户的眼球。
另一个主动拥抱扁平化设计风尚的先行者就是微软了。微软的windows phone 和windows 8系列操作系统就是使用扁平化设计风格的典型,现在微软的网也将扁平化的设计贯彻到底了。这也就意味着微软已经在全平台上高度一致地贯彻了扁平化设计。
因此,在微软的网站上并不会感受到阴影和渐变,一切都在2D平面上。标题和正文的字体都没有纹理点缀,页面布局干净清爽,毫不杂乱。图标和按钮都使用的充满货的扁平化设计,连windows 8 开始界面中背景上的元素也都是扁平化的设计。
2、留白
不管你习惯称之为负空间还是留白,它都非常聪明地引导你关注网页的重要内容,同时它也是极简风格的典型特征。越来越多的网站开始使用这种设计,设计师们逐渐意识到这种设计是多么有用。
最简单的案例就是大家常用的搜索引擎:谷歌和百度。它们是留白的典范,所有无关紧要的元素都被移除,搜索框吸引了用户全部的注意力——它就是要你输入,然后回车、搜索。留白或者负空间的存在是极简主义最明显的特征,它们的存在并不意味着那些地方无内容,它们和它们所衬托的`主体元素是相互依托的关系。
3、有限的选择
对于任何电商或者B2B的网站而言,网站设计的主要目的之一就是提高网站转化率,降低网站用户选择的难度。当你将不必要的选择从网站中移除之后,用户受到无效信息的干扰将降低,更容易达成目标,转化率自然会有所提高。因此,有限的选择也是极简风格网站的一大特征。
极简风格网站的登录页是展现“有限选择”魅力最合适的地方。Gengo就是这样一个案例,作为一家专业的字幕翻译公司,Gengo的登录页只有一个输入框和一个翻译按钮i,用户完全无需做选择——他们只能输入内容,然后翻译转换(当然,是收费的)。当然,对于那些狂热的极简主义分子而言,Gengo可能还不够纯粹,因为顶上的导航栏依然具备干扰用户视觉的可能性。
4、专注于排版
如果你真的想深入了解极简设计的精髓,那么不妨看看Brian Danaher的网站。Brian是一名设计师、插画家以及艺术总监。正如你所看到的,它的网站主要倚赖于两大设计方法:加粗字体,和你永远无法错过的单栏式布局。就这么简单!虽然看起来有点简单粗暴,但是Brian的这种设计实现了两个至关重要的目标:
导航栏设计成单栏的形式,主要的信息清晰直观地展现在用户面前,Brian是谁,他是做什么的,他的作品有哪些,怎么联系他,都清晰地呈现在屏幕上。
Brian成功地使用对比度(字体和背景的色彩对比,字体和字号尺寸的对比)给用户呈现出有趣的内容。
-
设计作文400字5篇(集合)
在现实生活或工作学习中,大家对作文都不陌生吧,作文要求篇章结构完整,一定要避免无结尾作文的出现。相信写作文是一个让许多人都头痛的问题,下面是小编收集整理的设计作文400字5篇,仅供参考,大家一起来看看吧。设计作文400字篇1我长大以后,特别想当一名儿童公园设计师...
-
设计方案5篇[推荐]
为了确保工作或事情能高效地开展,就常常需要事先准备方案,方案是计划中内容最为复杂的一种。那么制定方案需要注意哪些问题呢?下面是小编整理的设计方案6篇,仅供参考,大家一起来看看吧。设计方案篇1活动内容:九年义务教育六年制小学《数学》第二册“认识人民币”。活...
-
[推荐]设计房子的作文300字
在日常学习、工作抑或是生活中,大家都经常接触到作文吧,作文是通过文字来表达一个主题意义的记叙方法。那么,怎么去写作文呢?以下是小编帮大家整理的设计房子的作文300字7篇,欢迎大家分享。设计房子的作文300字篇1你是不是设想过未来,比如三面电视,能让我们想看什么就...
-
初中班会设计方案
为保障事情或工作顺利开展,就不得不需要事先制定方案,方案是阐明行动的时间,地点,目的,预期效果,预算及方法等的书面计划。方案的格式和要求是什么样的呢?下面是小编精心整理的初中班会设计方案,仅供参考,欢迎大家阅读。初中班会设计方案1一、活动目的每个人心里都有一...