江苏龙网

  1. 首页 > 资讯 > 科技 > >

@APP改版笔记：界面篇( 二 )


4. 适量元素的运用
@APP改版笔记：界面篇
文章图片

文章图片

扁平化概念最核心的地方就是：去掉冗余的装饰效果 ， 去掉多余的透视 ， 纹理 ， 渐变等等能做出3D效果的元素 。让“信息”本身重新作为核心被凸显出来 ， 更加简单直接且不被过分干扰的将信息展示出来 ， 减少用户在使用产品时所产生的认知障碍 。
之后出现了扁平化2.0的设计风格 ， 元素保留微投影、微渐变等轻质感形式；使得元素细节更加丰富 。2.0的出现是对过分扁平单一的界面风格进行的提升 ， 使页面风格不至于过分单调 ， 避免审美疲劳 。
提到APP的设计或者是更新改版 ， 那么就不得不说扁平化这个词 。现在不光是谷歌的Material Design设计语言 ， 从iOS11开始苹果的设计语言中也加入了卡片、阴影等样式 。随着设计语言的变化统一 ， 扁平化风格也在合理的范围内更加丰富和进化 ， 而我们可使用的形式也将越来越多 。
5. 扁平化设计风格
@APP改版笔记：界面篇
文章图片

文章图片

Johny vino? and Eduard
扁平化概念最核心的地方就是：去掉冗余的装饰效果 ， 去掉多余的透视 ， 纹理 ， 渐变等等能做出3D效果的元素 ， 让“信息”本身重新作为核心被凸显出来 ， 更加简单直接且不被过分干扰的将信息展示出来 ， 减少用户在使用产品时所产生的认知障碍 。
之后出现了扁平化2.0的设计风格 ， 元素保留微投影、微渐变等轻质感形式；使得元素细节更加丰富 。2.0的出现是对过分扁平单一的界面风格进行的提升 ， 使页面风格不至于过分单调 ， 避免审美疲劳 。
提到APP的设计或者是更新改版 ， 那么就不得不说扁平化这个词 。现在不光是谷歌的Material Design设计语言 ， 从iOS11开始苹果的设计语言中也加入了卡片、阴影等样式 。随着设计语言的变化统一 ， 扁平化风格也在合理的范围内更加丰富和进化 ， 而我们可使用的形式也将越来越多 。
6. 动效的合理使用
动效的设计在如今已经越来越被重视 。优秀的动态效果可以和页面衔接搭配的非常完美 。可以使扁平的页面富有活力 ， 增加产品的体验舒适度 。减少用户的等待时间和一些负面情绪 ， 让使用者眼前一亮 。相反 ， 过于复杂或绚丽的动效 ， 往往并不能起到很好的效果 。不仅会分散用户的注意力 ， 干扰产品本身的内容 ， 还会加大开发成本 ， 加大产品体积 。
我将目前比较主流的设计趋势进行了整理总结 ， 筛选出了比较适合在APP上面进行设计的几种形式 。之后 ， 我们可以逐条的带入到我们产品中进行尝试 ， 将形式细化成样式 ， 结合产品属性进行demo的设计 。同时比对竞品 ， 分析它们界面搭配的优缺点来进行我们自身产品的优化 。
梳理改版要点 1. 竞品分析 ， 取长补短
分析市场上与自身产品属性相匹配的成功案例 ， 也可以搜集间接竞品备选；分析其优点并提取梳理 ， 结合自身产品的内容框架进行比对优化 。这样做的好处是避免闭门造车 ， 学习其他平台优点可以提高效率 。但这并不代表要一味的抄袭 ， 这么做的目的是提高自我 ， 寻求突破 。
以金融产品为例：产品中会涉及到实名认证、资金流入流出、投资理财、利息收益等等内容 。那么对于用户来说产品的安全性肯定是放在第一位的 ， 我们的页面要设计的简洁精致 ， 要想方设法打消使用者的疑虑 ， 增加用户的信任感 。
@APP改版笔记：界面篇
文章图片

文章图片


推荐阅读


上一篇：「」海信AWE 2020线上开“鲜”河 海信冰箱真空系列开启保鲜新方向

下一篇：##交通行业云上数字化复工，华为云 WeLink 提供平台