厚学网 发表于 2017-9-23 11:11:00

八个UI设计中扁平化设计的技巧

  今天给大家分享一下目前很流行的扁平化设计的几个技能哦,我此地方谈的扁平化指的是一个大的概念,将后面衍生出来所谓的“似扁平化”也包括出去。  Tip1:关于高光、渐变和投影  网上所说扁平化风的三大要素:去高光、去渐变、去暗影。这么说是有点绝对了,我以为应当是去掉过渡式高光、过渡式渐变、过渡式暗影。在这篇文章里,扁平化高光、阶梯式渐变和所谓的长投影是许可的。http://img.mp.itc.cn/upload/20161103/d82c1636893f43348567c4d881872ffd_th.jpg  Tip2:应用扁平化图标  应用有明确寄义的图标能够让你的设计不那么单调而且耐看。http://img.mp.itc.cn/upload/20161103/921cc59276d5419c9eafbb4db0b75edc_th.jpg  Tip3:色块的外形和色彩  色块在扁平化设计中占领着很重要的身份,几乎我们看到的一切扁平化设计都离不开色块。  关于色块的外形,基础外形有圆形、三角形、四边形、五边形和六边形,留意不要用超出六条边的外形,这样人们就会开始数外形的边数而疏忽掉你要转达的信息。http://img.mp.itc.cn/upload/20161103/0c5a500eeb75432096856145c7bc0a80.jpg  有的人在扁平化设计中更爱好应用带有圆角的基础外形。  关于色块的色彩,并没有特其余请求,然而我个人更加爱好应用不那么艳丽刺目刺眼的色彩,应用平和、饱和度不高的色彩更对我胃口。http://img.mp.itc.cn/upload/20161103/cdb82321fa694709b231a57f18cc7745_th.jpg  在扁平化设计中,假如我寻求靠得住、稳固、安全、镇静的作风,那么我会选择一种主色和与主色同色系的四五种辅色,假如我寻求生动、青春、充满生命力的作风,那么我选择的辅色就和主色就是彻底不一样色系。  扁平化设计中,诟谇和不一样水平的灰很重要,缘由是它们白百搭,所以在你不晓得该用什么色彩的时候,诟谇灰或许是不错的选择。  Tip4:色块的组合  除过基础的外形以外,你能够由基础外形衍生出更多的组合外形。然而我建议不要超出三种不一样的基础外形组合,这样会让你的设计离开扁平化繁复的初志。http://img.mp.itc.cn/upload/20161103/e350ec99f0054deb9b0bff6cbd69e355_th.jpg  Tip5:字体的选择  请选择无衬线体,常常应用的中文无衬线体有微软雅黑、黑体、幼圆、张海山锐楷体、朴直智艺体等。http://img.mp.itc.cn/upload/20161103/89e3dc6682a44b8bbfd9a935f2fad0d2_th.jpg  Tip6:重视排版  扁平化设计中特别要留意排版,在这里再次祭出设计的四大原则:  对齐、密切性、反复、比较。在你放好一个色块或许文字后,请务必检讨一下是不是满足以上四条原则。  留意,色块里面放置文字的时候,要留出呼吸空间。http://img.mp.itc.cn/upload/20161103/29b23cb153a948b9bbcf8af63ee5139b_th.jpg  Tip7:图片的应用  扁平化设计中假如要用到图片,罕见的处置办法有三种:  普通的色块/文字+图片  压暗处置  隐约处置http://img.mp.itc.cn/upload/20161103/95487c3315724a2881f4863341d7f416_th.jpg  Tip8:应用不一样色块组合做出伪立体感  这是所谓“似扁平化”的部分,然而它依然能给我们的设计带来一种繁复而不失美感的感到,所以我在这里也合并起来总结一下。像我们之前很火的lowpoly和长投影设计都属于这一类。http://img.mp.itc.cn/upload/20161103/551024eae8034ada96f2ed52db6eedb4_th.jpg  最罕见的手段是应用不一样饱和度的色块打造伪光影成效,来给人立体感。http://img.mp.itc.cn/upload/20161103/1ec0227ed123470e885f370e4367337a_th.jpg  最 后,不管如何,请记住扁平化的核心就是简练。         原文来自厚学网:https://www.houxue.com/news/387815.html

页: [1]
查看完整版本: 八个UI设计中扁平化设计的技巧