柏年文化创意
以专业的视角、差异化的定位、简约实 效的设计提升品牌核心价值
咨询热线:+0755-25469700 13923889516+招聘
您当前的位置:主页 > 公司动态 > 设计知识 >

产品迭代中,视觉设 计如何做到继承和升级

发布于:2018-12-18 11:00来源:bainianwh 作者:bainianwh 点击:
一个产 品通常会经历从开始到成熟的多次迭代。在这个过程中,对于视觉设计师来说,如何在 不断变化的产品中保持设计的连续性,同时又能取得突破,应该是 大多数人所面临或正在面临的问题。
本文将 描述自己在产品中多次在修订视觉延续方面的思考总结,以微供 给市场多次修订版本为例,探讨如 何在产品迭代中实现视觉继承和升级。
首先,为什么 视觉表示法要从迭代中继承?
 
从用户的角度来看,如果业务/产品的 每个版本的设计性能完全不同,则用户 必须不断地了解和学习新版本。同时,也不利 于在用户中建立企业/产品的品牌意识。一个成熟的设计表现,必须经过深入的思考,背后的 表现层可以提取出可以继承的设计延续的“道”。
 
例如,从iOS 6到iOS 7,从模拟 到扁平的颠覆表示层。但仍有继承的精华,如标志 性的圆形图标和流畅的互动体验。
 
2.如何在 迭代中继承和提升视觉?
 
1.“展望未来”-分析你所钟爱的业务/产品的当前设计状况。
 
总设计 师在两个情况下负责业务/产品:
 
您是企 业的第一位设计人员,而业务 还没有产生任何设计输出。
 
在此之前,有设计师,并进行 了一些设计结果。
 
如果你是第一个,恭喜你会跳过第一步。在接下来的案例中,作者面 临着第二种情况:当他接管业务时,一位设 计师已经完成了一项设计。在这一点上,一个前 设计师有必要理解先前设计的思想,并考虑 预定设计是否能够或不可能继续应用于以后的设计中。
 
理解序 言设计的概念对于避免以后设计中的一些问题具有重要意义。
 
仔细思 考新设计是否应该存在很大的差异,避免由 主要颠覆性设计输出给用户造成的认知差异;
 
当您想 升级预订设计时,可以轻 松地面对来自其他来源的查询。
 
案例:微型市场指南主页
 
微供市场:微供市场是1688年以后 的一站式社会分销源服务市场,为社会电子商务(微商)集团提供独家供应、代理服务和订单管理。
 
当你接 管微供应市场时,你从前 一位设计师那里学到了当前页面的设计理念:见下文。分析了 当前设计理念中的视觉表现点,找出了存在的问题。通过“向内看”的第二步,确定观念是否正确,是否继承。
 
uisdc-al-20180328-1.jpg
 
2.“向内看”-理解业务的本质,从内部 差异的角度思考表示层的设计。
 
如果一个业务/产品的 视觉性能是在迭代版本中,那么每 次都有一个破坏性的更改,而没有丝毫的继承。因此,几乎可以肯定的是,在设计开始时,它一定是深层原因的“道”,为什么 设计应该直接从表示层而不是形式上进行。
如何从 商业的本质来理解设计连续性的道?
 
根据将 要开始设计的业务/产品,问自己三个问题:
 
业务/产品与 其他内容有哪些不同之处?
 
业务/产品的 核心用户的特点是什么?
 
如何将业务/产品和用户串联起来?
 
案例1:
 
您可以 使用下面的图表来帮助您不错过,从左到右,贯穿每一行,您必须 回答业务所表达的三个问题。以微观 供给修订视觉设计前的思考为例,今年阿 里所有业务线中提到的高频词“人、物、场”,所以我 将把上述三大问题的内容改为“人、物、场”来回答。
 
与其他 内容不同的商业/产品的特点是什么?-“区别于 大型市场独特的私人来源”。
 
业务/产品的 核心用户的特点是什么?
 
如何将业务/产品和用户串联起来?基于社 会关系的事务场景
 
uisdc-al-20180328-2.jpg
 
根据答案,分别脑爆关键词,更全面地描述了“人与货场”的特点。将核心 词提取为设计关键字,并保留 描述这些关键词的扩展词。
 
uisdc-al-20180328-3.jpg
 
对于用 户部分进行深入思考,从用户 肖像的多维精化出发,推导出 色调性的设计原则。
 
案例2:
 
从微观 供应核心用户的“人群特征、业务特征、工作环境”构建立体用户形象。画出三个视觉原则:柔软、克制和统一:
 
软:女宝母是主要群体,大多为个人兼职,做熟人生意,货源追求不同品质。所以要 避免集市的噪音。
 
约束:社会熟人的业务,如果是长期的,就必须加以限制。
 
统一:用户切 分移动端购买体验,避免复 杂的视觉和交互性能,尽可能统一,降低成本。
 
uisdc-al-20180328-4.jpg
 
最后,在深入 挖掘业务问题和用户需求的基础上,得出了“涛”的设计方案。
 
uisdc-al-20180328-5.jpg
 
当“道”的业务/产品设 计要开始有自己的理解的解释,然后回顾以前的设计。首先,设计理念的一部分是“质量”和“贴近温暖的心”,符合良 好的供应和温柔的概念。第二,前面的表示层,如白色排版、线性图 标等都可以使用,在新设 计中继续体现设计理念部分。

继承和 升级的第一个迭代版本:
uisdc-al-20180328-6.jpg
 
继承与升级:
 
色彩:根据设计的核心“社会关系”,拓展社会人性、亲密无 间和沟通的生命力。结合1688年微供应的商业属性,在原有 红色的基础上添加了一种能给人温暖和亲密感觉的橙色黄色,并获得 了一种新的主色微色。根据“软、约束”的原则,在界面性能上,控制主色彩使用区域,只在关 键操作提示和特殊内容重点处应用。
 
如果我们不往内看,结果很 可能是放弃暖色系统,使用微 信的绿色作为主色。然而,经过反思,事实证明,虽然我们的用户是“衍生”的,真正的 定义是社交电子商务,微信只 是目前更大的渠道之一。如果有 一天微信的颜色发生了变化,或者不 再是主渠道的衍生产品,那么我 们的产品颜色应该调整吗?
 
uisdc-al-20180328-7.jpg
 
图标:图形行 业图标已经保留,新的绘图已经完成。每个角 落都用圆角绘制,使每个 图标看起来更圆、更逼真、更亲和。
 
uisdc-al-20180328-8.jpg
 
设计布局:在界面上,各板块增加空白,采用灰 色中性色块和高质量的大图突出市场良好的商品质感。每个活动主题,通过标 准严格控制操作质量,采用大 色块和图片同色系统配色,活跃界面气氛。同时,根据“软”原则选择颜色。
 
uisdc-al-20180328-9.jpg
 
核心图形元素的提取:在下游 销售过程中关键场景的提取,图形的提取和拆卸。通过图 形化升级的感官识别信息,利用三维转移业务/产品的 形状和颜色的第一眼感觉。
 
uisdc-al-20180328-10.jpg
 
部分图形应用:
 
uisdc-al-20180328-16.jpg

 
3.“提防”-保持对 设计趋势的热情,并根据 业务情况对升级进行反思。
 
每个视 觉设计师都对设计趋势有着天生的敏感性,并且总 是想在新版本中使用趋势。但并非 所有流行的设计趋势都能“取之不尽”。为了应对这种趋势,我们应 该辩证地看待当前企业的变化和需求。这是一个向内、向外看、不断循环的过程。我们应 该不断地在工业的受欢迎程度和商业需求之间找到平衡。这也是 对设计师的审美鉴赏能力的考验,在设计 热情的内心深处,同时,清楚地知道什么能做,什么不能做。
 
案例:微型供 应市场的第二代版本
 
 
通过收 集和分析流行的设计趋势:无框、大标题字体、块间隔弱化,真实照 片材料的应用都是当前界面设计中流行的应用趋势。根据目 前的业务发展情况:
用户组的变化:逐渐成长,从单一 的人管理开始有更多的从属代理;
 
商业模式的转变:从代理升级到分销;
 
买方经营方式的变化:划分买方等级,集中在 腰部以上的操作,赋予买方相应的权益。
 
业务和用户正在成熟,所以在 视觉层的产品界面性能:减去以前过度的修饰,删除以前的卡通图标,一些以 前表面浮动的图形元素,更多的 限制进入界面的骨头血液。让整体 视觉表达提升到更成熟的基调。
界面趋势收集:无框,大标题字体,块间距弱化,真实照片材料。
 
总结
 
最后,以下图 总结了上述产品迭代中的继承和升级经验。
 
uisdc-al-20180328-18.jpg
 
视觉进 化的一个成熟过程是从肤浅的视觉思维向逻辑分析思维的转变。视觉进 化的整个过程是由设计师对设计的内在热情、对现有 设计成果的自我反思和不断审视,以及设 计各个阶段的结果经得起审查的前提。仍然能 够使产品看起来像新产品。
tag标签:
------分隔线----------------------------
------分隔线----------------------------


中国-深圳龙 岗区平湖宝能智创谷B座505、506
TEL:+0755-25469700
Mobile:+ 139 2388 9516(孙先生)
QQ:83746497
QQ:83746497
邮编:518000

红酒包装_酒标设计_包装设计_深圳市
柏年文化创意发展有限公司
友情链接:    金龙棋牌游戏   KG抢庄牌九   旺彩彩票网站   彩票网投注册   GPK棋牌游戏