做有价值的网站,助力企业发展!

专注于企业网站建设、营销型网站建设、Web/微网站建设、企业营销推广

百度地图|网站地图|RSS地图

服务热线:

133-8386-7325

当前位置:郑州伟之琦计算机科技 > 新闻中心 >> 建站相关 >>

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

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

原创声明:本站文章未经许可请勿擅自转载,如需转载请注明出处<郑州网络公司>

案例展示