扁平化概念的核心是去除多余的装饰效果,去除不必要的透视、纹理、渐变等产生3D效果的元素。接下来给大家讲讲如何对app界面进行改版,希望对你们有帮助。
1. 使用渐变、鲜艳大胆的颜色
在分析设计趋势时,很多文章都有介绍渐变,或者活泼大胆运用色彩的案例。然而,并不是所有的产品都适合渐变或夸张的色彩设计。例如:金融、新闻、教育等。对于这些类型的产品,过于丰富或复杂的配色方案很容易分散用户对内容本身的注意力。而对于电子商务或音乐产品,就可以使用更鲜艳的色彩搭配来突出渲染气氛。
订票产品——人们在订票时都关注时间、航班等票务信息;因此,为了不分散用户的注意力和避免对信息本身的影响,产品选择蓝色、白色和黑色来搭配。层次会比较清晰,不干扰内容,简洁明了,便于用户查看信息。
咨询产品——关于派对、俱乐部信息的展示,可以选择一个更加夸张的渐变颜色搭配来渲染气氛。信息量不需要太大,添加适量的元素装饰,整体搭配会很和谐。
2. 实验界面布置结构
丰富而大胆的布局结构可以在第一时间抓住用户的眼球,大大提升界面的整体设计感。然而,该设计有很大的局限性。如果页面上有太多信息,或者布局不当、配图不当、语言不当,很容易适得其反,使页面过于杂乱,无法集中注意力。并且由于受限于手机屏幕空间,应用于web端的效果要比app端的效果好得多。
但是这种杂志式的排版并不是完全不可取。在H5页面或details页面等页面上还是非常出彩的。延伸设计选项包括全屏背景图像、海报样式页面、卡片裁剪布局和悬浮效果等。
3.插图元素的使用
现在越来越多的APP产品加入了插画的设计元素。正确的插画可以营造氛围,突出品牌价值的传递,增加亲和力,增加用户粘性,使页面更加有趣;它也可以使抽象的想法具体化。可以更好、更多样化地讲述品牌故事和愿景,拉近产品和用户之间的距离。
插图元素可以在产品的许多地方使用,包括:打开屏幕页面、加载页面、下拉菜单、横幅、图标、详细信息页面和一些指定的页面。我们可以在设计和插画过程中统一规格:色彩、造型、装饰元素等。这可以重复利用、快速修改并提高效率。
4. 使用适量的元素
扁平化概念的核心是去除多余的装饰效果,去除不必要的透视、纹理、渐变等产生3D效果的元素。让“信息”本身再次作为核心显示出来。在不过度干扰的情况下,更简单直观的显示信息,减少用户在使用产品时的认知障碍。