企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

选择极简主义风格做设计,不是没有道理

发布时间:2017-07-27 11:14:08

TAGS:创意设计

极简设计风格.jpg


简约并不意味着原始,这是两个截然不同的概念。而极简主义设计种大量的留白也并不等同于空。


在 Joshua Becker 的《The More of Less》书中是这样说的:


你并不需要更多的空间,你所需要的是更少的东西。


如今,我们常常在工作和生活种不同的语境下探讨极简主义,而设计和它走的最近。对于极简主义,我们应该熟知它的优缺点和关键知识点。

blob.png


关于极简主义


实际上极简主义这个词在人类活动的各个领域中都被地使用着,Merriam-Webster 词典种对于它的解释是“在音乐、文学和设计领域中以极其平衡简洁而著称的一种风格或技术”。极简主义正在被越来越多的领域所接纳,其核心的特征是简约而富有意义。


作为一种视觉设计的新方向,极简主义在20世纪60年代的纽约很受欢迎,当时的新老艺术家正在探索将抽象几何元素融入绘画和雕塑艺术。相应的,极简主义在当时的诸如包豪斯运动、建构主义运动中,留下了浓墨重彩的一笔。在涉及视觉艺术的不同领域,极简主义的核心原则基本都是优雅地保留关键性的、引起观者注意力的部分。线条、形状、色彩、留白、构图等一切元素都被有效地组织起来。今天我们在生活的各个领域都可以看得到极简主义的影子:建筑、艺术、摄影、文学、音乐、UI设计,甚至食物。


设计师应该追求简约而不空洞,时尚而不过度修饰的极简设计,善于使用负空间,大胆的色彩和字体的组合,将优雅融入功能多样的细节。但是,极简的设计和粗陋原始的设计,两者之间往往只有一线之隔,这也为何许多设计师并不像承担这种风险:有的设计师觉得这种风格过于高冷,而更多的设计师则没有搞清楚怎样通过更少的元素来正确搞定极简设计。

blob.png


极简主义设计的特征


设计师经常会提及的极简主义设计,通常包含下面的特征:


  • 简单

  • 明晰

  • 清晰的视觉层次

  • 高对比度的组件和比例

  • 每个元素都有功能

  • 大量的空间和留白

  • 核心细节拥有高关注度

  • 排版是重要的设计元素

  • 无功能的装饰性元素被移除

当然,这个列表还能更长一些。极简的UI设计突出核心的元素,让用户行为更为直观也更具有目的性,此外,简约的界面看起来不那么复杂,也足够简洁,令人满意的审美趋势也让极简的UI设计拥有良好的用户体验。

blob.png


Dance Academy 的着陆页


极简主义设计最佳实践


如今极简主义设计已经成为网页和UI设计中的主流设计趋势,而极简主义设计的主要特征,可以通过下面的这些最佳实践来体现。


扁平化设计


扁平化设计这一趋势和极简主义是相辅相成的存在,两者在技术细节和精神上都保持着高度的一致性。众所周知,扁平化设计移除了拟物化设计中广泛存在的高光、阴影、渐变和纹理,而扁平化设计2.0中也只是有限度地加入了一点阴影,微妙的渐变。扁平化设计让不同屏幕、不同分辨率下,按钮、图标和插画显得更加统一。界面的可用性和视觉的协调性在这种设计风格下更容易实现。


不过扁平化和极简主义仍然是两个完全不同的概念,两者并非可互相替代存在。扁平化更多的是一种技术手法和风格上的存在,而极简主义有着更广泛的意义,它包含了布局、组成、配色、对比度甚至整体设计精神的一套策略,因此,扁平化设计更多的应该算是创造极简主义设计的一种技术和设计技巧。


2017年的扁平化设计:《一直进化的扁平化设计,在2017年这么玩儿》


blob.png

Cafe Coupon App


单色和有限色配色方案


色彩是构建用户和产品情感联系的重要纽带,而设计师在进行极简主义设计的时候,通常会采用单色,或者色彩数量较少的配色方案,这样能让所选的色彩更具有凝聚力,让色彩的力量最大化。这样的设计让用户不会被轻易分散注意力,这样一来,用户会更加容易被引导到特定的区域,关注特定的内容,从而触发交互(比如购买,订阅,捐赠,开始使用等),这样的界面是有效且高效的。此外,从心理学角度上来看,特定的色彩关联特定的情绪,而有凝聚力的配色则可以放大情绪。


blob.png

Slopes Website


表现力十足的排版


简约的UI设计中,排版设计被视为最为核心的元素之一,它不仅可以为用户呈现内容,而且可以创造风格,强化视觉效果。相比于挑选图片,设计师更在意整体排版布局的选择,并且精心选择元素搭配和尺寸的控制。除了色彩之外,字体也是设计师最为在意的元素,因为字体也是塑造体验,传递情绪的重要元素。可读性和易读性是整个排版布局的基本要求,而设计师并不想让不合理的字体选择毁掉这一基础。


排版技巧并不难:《从这些基本的字体排版规则入手,搞定网页排版这件事》


blob.png

Upper App


有限的选择


极简主义设计的强大之处在于,让用户更加集中注意力,专注于功能和目标。通常,极简风的UI设计中,少有装饰元素,也不会让阴影、纹理甚至多余的交互和色彩来分散用户的注意力,他们需要用户集中注意力,执行关键性的任务,而整个网站或者APP的导航也是围绕着帮用户解决问题而存在。

blob.png


Birds of Paradise Encyclopedia


突出的主题和视觉元素


在极简风的UI当中,设计师不会使用过多的图片,而是选择表现力较强,整体视觉突出的单一图片,以引人入胜的姿态让用户关注到它们。 这样的设计让用户直接注意到对的图片,而不再需要在大量的信息中来做筛选,并且单一的图片所传达的信息和情绪也不会被干扰。图片或者插画将会遵循极简主义的设计风格,否则将会破坏整体风格的一致性。


blob.png

Architecture Firm


简洁直观的导航


极简主义为导航设计提出了苛刻的要求:设计师必须遵循极简的原则来显示最重要的内容,隐藏非关键的导航内容,但是这么做还必须确保用户能够轻松找到所有他们想要的信息,无论关键与否。而这种内在的冲突让极简主义设计为人所诟病:如果没有经过足够的调研和测试,汉堡菜单这类用来隐藏导航和信息的解决方案,可能会让用户无法正确、快速地找到他们想要的内容,甚至在网站中迷失,这不是积极而有效的用户体验设计。


导航设计技巧:《还有这种操作?这10个导航栏设计技巧别错过了》


善用负空间


留白,或者说负空间,是极简主义设计中不可分割的一项重要组成部分,它并不一定得是白色,和颜色无关。在极简主义设计当中,负空间是增强核心元素的被关注度的有效途径,让整个设计更加优雅。如果你的设计采用的是单色,或者双色的配色方案,那么负空间在创造对比度和清晰度方面,起着无可替代的作用。


对抗留白恐惧症:《告别被支配的恐惧!教你治疗客户的留白恐惧症》

blob.png


Ice Website


栅格系统


对于极简风的网页设计,栅格系统在组织内容和布局上,作用非常的明显,尤其当你的网页中包含了大量同质化内容的时候。此外,栅格系统还能很好地帮你搞定响应式设计。


栅格系统的正确玩法:《高手的平面课堂!网格系统的入门基础知识+案例演示》

blob.png


The Big Landscape


对比


按照极简主义设计的理念,良好的对比度对于整个视觉设计的作用是特别明显的,而对比主要涉及到的是色彩的对比,形状的对比,以及位置的对比,这些都是关键性的对比元素。


关于对比,这篇文章值得参考:《实例教学!利用「对比原则」做出抢眼设计的20个方法》


blob.png

Bjorn Website


结语


极简主义设计的优势很多,在创建网页和UI界面上有许多效果突出的手法,但是它并非是万能的,换句话来说,它的适用场景其实是有限制的,并非任何场景下都能实用。但是有一件事是肯定的,界面越简约,设计目标和针对性就越明显,而设计师要投入的时间和精力……也越多。

原创不易,未经授权,严禁转载

原文地址:http://www.yzlink.cn/i,72,7245,0.html

您还有可能感兴趣的内容

Related articles

建站流程

Website development

  • 网站需
    求分析
  • 网站策
    划方案
  • 页面风
    格设计
  • 程序设
    计研发
  • 资料录
    入优化
  • 确认交
    付使用
  • 后续跟
    踪服务
  • +86 10 64758810

    13718494791

客户评价

更多+
  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

  • 这家公司建站非常好,我感觉是在建站行业里面比较专业的了,性价比也比较高,值得合作的公司哦。

    段经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。
嘿,我来帮您!