恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
APP设计改版经验
0.0°
2018-08-09 原创文章 经验/观点 原作者: 黑马青年 举报 1257 5 3 0

设计改版经验

       最近工作量比较少,以至于闲暇时间总是莫名烦闷,可能是感觉到自己能力的不足吧,为了打破这种情况,就想做些日常练习--APP设计改版。首先先去看了一些大神总结的经验,然后在这里把所有的总结下来,为了方便后面观看(反正也没人知道我的号,不怕丑)!

       一:做好改版前的两大思路:发现问题和解决问题。

       对于问题的提出,设计师需要善于总结和梳理,能从一个网站或者APP的整体结构出发,对各个方向的问题惊醒总结。比如:颜色,图标,布局(布局里包含层级结构,就是重要信息和次要信息),文字大小粗细规范和层级,以及控件样式的统一等。

1、规范统一类问题

例如:文字、颜色、控件、图标有太多的不统一、不规范。

2、设计风格类问题

例如:图标、卡片风格陈旧。

3、信息层级类问题

例如:信息布局层级、卡片文字层级。

        对于问题的解决,想要解决提出问题很简单,就是需要我们制定规范以及竞品分析。

         

1、解决规范统一类问题

1.1 定义各字体的大小,颜色,粗细。

我们需要拉通所有场景,来进行分类,最后给出一个前期规范:

比如定义一级标题的文字为24pt,二级标题的文字为18pt,正文为14pt,辅助性文字为12pt。

文字的颜色,重要型文字使用#333333,普通型文字使用#666666,辅助型文字使用#999999。

对于文字的加粗问题,整个页面,要么主标题都加粗,要么都不加粗,如果有些加粗有些又不加粗,别人也许就会觉得我们做的不够严谨(当然特殊场景除外)!

1.2 定义图标线条的粗细。

在前期做设计的时候就要讲图标的描边粗细制定好,例如统一为2PX。

1.3 颜色统一

要考虑好颜色的使用场景,制定颜色规范,避免胡乱用色,导致界面杂乱。

比如主色,辅色,灰度色等等。

1.4 控件样式统一

对于想相同的控件,要使用相同的样式

2、解决设计风格类问题

分析自身产品的问题,然后搜集相关竞品,结合自身产业的属性,业务需求等因素进行优化。

3、解决信息层级类问题

信息层级问题是最重要的一个问题,因为好的设计最重要的一点就是突出信息

3.1 布局层级问题

对于一些不重要的信息模块可以弱化或者隐藏,只显示入口即可。

3.2 文字层级

文字层级可以通过文字大小,颜色,粗细来区分,前面看过的文章说过,不要过分依赖字体大小,所以说,要三者结合。

二:如何选择改版产品

     选择改版的APP如果是不熟悉的APP,那在改版的时候对产品的服务模式,功能架构以及交互逻辑等比较陌生,需要一定的进行学习时间。如果选择一些大型的APP,因为他们的设计团队非常专业,你很难从中发现缺点,而且你勉强改版,也会发现没有原版的好,打击信心。所以说我们在选择产品的时候要选择适合自己的当阶段现状的。

1. 挑选自己接触过的直接产品或者间接产品;  

2. 对 APP 里面所提供的产品或者服务比较认可或者没有一定的排斥感;

3. 挑选无论是视觉层面还是交互层面都有一定优化空间的产品,别轻易尝试精品;

4. 如果身边有朋友使用过的产品优先考虑,因为可以成为你调研数据的来源;

5. 选择阳光积极型的产品,不做传递负能量或者违反规定的产品;

6. 初次尝试 APP 改版设计,从轻量级的产品入手,可以控制练习时间和自己的驾驭度。

三:体验产品

      确定好要改版的APP后,就要深度体验这个APP,通过不断的操作把自己从小白用户升级到专家级用户。这个熟悉的过程中,不仅仅是熟悉主流程的操作逻辑,对一些偏冷门的功能操作也要熟悉,如果是需要注册使用的产品,一定不要忽略注册会员后的体验,最终达到的级别就是你可以向身边任何一个人轻松的进行解说和推荐。


四:功能梳理,梳理出功能结构图

      当你对改版的APP进行第一次深度体验下之后,利用思维导图软件绘制出整个产品的功能结构图,第一次梳理产品功能时无需删减,真实还原产品功能就行,进行功能梳理的时候越详细越好。

五:竞品分析

      功能梳理完毕后,我们需要对改版的APP以及整个兴业的产品都有一定的认知,在体验竞品的过程中需要结合改版产品的功能进行对比,多次体验,得出最好的结论。(更多的是功能上的对比)

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

1. 不要急于进行总结,先进行至少 3 次以上体验;

2. 先看整体布局再分析局部细节;

3. 重点功能交互形式需要提取出来进行对比;

4. 主界面的各版块布局设计需要进行对比;

5. 配色分析,作为改版时的配色优化指导;

6. 图标和组件库的分析,找出细节的优化方向。

六:素材采集

      采集更多的设计样式作为灵感借鉴,设计平台有站酷、UI中国、致设计、Dribbble、Behance等,采集收藏灵感会经常用Pinterest和花瓣。

七:再次体验,确定设计表现形式

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

      根据产品的特性对产品进行风格定位,赋予其感情。

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

九:寻求意见,调整优化

        采取有用的意见进行优化。

十:包装,整理设计思路

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

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

1. 作品包装设计中的版面布局需要舍得,适当加大留白会给版面更强的呼吸感;

2. 局部提炼,对界面设计中的一些视觉表现力强的样式提取出来独立展示,丰富作品的细节展示;

3. 精心挑选样机,让作品展示效果更佳,有时候也可以自己绘制更加简练的样机模型; 设计组建4. 选择性展示,增删挑选的组建让布局更加整体,视觉效果更加协调,整体组合形成块面感;

5. 利用对比突出重点,不要使整体布局都处于平面化;

6. 装饰元素的运用,可以利用辅助图形、短线等进行设计装饰;

7. 加强头图设计的视觉表现,提高读者的注意力。








        




更新:2018-08-09

收藏

5人已收藏

小和尚Q

因为喜欢,所以愿意

  • 4

    作品

  • 8

    粉丝

  • 5

    关注

  • 动效设计标准与规范
  • 2018作品集第二版
  • UI设计中的七个实用技巧

    猜你喜欢

      2018-08-09 原创文章 经验/观点 原作者: 黑马青年 举报 1257 5 3 0

      APP设计改版经验

      0.0°

      你确定要举报APP设计改版经验

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年08月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录