近几年涌现的很多网页设计趋势正在逐渐成为主流,引领咋们走向未来。其中,简约主义网页设计正式其中之一:那么什么是简约设计?
简约设计是将设计回归实质的一种设计理念。简约并不是对信息的简单删减,而是提炼设计精华,符合美观实用的实质诉求。在网页中,简约的设计,往往具清晰的页面结构、简单的交互操作等特征,在符合传递信息的同时,从视觉体验的角度,为顾客提供轻松、愉悦的美感。那么怎样才能设计出完美的简约风格网站呢?今天上海网站开发为大伙讲解下用六个诀窍拿下完美简约风格的网站制作。
1、简化导航栏
当咋们探讨简约风格网站的时候,经常会忽略导航栏菜单的设计。它可以做的特别大,来强化网站视觉,也可以融入网站背景,以一种静默而无干扰的姿态呈现出来。看一看身为摄影师和设计师的Cristian Ordonez是怎样设计网站的吧。在他的网站上,导航栏并没有像其他网站一样一长条横跨网站顶部,导航栏的项目只是安静地置于右上角。由于不存在越来越多的下拉菜单,故此也没有越来越多的层。菜单的颜色也巧妙地融入到背景中。
2、拥抱扁平化设计
众所周知,扁平化的设计风格正在逐渐取代以苹果式拟物化设计(skeuomorphism)为代表的写实风格,而苹果自身也正在构建苹果自身的扁平化设计风格,使用大胆鲜亮的色彩来吸引顾客的眼球。 另一个主动拥抱扁平化设计风尚的先行者便是微软了。微软的windows phone 和windows 8系列操作系统便是使用扁平化设计风格的典型,现在微软的官方的网站也将扁平化的设计贯彻到底了。这也就意味着微软已经在全平台上高度一致地贯彻了扁平化设计。因此,在微软的网站上并不可能感受到阴影和渐变,一切都在2D平面上。标题和正文的字体都没有纹理点缀,页面布局干净清爽,毫不杂乱。图标和按钮都使用的充满货的扁平化设计,连windows 8 开始界面中背景上的元素也全是扁平化的`设计。
3、专注于排版
假如你真的想深入清楚极简设计的精髓,那么不妨看一看Brian Danaher的网站。Brian是一名设计师、插画家以及艺术总监。正如你所看到的,它的网站主要倚赖于两大设计方法:加粗字体,和你永远无法错过的单栏式布局。就这么简单!虽然看起来有点简单粗暴,不过Brian的这种设计实现了两个至关重要的目标:导航栏设计成单栏的形式,主要的信息清晰直观地展现在顾客面前,Brian是谁,他是做什么的,他的作品有什么,怎么联系他,都清晰地呈现在屏幕上。Brian胜利地使用对比度(字体和背景的色彩对比,字体和字号尺寸的对比)给顾客呈现出有趣的信息。
4、留白
不论你习惯称之为负空间还是留白,它都特别聪明地引导你关注网页的重要信息,同时它也是极简风格的典型特征。越来越多的网站开始使用这种设计,设计师们逐渐意识到这种设计是多么有用。最简单的案例便是大伙常用的搜索引擎:谷歌和百度。它们是留白的典范,所有无关紧要的元素都被移除,搜索框吸引了顾客全部的专注力——它便是要你输入,然后回车、搜索。留白或者负空间的存在是极简主义最明显的特征,它们的存在并不意味着那些地方无信息,它们和它们所烘托的主体元素是相互依托的关系。
5、使用色彩补丁
在网站制作中合理使用小色块可以让顾客更简单注意到页面重要的部分。960 Grid System 网站便是实例。960栅格系统便是希望能简化网站的开发流程,故此965 Grid System网站自身就灵活地使用栅格系统系统,将不一样的信息分块呈现出来。黄色的“view demo”在深色底和白色文字为主的网站上特别明显又不可能喧宾夺主,左上角的twiter图标则直接链接到网站主设计师Nathan Smith的twiter上。清楚简约风格你就能用好它跟一方面设计师提及极简风格设计的时候,他们会错误的认为使用这种风格设计的网页不够诱惑力,然而事实上,简约风格下已经有了如此多的优秀设计。
6、有限的选择
相对任何电商或者B2B的网站而言,网站制作的主要目的之一便是提高网站转化率,降低网站顾客选择的难度。当你将不用要的选择从网站中移除之后,顾客受到无效信息的干扰将降低,更简单达成目标,转化率当然会有所提高。因此,有限的选择也是简约风格网站的一大特征。简约风格网站的登录页是展现“有限选择”
魅力最合适的地方。Gengo便是这样子一个案例,作为一家专业的字幕翻译公司,Gengo的登录页只有一个输入框和一个翻译按钮i,顾客完全无需做选择——他们只能输入信息,然后翻译转换(当然,是收费的)。当然,相对那些狂热的极简主义分子而言,Gengo可能还不够纯粹,由于顶上的导航栏依然具备干扰顾客视觉的可能性。
简约风格的网站不仅会更加简洁,更加井井有条,还能够与现在流行的趋势结合在一起,比如扁平化设计,比如Lowpoly,可以让网站更加出彩,提供越来越多的顾客和收益。
热点文章
最新文章