当前位置:网站首页 -> 网页设计

扁平化设计的8个适用小技能

发布日期:2017/12/17 8:50:50  点击数:6287

Tip 1:关于高光、突变和投影


网上所说扁平化风的三概略素:去高光、去突变、去暗影。这么说是有点相对了,我以为应当是去失落过渡式高光、过渡式突变、过渡式暗影。在这篇文章里,扁平化高光、阶梯式突变以及所谓的长投影是许可的。


扁平化设计的8个适用小技能


Tip 2:运用扁平化图标


运用有明白寄义的图标可以让你的设计不那么单调而且耐看。


扁平化设计的8个适用小技能


在这里我引荐两个网站:


Tip 3:色块的外形和色彩


色块在扁平化设计中占领着很主要的位置,简直我们看到的一切扁平化设计都离不开色块。


关于色块的外形,根底外形有圆形、三角形、四边形、五边形以及六边形,留意不要用超越六条边的外形,如许人们就会开端数外形的边数而疏忽失落你要转达的信息。



有的人在扁平化设计中更爱好运用带有圆角的根底外形。


关于色块的色彩,并没有特殊的请求,然则我团体愈加爱好运用不那么艳丽扎眼的色彩,运用平和、饱和度不高的色彩更对我胃口。


rel="nofollow"


在扁平化设计中,假如我寻求牢靠、波动、平安、宁静的作风,那么我会选择一种主色以及与主色同色系的四五种辅色,假如我寻求生动、芳华、充溢生命力的作风,那么我选择的辅色就和主色就是完整分歧色系。


扁平化设计中,彩色以及分歧水平的灰很主要,由于它们白百搭,所以在你不晓得该用什么色彩的时分,彩色灰或许是挺好的选择。


直接参考网站:《扁平化设计配色参考网站:FlatUIColors》


Tip 4:色块的组合


除了根底的外形以外,你可以由根底外形衍生出更多的组合外形。然则我建议不要超越三种分歧的根底外形组合,如许会让你的设计离开扁平化繁复的初志。


rel="nofollow"


Tip5:字体的选择


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


rel="nofollow"


Tip6:重视排版


扁平化设计中特别要留意排版,在这里再次祭出设计的四大准绳:


对齐、密切性、反复、比照。在你放好一个色块或许文字后,请务必反省一下能否知足以上四条原则。


留意,色块外面放置文字的时分,要留出呼吸空间。


重视排版


Tip 7:图片的运用


扁平化设计中假如要用到图片,罕见的处置办法有三种:


通俗的色块/文字+图片


压暗处置


隐约处置


重视排版


Tip 8:运用分歧色块组合做出伪平面感


这是所谓“似扁平化”的局部,然则它依然能给我们的设计带来一种繁复而不掉美感的觉得,因而我在这里也合并起来总结一下。像我们之前很火的lowpoly以及长投影设计都属于这一类。


重视排版


最罕见的手腕是运用分歧饱和度的色块打造伪光影后果,来给人平面感。

关闭窗口
Copyright © 2008-2024 上海纯点网络科技有限公司(www.cdsheji.com). All Rights Reserved
地址:上海市嘉定区金沙江西路1075号万达广场5写字号楼203室 24小时客服热线:400-670-5808 电话:021-60482289
沪ICP备10218526号-1 | 沪ICP备10218526号-2
QQ客服

沪公网安备 31011402002273号