APP网页设计技巧：如何对APP界面进行改版设计

如何对APP界面进行改版设计?为了迎合当前行业和同类型产品的设计趋势，以及用户使用习惯的改变，设计师都会结合之前对自身产品的分析与理解，与多款竞品进行详细比对後，对APP进行改版。下面，南宁网页开发公司将和大家分析「如何对APP界面进行改版设计」的问题。

如何对APP界面进行改版设计?

◆ 改版设计の关注点：设计趋势分析

趋势一：渐变、活泼大胆的用色

APP网页设计技巧

虽然潮流兴「渐变、活泼大胆的用色」，但这也并非适用所有产品使用。金融类、新闻类、教育类等APP设计，如果配色过於丰富或复杂，很容易分散用户的注意力，无法聚焦内容本身。相反，电商或音乐类的APP设计，则适合使用较为活力的配色，来渲染产品气氛。

在上面的案例中，左边的「订票APP」为了不分散用户的注意力，以及避免对信息本身造成影响，颜色的选择上多以蓝、白、黑进行搭配;至於右边关於「派对、俱乐部」信息展示的APP，由於本身信息量不大，选择较为夸张渐变配色，以及添加适量的元素进行装饰，整体搭配和谐。

趋势二：实验性的界面排版结构

APP网页设计技巧

丰富大胆的排版结构能在第一时间抓住用户的眼球，同时大大增强界面的整体设计感。但这种设计的局限性也很大，如果页面内容信息过多，或排版不当、配图不当等，都很容易会起到发效果，使页面变得杂乱无法聚焦。

但这种排版风格也不是完全不可取，应用在H5页面或详情页面还是挺出彩的。其延伸的设计方式还包括：全屏背景图片、海报样式页面、卡片切割式布局、悬浮效果等。

趋势三：插画元素的运用

APP网页设计技巧

越来越多的APP设计都加入插画元素。合适的插画能起到抽象理念具象化的作用，能更好更多样的讲述品牌故事，向用户传递品牌价值，拉近产品与用户之间的距离，增加亲和力，同时也让页面变得更加有趣。

插画元素可以用在产品中很多地方，在绘制插画过程中要统一颜色、造型、装饰元素等规范，这样可反覆利用，快速修改，增加效率。

趋势四：扁平化设计

APP网页设计技巧

提到APP设计或者更新改版，那就不得不说扁平化设计。以往扁平化设计的核心就是去掉冗余的装饰效果，简单直接且不被过分干扰地将信息展示出来，减少用户在使用产品时所产生的认知障碍。

随着设计语言的变化统一，扁平化风格也在合理范围内更加丰富和进化，使得元素细节变得更加丰富，也使得页面风格不至於过分单调，出现审美疲劳。

趋势五：动效的合理使用

动效设计在APP设计中的地位越来越高，优秀的动效效果能使扁平的页面变得更加活力，增加产品的体验舒适度;能缓解用户在等待时出现的负面情绪，让用户眼前一亮。

使用动效设计时，需注意动效设计切勿过於复杂或绚丽，这不仅会分散用户的注意力，干扰产品的重要内容;还会加大开发成本，加大产品体积。

◆ 改版设计の关注点：梳理改版要点

1.竞品分析，取长补短

APP网页设计技巧

分析市场上与自身产品属性相匹配的竞品其优点，并提取梳理;再结合自身产品的内容框架进行比对优化。这样可以避免「闭门造车」，学习其他平台的优点，需求突破，并提高APP设计改版的效率。

以金融产品为例，产品会涉及到实名认证、资金流入流出、投资理财、利息收益等，但对用户而言安全性才是最重要。所以设计金融产品时，界面尽量简洁精致，想方设法降低用户的疑虑，增加用户对产品的信心。

2.设立埋点，搜集数据

数据支撑对改版起着非常重要的作用，我们可以从不同区域的点击量进行思考，如：分析该区域点击量少的原因，是因为用处不大还是字段、位置问题，如果是前者，我们可考虑是否直接去掉该部分，後者则更换字段或位置，再看看点击量的变化;若页面中的点击区域点击量很高，也要分析其原因，并考虑改版时是否需要保留。

另外，我们可以通过第三方平台搜集用户的反馈，强化数据。

3.视觉信息展示的合理性与一致性

考虑APP界面的版式时，应考虑大多数用户的使用习惯。复杂的设计和较高的开发成本，虽然会给用户带来新鲜感，但同样存在很大的风险。

设计页面时，一定要保持APP设计一致性的原则，不要把各个页面做成不同风格，间距、配色、插画等都要保持一致，设计规范与主要样式都要贯穿始终，切不可随意的大面积变换。

4.换位思考

在设计之前，多站在用户的角度去看待审视自己的产品;尽可能分析出所有不合理的地方，以便尽早处理。所以，在改版前充分搜集客户的需求以及使用体验。

同时，「换位思考」还可以实行在团队身上，让团队中的所有成员都参与其中，听取他们的建议，从中梳理出更多有益的点子。

5.刻意的改变

APP网页设计技巧

市场上趋於同质化设计的产品越来越多，所以在APP设计时，可刻意寻求不同。例如：虽然目前APP设计遵循扁平化设计的趋势，但也可以在扁平化的基础上不断地进行新的尝试与创新。

6.团队测试

像设计之初集思广益一样，页面设计完成後也可以让大家共同参与，从中发掘页面的逻辑和设计中的问题。

如果时间充裕，还可以用Axure、Principle等工具做成可交互的demo让大家进行测试。这样做可以更加直观的发现整套页面中的问题。

◆ 改版设计の关注点：後期整理

完成全部设计及测试完毕後，就要与开发部门进行对接，这其中涉及一项很重要的工作，「切图和标注」。

如今技术越来越完善，我们可以藉助其他的插件快速完成标准的工作;同样，我们也可以利用软件标出切图部分，然後上传让开发人员自行下载。这样就能大大提高後期输出的速度，节省不少时间。

完成全部工作後，文件的整理命名也是非常重要，我们要在工作养成好的习惯，每个文件都要命名好，分好文件夹，方便日後的修改和总结。