柏年文化创意
以专业的视角¶••⊿差别化的定位¶••⊿简约实效的设计提升品牌核心价值
咨询热线:+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

红酒包装_酒标设计_包装设计_深圳市柏年文化创意发展有限公司
香港跑马投注网 吉吉彩票首页 网易彩票注册平台 澳洲赛车直播网 买彩彩票注册平台 金龙彩票app下载 北京pk10官网 飞速赛车在线投注 九亿九彩票开户平台 秒速时时彩官网