从设计本质上来讲就是简单的设计,是整体简约的设计风格,视觉效果是为功能服务的,提倡功能大于形式。
扁平化设计的魅力在于极简,同时能展现出极高的功能性。视觉效果上的极简,功能性上的最大化,又不妨碍信息的沟通,很大程度上必须依赖字体的编排,为了使文字的字体更加符合扁平化。
在设计时应该选择简单易用的字体,在通常情况下,最好的选择就是无衬线字体,在西文中它被称为无衬线体,在中文中则与黑体相对应,它没有锐利的转折和收笔时的棱角,整体感觉较为流畅、简洁,呈几何形态,在手机屏幕中也更加容易被阅读。
鲜艳明亮的色彩能够使界面在任何亮度背景下都有良好的对比度,为界面创造出与众不同的感觉,以此获得用户的注意。所以在通常情况下,提到扁平化设计的色彩方案,就会联想到高饱和、单色调的色块等等。
我们在进行颜色的选择时都会考虑到视觉疲劳因素,通常选择视觉上相对柔和,在使用过程中尽量延迟视觉疲劳出现的时间的颜色,通常的做法是降低色彩的饱和度。扁平化UI设计更加倾向于单色调的色彩,归根结底就是色调与饱和度的匹配,选用主色和辅助色的组合,运用多种配色手法来创造优秀的视觉体验。
扁平化UI设计中常用高度精简的图标,来代表某一个操作步骤或者是功能的视觉展现,在形态上进行最大化的精炼和提取。有简洁、形象的控件图标,也有线条色彩丰富、具有描述性的图标,它们的共同特征是都具有基本的几何形状。
没有多余的装饰效果,仅仅将图案从最开始的具象表现的含义进行提取,再用线条和色块来进行模拟,中间会经历数个步骤,并将细节与轮廓进行适度的取舍,将极简的要素运用到界面设计中去,清晰明了的表达信息。
对于简洁的内容元素来说,还需要进行美观的排版设计,才能获得更加良好的视觉效果。由于扁平化设计中使用的都是简洁的视觉元素,所以布局方案就显得非常重要。
留白可以理解成版率,其主要的作用就是凸显层次、突出内容。有限的手机屏幕尺寸能够显示出的信息量也是有限的,而通常界面中所展示的信息量和用户所接受的有效信息,并不是成正比的,如果是为了提高信息量而压缩版率,可能会降低用户接收的有效信息量。
进行版面设计的时候,在重要信息四周加上留白,就容易将视线集中到小面积的内容上去,使焦点得到突出。使用大图片或者是色块的时,根据页面的不同内容和功能,来适当的调整周边的留白也较为重要,缩小留白或者是不留白,会使版面更加丰富、充满活力,另外图片展示空间的增加,会增强冲击感,使版面更加富有张力。
美学不仅包含了图形、色彩等艺术表现方式,也包含了其它可以引起用户反映的其他视觉效果,所以动态效果从某种程度上来说也属于美学的范畴。适度的动态效果可以使界面显得更加一致和真实,并且能给用户带来眼前一亮的感觉。
动态效果要在符合物理定律的基础上来构建动画,例如:考虑到重力、惯性、刚性等,使动态效果显得比较真实,同时能够使用户感觉更加自然。
慈溪UI设计培训学校_ 扁平化UI的设计美学 联系我时,请说是在慈溪信息广场看到的,谢谢!