在过去的几年里,广州许多新兴的网页设计趋势正在逐渐成为主流,引领我们走向未来。其中,极简网页设计正式成为其中之一。极简设计风格不会随着时间而褪色。自现代主义运动以来,它一直活跃在各种设计相关领域。现在,为什么不能成为网页设计的潮流?
极简设计除了看起来美观,还能提升用户体验。多年来,用户一直抱怨网站导航复杂,网站布局复杂。太多内容被挤在同一个页面,使得整个用户体验直线下降。在设计领域,“少即是多”常常被用来形容极简风格。时至今日,这句话依然适用,尤其是对于进入21世纪的网页设计而言。
1.拥抱平面设计
众所周知,平面设计风格正在逐渐取代以苹果的skeuomorphism为代表的写实风格,苹果本身也在打造自己的平面设计风格,用大胆明亮的色彩来吸引用户的注意力。
获取新技能!设计完美极简网站的六个步骤
另一个积极拥抱平面设计时尚的先锋是微软。微软的windows phone和windows 8系列操作系统就是扁平化设计风格的典型例子,现在微软官网已经实施了扁平化设计到底。这意味着微软一直在整个平台上实施扁平化设计。
所以微软网站上感觉不到阴影和渐变,一切都在2D平面上。标题和正文的字体没有纹理点缀,页面布局干净清爽。图标和按钮充满了扁平化设计,甚至windows 8 start界面背景中的元素也是扁平化设计。
2.留空
无论你习惯称之为负空间还是空白空间,引导你关注网页的重要内容都是非常巧妙的,也是极简风格的典型特征。越来越多的网站开始使用这种设计,设计师逐渐意识到这种设计有多有用。
最简单的案例就是常用的搜索引擎:谷歌和百度。它们是空白空间的例子,所有无关紧要的元素都被移除,搜索框吸引了所有用户的注意力。留白或负空间的存在是极简主义最明显的特征。他们的存在并不意味着那些地方没有内容。它们与它们所引发的主要元素相互依存。
3.选择有限
对于任何一个电子商务或者B2B网站,网站设计的主要目的之一就是提高网站转化率,降低网站用户选择的难度。当你把不必要的选择从网站上去掉,用户受无效信息的干扰就少了,就更容易达到目的,转化率自然也就提高了。所以,选择有限也是极简网站的一大特色。获取新技能!设计完美极简网站的六个步骤
极简网站的登陆页面是最适合展示“有限选择”魅力的地方。庚子就是这样的情况。作为专业的字幕翻译公司,更高的登录页面只有一个输入框和一个翻译按钮I,用户根本不需要做选择。他们只能输入内容然后翻译(当然要收费)。当然,对于那些狂热的极简主义者来说,更高可能不够纯粹,因为顶部的导航条还是有干扰用户视觉的可能性。
4.专注排版
如果你真的想了解更多极简设计的精髓,请登陆布莱恩丹纳赫的网站。布莱恩是一名设计师、插画师和艺术总监。如你所见,它的网站主要依靠两种主要的设计方法:粗体字体和你永远不会错过的单列布局。就这么简单!虽然这看起来有点简单粗暴,但布莱恩的设计达到了两个关键目标:
获取新技能!设计完美极简网站的六个步骤
1.导航栏以单列的形式设计。主要信息清晰直观地展现在用户面前。布赖恩是谁,他做什么,他的作品是什么,如何联系他,这些都清晰地显示在屏幕上。
2.布莱恩成功地利用对比(字体与背景的颜色对比,字体与大小对比)向用户呈现感兴趣的内容。
5.简化导航栏
我们在讨论极简网站时,往往忽略了导航栏菜单的设计。可以做得很大,以增强网站的视觉感,也可以整合到网站的背景中,以无声、不受干扰的方式呈现。
获取新技能!设计完美极简网站的六个步骤
看看摄影师兼设计师克里斯蒂安奥登内兹(Cristian Ordonez)是如何设计网站的。在他的网站上,导航条并不像其他网站那样横跨网站顶部,导航条的项目只是静静的放在右上角。由于不再有下拉菜单,因此不再有图层。菜单的颜色也巧妙地融入了背景。
6.使用色标
网站设计中合理使用小色块可以让用户更容易注意到页面的重要部分。960网格系统网站就是一个例子。960网格系统希望简化网站的开发过程,所以965网格系统网站本身就灵活使用网格系统,分块显示不同的内容。黄色的“查看演示”在黑底白字的网站上非常明显,左上角的Twitter图标直接链接到网站主设计师纳森史密斯的Twitter上。