1. 首页
  2. 设计网站
  3. 正文

扁平化设计在定制网站中的应用以及其缺点

  到底什么是扁平化设计?百度百科的解释是一种界面设计方式,凸显必要的信息,剔除不必要的信息,简单、抽象。而在一些平面设计师或者网站设计师眼中,扁平化设计与极简设计等同。可以说,没有一个关于扁平化设计的准确定义。

  即便如此,就网站设计而言,大家普遍的共识是——如下网站设计理念或者方法,就是网站设计的扁平化设计。

  

  网站组织构架:扁平

  网站的组织构架更加扁平,这是扁平化设计在网站设计中的重要表现之一。我们不妨以企业网站为例。

  非扁平化的企业网站,导航栏目往往在五到八个左右,如首页、产品、服务、案例、联系方式、论坛等等,并且,每一个频道之下还有二级乃至三级频道,网站的纵深可以达到五层以上。

  为什么要这样设计呢?我们认为有两个原因。其一,带宽的原因,由于带宽的限制,一些页面如果信息量多的话,会出现加载缓慢的情况,不得已,只能分页、分栏目。其二,优化的原因。如果一个网站的页面数量很多,是被搜索引擎更加看重的。

  而扁平化的网站组织构架,一方面减少首页的导航数量,另一方面增加二级栏目的数量。如此一来,首先更加干净,网站的层级也大大减少,通常不会超过三层。

  网站设计元素:更少、留白

  设计业内经常将扁平化设计与拟物化设计对立。拟物化设计,就是设计元素全部来自于实物,可以实现一一对应。典型的如苹果和锤子手机的图标设计。但是扁平化设计是与其相反的,较为抽象。

  由于无须一一对应,所以,一个抽象的概念就可以包容大量的现实。这一点很关键词。因为只有这样,扁平化设计才能仅仅呈现更少的元素。例如,很多网站的首页,就只有一个元素。如汽车网站,就是一个汽车的配图。元素少,是扁平化设计的特点之一。

  因为元素少,大量的页面就只能留白。留白多,也是扁平化设计的特点之一。、

  网站的配色:渐变和同色系

  为什么扁平化的网站多使用同色系或者渐变色呢?因为非扁平化的网站,不能用。

  非扁平化的网站因为元素多,不同的元素需要不同的颜色搭配,所以网站会使用不同的颜色搭配。但是扁平化网站元素少、留白多,一种颜色就能够将整个页面覆盖,但是,这会让网站显得很单调,所以,渐变色就成为一种选择。

  网站的操作设计:更小、更偏

  扁平化网站有一个目的:一个页面尽量让用户专注于一点、进行一到两种操作。

  所以,扁平化网站会刻意消减或者隐藏一些操作按钮,通过动效的方式呈现。当用户需要某种操作的时候,按钮就会出现,当用户不需要的时候,就会隐藏。

  例如,不少扁平化网站会在页面隐藏回到首页、回到顶端的按钮,当用户点击页面,按钮才会出现。

  虽然扁平化设计较为流程,也是响应式网站的基本设计理念,但是也有人对扁平化设计“无感”。

  需要承认,扁平化设计也有缺点,例如,过度抽象导致信息传递简单、粗暴,不能给用户留下思考的空间;再例如,删除了细节,粗暴地表现方式,让整个页面显得有些单调,缺少温暖的情感表达;还例如,在PC端的呈现,扁平化设计的变现不太完美,看起来就像是一幅模糊的油画。

    延伸阅读

  • 如何使用单色调色板进行网站设计?

    通常,单色用于帮助用户关注内容和消息,而不是设计中的颜色。它被用于商业和艺术作品,它支持平衡和统一,提供视觉上有凝聚力的设计。在本指南中,光龙网络将与您了解颜色原理,了解单色的...

  • 网站设计风格越简约越好吗?

    简约的网站设计就是收集网页的设计元素和色彩,进行简化以及提炼,从而达到事半功倍的效果,很好地提高页面信息的输出,便得用户体验得到提升。专业网站设计公司表示,其实简约是相对的,简...

  • 你知道网站设计原则有哪些吗

    所谓网站设计,就是设计者将网站的相关主题和策划内容,有效结合自身的艺术手法来进行表现,从而对访问者的注意起到极为有效的吸引力,让访问者获得一定的视觉愉悦感,从而达到网站所要传达...

  • 网站设计搜索栏设计原则

    在网站的设计过程中,搜索栏是一个很容易被忽略的部分,但用户却依赖它来寻找特定的信息。由于搜索栏是网站中比较常用的元素之一,所以搜索栏的设计对用户体验有着重要的影响。现在和小编一...

  • 网站设计步骤你知道哪些

    随着互联网的不断发展,无论大小企业,都会建立一个属于自己的网站,网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来。在网站设计过程中,有不少的...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/1626.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();