让人获益匪浅的扁平化网页设计8个小贴士

2019-04-15伟之琦建站

  扁平化风格的网页设计三大要素:去高光,去渐变,去阴影,更为精准的说法应该是去掉过渡式高光,去掉过渡式渐变,去掉过渡式阴影,下面所说的7个小贴士扁平化高光,阶梯式渐变以及所谓的长投影是允许的。
  1:使用扁平化图示
  使用有明确含义的图示可以让页面设计不那么单调,反而更加耐看。
  推荐两个网站:
  www.easyicon.net
  www.iconfinder.com
  2:色块的形状和颜色
  色块在扁平化设计中占有很重要的地位,几乎我们看到的所有扁平化设计都离不开色块。
  关于色块的形状:基础形状有圆形,三角形,四边形,五边形以及六边形。注意:不要用超过六条边的形状,这样人们就会开始数形状的边数而忽略掉要传达的资讯。当然,也有人在扁平化设计中更喜欢使用带有圆角的基础形状。
  关于色块的颜色:并没有特别的要求,但尽量使用不那么鲜艳刺眼的颜色,使用温和,饱和度不高的颜色更适宜。
  在扁平化设计中,如果追求可靠,稳定,安全,平静的风格,可以选择一种主色以及与主色同色系的四五种辅色;如果追求活泼,青春,充满生命力的风格,可以选择的主色和辅色完全不同色系。注意:扁平化设计中,黑白以及不同程度的灰很重要,因为是百搭色,所以在不知道应该选用什么颜色的时候,黑白灰推荐优选。
  3:色块的组合
  色块除了基础的形状外,也可以由基础形状衍生出更多的组合形状,但建议不要超过三种不同的基础形状组合,这样会让设计脱离扁平化简约的初衷。
  4:字体的选择
  优先选择无衬线体。常用的中文无衬线体有微软雅黑,黑体,幼圆,张海山锐楷体,方正智艺体等。
  5:注重排版
  扁平化设计中尤其要注意排版,重申排版设计的四大原则:对齐,亲密性,重复,对比,在放好一个色块或者文字后,请务必检查一下是否满足以上四原则。注意:色块里面放置文字的时候,要留出“呼吸”空间。
  6:图片的使用
  扁平化设计中如果要用到图片,常见的处理方法有三种:普通的色块/文字+图片;压暗处理;模糊处理。
  7:使用不同色块组合做出伪立体感
  这是所谓“似扁平化”的部分,但是它仍然能给我们的设计带来一种简约而不失美感的感觉,最常见的手段是使用不同饱和度的色块打造伪光影效果,给人立体感。
  8:谨记扁平化的核心是简洁。
  规则是用来打破的,但在打破规则之前,需要知道规则是什么,无论是设计的四大原则还是扁平化的这几条建议,都不是不可挑战或不可违逆的,可以大胆跳出这些规则,创新需要如此,但是创新之前,掌握这些规则却是必须的。
  • 上一篇:网站搬家如何最大限度降低负面影响
  • 下一篇:如何成功打造简约而不简单的单页网站设计
  • 新闻中心
    网站改版不要盲目(网站改版:合…

    本文将探讨如何在网站改版过程中避免盲目行动,通过合理规划和有序实施来解决企业面临的问题和挑战。

    如何制作适应不同手机尺寸的网…

    同样的内容,要在大小迥异的手机屏幕上,都呈现出满意的效果,并不是一件容易的事。 于是,网页设计师不得不…

    使用者体验对网页设计影响比较…

    网页设计不只是单纯华丽的界面,使用者体验也很重要 网页设计不是单纯把界面设计的很华丽,代码写一写就可以…

    三种网页开发语言的不同之处

    一、网页开发大势所趋随着wifi的全面普及应用,现在的互联网已经可以称为移动互联网,大家不仅可以在电脑上…

    客户评价