当前位置 > 主页 > 万和大讲堂 >


南京UI设计培训分享UI设计中扁平化设计的8个技巧

2016-11-29 14:42

  本文南京万和UI设计培训和大家分享的是UI设计中扁平化设计的8个技巧,希望对大家有帮助!


  Tip1:关于高光、渐变和投影


  网上所说扁平化风的三大要素:去高光、去渐变、去阴影。这么说是有点绝对了,南京万和UI设计培训认为应该是去掉过渡式高光、过渡式渐变、过渡式阴影。在这篇文章里,扁平化高光、阶梯式渐变以及所谓的长投影是允许的。



  Tip2:使用扁平化图标


  使用有明确含义的图标可以让你的设计不那么单调并且耐看。



  Tip3:色块的形状和颜色


  色块在扁平化设计中占据着很重要的地位,几乎我们看到的所有扁平化设计都离不开色块。


  关于色块的形状,基础形状有圆形、三角形、四边形、五边形以及六边形,南京万和UI设计培训提醒大家注意不要用超过六条边的形状,这样人们就会开始数形状的边数而忽略掉你要传达的信息。



  有的人在扁平化设计中更喜欢使用带有圆角的基础形状。


  关于色块的颜色,并没有特别的要求,但是我个人更加喜欢使用不那么鲜艳刺眼的颜色,使用温和、饱和度不高的颜色更对我胃口。



  在扁平化设计中,如果我追求可靠、稳定、安全、平静的风格,那么我会选择一种主色以及与主色同色系的四五种辅色,如果我追求活泼、青春、充满生命力的风格,那么我选择的辅色就和主色便是完全不同色系。


  扁平化设计中,黑白以及不同程度的灰很重要,因为它们白百搭,所以在你不知道该用什么颜色的时候,黑白灰也许是不错的选择。


  Tip4:色块的组合


  除了基础的形状之外,你可以由基础形状衍生出更多的组合形状。但是我建议不要超过三种不同的基础形状组合,这样会让你的设计脱离扁平化简约的初衷。


  Tip5:字体的选择


  请选择无衬线体,常用的中文无衬线体有微软雅黑、黑体、幼圆、张海山锐楷体、方正智艺体等。



  Tip6:注重排版


  扁平化设计中尤其要注意排版,在这里再次祭出设计的四大原则:


  对齐、亲密性、重复、对比。在你放好一个色块或者文字后,请务必检查一下是否满足以上四条准则。


  注意,色块里面放置文字的时候,要留出呼吸空间。



  Tip7:图片的使用


  扁平化设计中如果要用到图片,常见的处理方法有三种:


  普通的色块/文字+图片


  压暗处理


  模糊处理



  Tip8:使用不同色块组合做出伪立体感


  这是所谓“似扁平化”的部分,但是它仍然能给我们的设计带来一种简约而不失美感的感觉,因此我在这里也归并起来总结一下。像我们之前很火的lowpoly以及长投影设计都属于这一类。



  最常见的手段是使用不同饱和度的色块打造伪光影效果,来给人立体感。


  最后,无论如何,请记住扁平化的核心就是简洁。


  规则是用来打破的,但在打破规则之前,你需要知道规则是什么。无论是设计的四大原则还是扁平化的这几条tips,都不是不可挑战不可违逆的,你可以大胆跳出这些规则,创新需要如此,但是在此之前,南京万和UI设计培训建议掌握这些规则是必须的。

最近开班 more>
  • 全栈开发
  • 前端基础班
  • 软件测试
  • Java大数据开发工程师
  • 云原生精英班
  • 开发课程基础班第四期
  • 开发课程基础班第三期
  • 开发课程基础班第二期
  • 开发课程基础班第一期
  • Java Web UI Python
  • CISP
  • HCIE-Datacom(HCIA,HCIP基础)
  • HCIP-Datacom(HCIA基础)
  • HCIA-Datacom(0基础)
  • HCIE-Datacom(HCIA,HCIP基础)
  • HCIP-Datacom(HCIA基础)
  • HCIA-Datacom(0基础)
  • OCM 12C
  • OCP 19C
  • RHCE 9.0
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • 脱产班
  • vip班
  • 考试计划
  • 脱产班
  • 脱产班
  • 脱产班
  • 双休班
  • 双休班
  • 双休班
  • 双休班
  • 业余班
  • 业余班
  • 10月16日
  • 9月23日
  • 9月2日
  • 9月30日
  • 8月26日
  • 10月8日
  • 9月23日
  • 9月16日
  • 9月9日
  • 随时开课
  • 9月21日
  • 10月17日
  • 9月18日
  • 9月2日
  • 11月2日
  • 10月26日
  • 9月7日
  • ——
  • 随时开课
  • 9月26日
    • 姓 名 :
    • 电 话 :
    • 课 程 :

技术交流群

  • Java大数据交流群560819979加入
  • Python技术交流群595083299加入
  • Oracle技术交流群595119011加入
  • Web前端技术交流群604697610加入
  • Huawei技术交流群482919361加入
  • Redhat技术交流群587875348加入
  • UI设计技术交流群511649801加入
  • Cisco技术交流群596886705加入
  • IT运维技术交流群605888381加入