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

2018/01/29 11574

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

写在前面

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

面对未来的自己可能会出现这样的情况,我们一起提前探讨一下这个话题,以 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 中很多你可以入手优化的方向,比起第一次体验,你会更加有信心能够做出一个不一样的设计作品。再次进行产品体验的时候,你需要带着脑海中处理相同功能板块的不同设计表现形式进行思考,寻找出更好的设计表现形式来解决这个功能模块。

在构思优化样式的时候,可以绘制一些简单的草图,以防后期进行交互输出的时候遗漏灵感细节。在进行设计优化的时候先从灵感库中寻找较为符合的样式进行思维嵌套,然后再发散思维,融入自己原创性的思维,形成自己的原创思路。

9. 交互设计,实现你心中的更好

通过前期的准备工作,我们即将进入重要的设计部分,大家不要忽略前期的准备阶段,只有思路成熟且清晰,后面的设计工作才能更加顺畅。

作为 UI 设计师最终输出的必然是高保真的视觉稿,那么交互原型设计是为了快速的把自己的思路展现出来,所以不局限于原型软件的绘制,哪怕是纸上的草图绘制也是可行的方案。最终的交互稿是给自己看的,所以能看懂就能达到最终的目的。

如果你考虑后期进行作品包装展示时,希望能展示出交互思维,那你花点时间适当的对低保真交互原型进行绘制也是不错的选择,也能锻炼自己原型制作软件的操作能力。

10. 设计风格推导,符合产品的设计趋势运用

在开始进入界面视觉设计时,我们需要对整体 APP 设计做风格推导,这将直接关系着最终界面呈现的效果。如果你是一位对行业趋势关注的设计师,各种设计趋势呈现在你脑海中,你需要进行筛选,结合改版产品的属性选择合适的设计语言去表达,切不可为了趋势而牺牲产品定位。

在进行风格确定的时候,颜色的选择也占据一定的因素,我们可以选择改版 APP 现有的主色进行优化,也可以进行推翻重选。如果是重新选择配色方案,我们可以通过情绪版的方式在身边朋友或者各种群里进行。也可以与竞品形成视觉差异化,选择一些形成对比的配色方案,方式很多,大家根据自己的条件和思路自行展开。

确定好配色方案之后,我们需要考虑设计的表现形式,无论是何种设计形式都需要符合产品的属性。比如大标题、大圆角卡片、大投影等设计表现形式会在视觉层面带来不错的效果,却需要考虑信息量的因素,如果本身改版 APP 就属于信息量很大的产品,在选择时就要综合考虑。根据 APP 的风格定位,比如文艺类、娱乐类、儿童类等,那么设计的风格也会对产品风格定位起到一定的影响。

11. 界面设计,碎片化积累

当你打开设计软件进行界面设计的时候,剩下的就是「满血复活」的激情。为了能够充分利用好业余时间,我们需要把数十个界面分配到具体的日程中,最大程度的利用碎片化的时间进行积累。规定自己一天完成两个界面,就要严格执行,只有这样你才能具备超强的战斗力。

提到界面设计很多设计师会纠结在软件的选择上面,总会问老司机们,你们用什么软件。其实软件的选择并不是问题,它只是一个工具,用的顺手即可,现在很多软件都能带来最终的目的。随着很多轻量级的软件不断丰富多样,软件的操作也更加简单便捷,只要你充分的利用互联网资源,软件的学习只是熟练度的问题,设计的思路与技巧才是需要更多的学习、研究和总结。

12. 审核,寻找导师

历尽艰辛你收获了希望,一套 APP 改版设计作品初步完成,接下来你需要寻找到一位导师。俗话说当局者迷,你自己构思出来的东西需要得到验证,寻找一位资深的设计老司机给你指点作品,将会给你的成长带来很大的帮助。他们会站在更高的专业角度给你指出一些优化建议,也能使你的作品更加成熟。

导师在哪里?

  • 可以是身边的同事,别以为导师一定是大神,旁观者的意见都是具有一定的思考价值;
  • 通过一些设计交流群寻求意见,建群的意义其实就是交流设计;
  • 通过设计平台寻找那些活跃的老司机,只要是真诚的设计交流,他们都会乐于分享;
  • 机缘巧合下加上的大神微信或者QQ,平时要注意不要群发小广告去骚扰他们,他们关键时候会乐于给你专业性的指点;
  • 相信你能找到更多的方法,寻求帮助。

13. 调整优化,不放过任何一个细节

通过不同形式的意见反馈,我们即将面临一次调整优化,在众多的反馈意见中,我们也不能盲目的进行修改。我们要做有思考能力的设计师,去分析这些修改意见,遇到意见相左的修改建议要结合自己前期的调研进行把控,因为提意见的人不一定能像你一样熟悉产品,可能存在一定的主观性。

选择性的进行修改,也要保持自己的自信度,适度的自信可以增强你对作品的信任度,我们不能总是质疑自己的能力,只要保持不断努力学习的心态,有时候也要相信自己的专业能力,相信自己就能给作品带来自信度,你的需求方才能被你的专业意见所引导。

14. 包装,整理设计思路

作品包装总是会被很多设计师所忽略,在进行作品展示的时候也比较随意,没有充分利用作品包装的优势传达出作品自身的价值。我们将作品展示出来进行交流时,需要通过适当的包装把作品更好的一面清晰的传递给读者。

在进行作品包装的时候,可以加入自己的设计思路辅助传达出作品背后的故事,让读者更容易走进你的作品。通过包装把原本单调的独立界面进行解剖,利用整体布局、局部提炼、细节展示、文案描述、思路整理等形式,让作品呈现效果更加丰富多样。

作品包装中一些简单的设计技巧:

  • 作品包装设计中的版面布局需要舍得,适当加大留白会给版面更强的呼吸感;
  • 局部提炼,对界面设计中的一些视觉表现力强的样式提取出来独立展示,丰富作品的细节展示;
  • 精心挑选样机,让作品展示效果更佳,有时候也可以自己绘制更加简练的样机模型;
  • 设计组建选择性展示,增删挑选的组建让布局更加整体,视觉效果更加协调,整体组合形成块面感;
  • 利用对比突出重点,不要使整体布局都处于平面化;
  • 装饰元素的运用,可以利用辅助图形、短线等进行设计装饰;
  • 加强头图设计的视觉表现,提高读者的注意力。

作品包装设计分为平台型作品包装和作品集包装,也是需要我们设计师加以重视的一个板块,以后我们单独进行这方面的研究分享。

15. 分享,设计交流

此时,你已经完成了这次 APP 改版之旅,恭喜你击败了懒宝宝,相信下一次你会具备更强的自我驱动力。完成一次作品你可以选择封印在冰冷的硬盘,也可以选择分享给更多的设计朋友,大家互相学习和讨论,个人比较倾向于后者。

通过在一些设计平台进行作品发布,你可以结识更多的同行,大家互相交流,你必将会收获更多,期待你跨出第一步。

欢迎关注作者的微信公众号:「行行设设」

「实战案例!优秀团队设计改版经验」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/app-revision-exercises-15-summary

sketch UI 界面设计 平面设计 转场动效 交互设计师 设计师 设计师专访 扁平化设计 排版布局 职场 设计流程 用户体验设计 视觉设计 素材下载 配色 web前端开发 海报设计 AI教程 设计规范 设计理论 字体下载 产品设计 设计趋势 神器下载 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 用户体验 优秀网页设计 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里