• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 想做APP 改版练习,这儿有高手的15个经验总结

想做APP 改版练习,这儿有高手的15个经验总结

作者:黑马青年 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含App设计,UI设计师,作品集设计,改版设计,经验分享等相关知识,黑马青年希望在学习及工作中可以帮助到您

提到这个话题有两层不同的讨论方向,在工作中对公司项目进行设计改版和利用业余时间进行自由主题的改版练习。这次我们主要以后者为出发点进行讨论,其目的是为了给部分设计师在利用自己业余时间上面探索出一个新的方向。在工作项目中进行设计改版分为团队发起和自我发起,这个我们下一次一起来讨论。

写在前面

设计师的自我提升来源于多方面的综合体现,工作项目中的实战经验、团队协作的互补学习、项目沉淀与反思、碎片化阅读的查漏补缺、业余时间的自我驱动、阅读带来的知识沉淀等等。如何充分利用自己的业余时间是被很多初入行业的设计师所忽略的,一晃三五年过去了,却发现自己找不到更多的作品用来丰富简历,很快便进入了瓶颈期。

面对未来的自己可能会出现这样的情况,我们一起提前探讨一下这个话题,以 APP 设计改版为突破口展开我们的话题,希望带给即将入行和刚入行的设计伙伴儿一个新的方向。

目录

  • 改版的目的,从不做无意义的事情;
  • 制定时间规划,是为了治疗懒病;
  • 如何挑选改版产品,再也不是选「美」了;
  • 体验,这是你的第一次深度探寻;
  • 功能梳理,理清流程好开工;
  • 竞品分析,做好知己知彼;
  • 素材采集,打开禁锢的思维;
  • 体验,走了一圈才发现你可以更好;
  • 交互设计,实现你心中的更好;
  • 设计风格推导,符合产品的设计趋势运用;
  • 界面设计,碎片化积累;
  • 审核,寻找导师;
  • 调整优化,不放过任何一个细节;
  • 包装,整理设计思路;
  • 分享,设计交流。

1. 改版的目的,从不做无意义的事情

工作中的项目参与对设计师的专业提升是非常重要的,由于很多公司都处于高速发展的阶段,项目的周期很紧张,都希望每个支援板块能够具备更高的效率,推进项目更快的完成迭代上线。在设计板块,很多成熟的平台也是愿意花费更高的福利待遇引进资深及以上级别的设计师支持项目的高效运转,那么设计师的进阶之路便是你在职场中稳中求进的关键。

在真实的场景中,有一部分设计师也存在着以下情况:

  • 项目参与度低,没有更多的机会发挥自己的专业;
  • 公司产品迭代缓慢或者视觉支持较小,空余时间较多;
  • 没有机会在项目中尝试一些新的设计语言;
  • 自学 UI 中,没有真实项目能够发挥;
  • 增强设计效率和产品设计思维等能力。

如果你有以上的情况之一,利用自己的业余时间进行 APP 设计改版将会给你带来更多的提升空间,不但可以通过练习增强自己的设计效率,也能体验更加丰富的产品设计。在改版中也能不断加强一些交互或者产品的思维,可以让你在以后的工作项目中不局限在视觉层面,具备更多的产品思考,做出更合理的设计。

2. 制定时间规划,是为了治疗懒病

如果你想要改变现状,也拿出前所未有的热度值,那就趁热打铁吧,制定一份时间表是必须的,千万别忽略它的重要性,如果你不按照这个时间计划去推进,可能这个热度值将会被懒宝宝不断地熄灭。

制定时间规划不仅可以合理的利用好自己的业余时间,也能更好的按照这个规划表去逐步的推进这次改版项目。把一个大的事项拆分为若干的小事项,每天推进一部分,一次改版设计很快就在不断的推进中被完成。

APP 改版时间规划表大家可根据自己的习惯设置,表格形式还是简单的文字记录都可以,进度把控需要结合自身情况而定,确保其有效性。

3. 如何挑选改版产品,再也不是选「美」了

面对应用商城里面海量的 APP 产品,你是否有点不知所措,如果选择一个自己从来不玩的 APP,改版的时候对产品的服务模式、功能架构、交互逻辑等都是比较陌生的,需要一定的时间进行学习。如果选择一些大型的产品,由于其自身的设计团队就是非常的专业,你很难从中发现可以优化的点,即使勉强进行改版,也会发现自己设计得不如原版的好,进而打击自己的自信心。

通过上面的分析,我们在挑选改版产品的时候,需要结合自身的一些情况先做出一定的预判,然后再去挑选现阶段相对比较符合的产品进行改版练习。

  • 挑选自己接触过的直接产品或者间接产品;
  • 对 APP 里面所提供的产品或者服务比较认可或者没有一定的排斥感;
  • 挑选无论是视觉层面还是交互层面都有一定优化空间的产品,别轻易尝试精品;
  • 如果身边有朋友使用过的产品优先考虑,因为可以成为你调研数据的来源;
  • 选择阳光积极型的产品,不做传递负能量或者违反规定的产品;
  • 初次尝试 APP 改版设计,从轻量级的产品入手,可以控制练习时间和自己的驾驭度。

4. 体验,这是你的第一次深度探寻

当你确定自己改版的 APP 对象以后,我们就开始做一次体验吧,这是你的第一次深度探寻。体验情况根据设计师对该产品的熟悉程度而定,你需要通过不断的进行操作把自己从小白用户升级到专家级用户。

这个过程需要你对产品有一个很深入的了解,不只是熟悉主流程操作逻辑,对一些偏冷门的功能操作也要非常的熟悉,如果是需要注册使用的产品,一定不要忽略注册会员以后的体验。最终达到的级别是你可以向身边任何一位朋友轻松的进行推荐和演说,能够通过你的讲解让他轻松的学会使用该产品。

5. 功能梳理,理清流程好开工

当你对改版 APP 进行第一次深度体验之后,利用思维导图软件绘制出整个产品的功能结构图。思维导图软件种类很多,大家自行选择,我常用的是 MindNode。第一次进行功能梳理无需进行增删处理,真实还原产品现有功能即可,其目的是整理自家「仓库」,做到心中有数。

在进行功能梳理的时候,如果遇到操作复杂的功能需要备注信息,以便自己后期预览时能够快速理解其含义。如果是第一次做功能结构图越详细越好,这将有助于你充分理解每个功能传达的含义。

6. 竞品分析,做好知己知彼

深度体验完改版 APP 之后,做了功能结构图,此时你对所需要改版的 APP 以及这个行业的产品都有一定的认知,此时你再去体验直接竞品和间接竞品必然是以一个专家级用户的水平去探寻。在体验过程中需要结合改版产品的功能进行对比,可能第一遍体验无法很好的进行对比,所以需要至少体验 3 次以上才能很好的得出对比的结论。

体验产品时需要注意的几个维度:

  • 不要急于进行总结,先进行至少 3 次以上体验;
  • 先看整体布局再分析局部细节;
  • 重点功能交互形式需要提取出来进行对比;
  • 主界面的各版块布局设计需要进行对比;
  • 配色分析,作为改版时的配色优化指导;
  • 图标和组件库的分析,找出细节的优化方向。

进行竞品体验时,尽可能多的找出差异化的设计形式,作为改版 APP 优化的指导方向。由于作为 UI 设计师进行 APP 改版练习更多是视觉优化为主,交互优化为辅,所以我们需要在相同模块上面找出更多不同的设计样式,作为视觉优化的方向。

如果你自身交互能力较好,也可以以交互优化为主,视觉优化为辅,这个可以结合自身情况选择。在进行竞品体验的时候也要根据优化目的的不同,着重的转移体验的重心。

7. 素材采集,打开禁锢的思维

通过竞品体验你会总结出改版 APP 各个模块的差异化,相同的功能模块各自产品的交互形式、布局样式、视觉风格都存在各自的差异。此时,你对改版 APP 中的很多设计都一个初步的优化清单,你需要再深入一步,因为竞品的设计样式不一定就是值得借鉴的,我们需要寻找更多的灵感,打开自己禁锢的思维。

通过国内外的一些设计平台、素材网站等我们可以去采集更多的设计样式作为灵感借鉴,日常的一个采集收藏习惯也就变得尤为重要了,作为一个优秀的 UI 设计师,我们需要养成这样的习惯。个人平时经常访问的设计平台有站酷、UI中国、致设计、Dribbble、Behance等,采集收藏灵感会经常用Pinterest和花瓣,都是一些大家经常访问的平台,所以不是别人知道你所不知的优秀平台,而是你没有他的良好习惯。

8. 体验,走了一圈才发现你可以更好

采集完一些灵感素材之后,我们又回到体验改版 APP 的起点,走了一圈之后你会发现改版 APP 中很多你可以入手优化的方向,比起第一次体验,你会更加有信心能够做出一个不一样的设计作品。再次进行产品体验的时候,你需要带着脑海中处理相同功能板块的不同设计表现形式进行思考,寻找出更好的设计表现形式来解决

您可能想查找下面的文章:

  • 手机APP用户界面设计的10点建议
  • 关于音乐播放App(应用软件)的分析与重设计 如何设计出漂亮的音乐播放界面
  • 写给新手的APP结构指南:首页相关(上)
  • 基础科普!重复与突变在产品设计中的应用
  • 超全面的导航设计基础知识总结(一)
  • 写给UI新手的APP结构指南:注册和登录
  • 用户体验是一种过程,而不是结果
  • 超全面的移动端UI 设计规范整理汇总
  • 感觉设计不舒服但又不知道原因?可能是这8个常见的交互细节问题
  • 这个帮你改善睡眠的APP,是这样设计出来的

相关文章

  • 2018-08-23实例教学!10步打造更好的新手入门体验
  • 2017-08-06网站制作中的网络广告的互动新体验(图文教程)
  • 2018-08-23这7个实用的设计技巧,能让你的UI高级感更强烈
  • 2018-08-23为什么「下拉刷新」能成为现象级的设计?
  • 2018-08-23不仅要搞定视觉,UI设计师还得写得一手好微文案
  • 2018-08-23为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 2017-08-17python 之os
  • 2018-08-231990-2018,可能是最全的 Photoshop 简史科普
  • 2018-08-23设计道理谁都懂,为什么换自己就不会?
  • 2017-08-06Table布局的优缺点介绍及为什么不建议使用

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 跟随这10个趋势,你可以在2018年设计出出众的网页
    • 腾讯工作坊总结!如何构建智能空间的方法与应用?
    • 网页设计心得:页面布局的简单规则
    • 亚马逊语音交互设计规范(一)设计流程
    • http 请求头设置
    • 网页中的滚动条为什么设在右边?
    • 那些你所不知的CSS ::before 和::after 伪元素用法
    • 看似简单的单色配色,需要这些技巧帮你玩转
    • 手机浏览器Viewport 参数(web前端设计)
    • 如何用「8点网格」来规范你的设计?看这篇好文!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有