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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
品牌在UI设计中的遗传与进化(上)(案例分享)
0.0°
2020-04-28 原创文章 经验/观点 举报 795 4 2 0

品牌与UI是互通互惠关系的连接体。UI设计师在其中扮演粘合剂的角色,那么品牌如何注入到UI设计中呢?我总结了“四步走+五技法”的设计方法

1. / 工作思考 - 品牌与UI的关系 /

现在的互联网产品已步入趋同化阶段,如何在同类产品中突出自家产品,是摆在UI设计师面前的问题。在我的工作经历中,我有幸接触过品牌设计、运营设计和UI设计。我发现品牌和UI这两者存在互通互惠的联系

但是,在实际项目中设计师需要考虑诸多因素,比如:用户痛点、产品诉求、技术壁垒等等,这些因素将导致产品线上效果与品牌出现割裂情况。我们希望产品除了满足自身与用户诉求外,还能达到品牌基因遗传至产品、产品又通过内部解构重组最终优于源基因的进化状态


2. / 如何做 - 四步走+五技法 /

那么,设计师要如何做呢?通过长期的项目积累,我总结了四步走思维方法,再通过五项设计技法来实现最终效果

四步走:思考问题、确定目标、培育提取和遗传进化五技法:图形、颜色、版式、字体和动画


3. / 项目实践 - QQ空间黄钻官网 /

通过研究《2016互联网增值服务报告》,我们发现用户在“吸引用户开通黄钻特权“问题中,“黄钻等级"和“身份特权”的数据较低,说明黄钻给用户的尊贵感和成就感弱,违背了用户购买黄钻炫耀身份的诉求,同时也直接影响了黄钻收益。体现在官网界面上就是黄钻小、数据弱、层级平、低龄化

总结官网存在的问题有三个:尊贵感弱、收益瓶颈和品牌感弱;针对这三个问题,确定相应目标:强化身份、提高收益和完善品牌。具体如何实施呢?分产品内容和视觉设计两大类

头两步做完后,接下来要完成后两步的任务,即品牌基因的培育和遗传进化

先来看下目前黄钻对外发布的品牌形象。黄钻和豪华黄钻形象多样,颜色多彩,品牌及其不统一,显然重新梳理品牌迫在眉睫。新的品牌系统规定了标准logo、标准色、标准版式和标准字体

品牌VI系统梳理完成后,设计师要考虑如何把品牌基因遗传到UI设计中,在同类产品中做到差异化。在进行UI设计前,我们先要解决旧版官网信息杂乱,层级扁平的逻辑问题。首先,把官网上需要展示出来的用户数据由优先级重新调整归档;其次,将官网调整为“2大模块+常驻按钮”形式,即身份模块和特权模块。层级梳理完成后,将等级LOGO和标准版式遗传至UI界面中,突出身份模块

虽然到此步,界面基本完成了,但设计师觉得尊贵感仍然不够,如何再进一步提升黄钻尊贵感呢?设计师采用把2D钻进化到3D动态钻的表现形式,加强用户身份和强化尊贵感,最终完成品牌基因的进化

品牌与产品紧密相连,UI设计师在日常工作中,除了关注用户体验、产品迭代、数据研究之外,也要多思考品牌的注入,多在其中扮演品牌与产品的粘合剂角色

Powered by Froala Editor

更新:2020-04-28

收藏

4人已收藏

  • 9

    作品

  • 437

    粉丝

  • 78

    关注

  • 柴和妞2018-2019作品集
  • 2017年作品集
  • 视觉设计师的高效能学习法
  • 美团2016校园招聘-品牌设计

    猜你喜欢

      2020-04-28 原创文章 经验/观点 举报 795 4 2 0

      品牌在UI设计中的遗传与进化(上)(案例分享)

      0.0°

      你确定要举报品牌在UI设计中的遗传与进化(上)(案例分享)

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年04月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      4
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录