Lofter是网易产品中资历比较老的一款产品了,主打兴趣社区,鼓励原创,让有趣的用户拥有属于自己精致圈子为目标。怎样为lofter进行新年换装,主要从以下五个阶段来阐述设计过程。
接到需求的时候,设计师会从以下三个方面进行进行分析该需求的核心问题:
除了烘托节日气氛之外,设计师应该设计出更加精致,更具有创意性的设计,能够更有效的传达品牌的理念,传递给用户正能量,增强用户的情感认知。
此次换肤需要考虑到用户的接受度,能否让用户感知到产品的寓意,能否给用户带来更多的亲切感。
明确设计需求之后,需要针对需求进行分析,设计师从:主题联想、关键词提取、视觉素材提炼三步进行设计提炼。
根据思维发散词汇进行色、形、质进行分类归纳:
颜色:颜色是用户最表层的感知,根据Lofter的调性,我们把颜色定位在比较能够体现节日氛围的红色系和比较高贵优雅的烫金色系上
形状:可以根据剪纸、对联、雪人、复古门窗等元素进行提炼,进行方案设计。
针对提取的关键词,进行视觉元素匹配,搜集相应的视觉素材作为设计参考,下图仅为部分参考图作为展示:
针对视觉素材提炼,形成三个设计方案方向:
方案一:通过春节对联的元素以及烫金纹理进行方案设计;
方案二:通过剪纸和云纹的视觉素材进行方案延伸;
针对设计分析所得出三个方案如下图:
从草图阶段进行评估,设计的可行性都比较符合设计需求,设计的创意性需要通过设计图的绘制进一步推敲。
设计初稿主要针对草图绘制的方案进行软件绘制,这次绘制主要是呈现大效果,细节可以后续仔细推敲。三方案如下图:
针对设计初稿,视觉内部进行设计评审:
设计创意性上讲:方案一创意比较中规中矩,缺少一些设计特色;方案二比较有想法,设计层次和主题表现需要进一步优化;方案三有一定创意性,元素鱼主题的结合需要进一步的优化。
设计语言表达上讲:三个方案都能够凸显节日主题,氛围都比较浓厚,用户感知也比较强。
从设计效果来讲:方案一较于简洁,设计特色相对弱一些;方案二有层次感,比较有特色;方案三有一定的特色,设计效果细节有待推敲。
针对视觉内部对设计方案的建议,针对三个方案进行了细节上的优化。
方案一:增加烫金质感,以及细节元素的搭配;
方案二:针对细节进行了调整,调整层次感;
方案三:在原有基础上进行优化,使设计更有质感,更拟物化。
针对以上方案,除了视觉组内部进行评估,还邀请需求运营方,产品方以及交互设计方进行多方位设计评估和建议收集。最终选择方案二作为新年主题方案。
针对方案二进行设计细节优化,主要通过颜色、形状、质感三个方面进行进一步推敲。
颜色:由于lofter品牌色为沉稳的绿色系,为了突出新年气氛,颜色采用喜庆的色红色系,色彩上进行反复尝试,找到视觉上最优的方案。
形状:由于lofter是线条形的logo,为了增强对比性,突出视觉效果,背景采用了块面感的设计进行烘托。设计上主要采用视觉元素(梅花、云朵、建筑以及山川)进行块面的叠加,在保证背景整体感的同时,又不失层次感和细节。
质感:图案和肌理的运用,视觉上主要采用了剪纸元素进行设计,它不同于传统剪纸在于运用了层次叠加的表现手法,使画面更加丰富,也是当时比较流行的一种视觉表现。肌理上使用纹样装饰,在丰富细节的同时彰显传统设计元素的魅力。
以下为通过不同纬度进行细节推敲方案稿:
针对各方面的优化和推敲最终形成了我们的设计方案如图:
在最终敲定logo主题设计方案的同时,为了给用户带来一致性的体验感受和浓厚的节日氛围,系列的延展设计是十分必要的。设计上可以通过主题启动图、皮肤装饰以及运营活动三方面进行延展。以logo主题为中心,通过不同层面的配套延展,相互烘托,使设计系列化、主题化。
4.3运营主题活动:
这一环节是设计中的最后环节,也是十分重要的环节。如何让设计稿高还原度的展现给用户需要设计师和前端工程师的一起努力。设计落地环节中主要会出现的问题:视觉还原度、页面适配以及体验流程顺畅度。
其实还原度应有一个标准,因为工程师不可能100%还原视觉稿,所以需要设计师精细的走查,比如说还原度需要在95%以上这个标准后才开始申请上线。这是对自己设计工作的负责也是设计师需要培养的良好习惯和基本原则。
因为市场上出现各种机型,适配工作也比较繁琐和重要,这需要设计师和前端工程师一起沟通,最后达成一致为用户提供完美体验。
其实不管是做运营活动还是产品设计,体验流畅度至关重要。为了提高流畅度和新鲜感,设计师会针对一些界面增加转场动效和点触动效。运营活动基本上以H5实现为主,大多数情况不能像原生效果相媲美,因此动效层面的使用需要更加考究和精准,才不会本末倒置。
通过整个设计过程可以了解到,设计并非是简单的画图工作。如果要产出优秀的设计成果,需要一整套的设计方法来支撑自己的设计方案。虽然仅仅是一个简单的新年主题logo,它并非一时的灵感突现就可以的,还要对整个业务需求,产品定位和设计理念等三方面进行深入了解和分析而产出的结果。我们需要做有依据,有逻辑,有理念的设计,需要发散思维,整合创意,严谨输出,让设计经得起推敲。
也希望每个设计师可以养成良好的设计习惯,跳出原有的设计思维,站在更高的层面上去审视和探究自己的设计。
在这个以数据说话的时代,其实大家肯定都想知道设计产出之后,效果怎样?数据如何?