网站源码-图片-资料下载-学习资料-牛资料网!只做精品资料网
  • 首 页
  • 5步打造APP节日主题设计:以Lofter新年图标设计为例
    时间:2019-08-16 20:29 来源:www.xyhndec.com 编辑:免费资料 浏览:

    2018年春节已远去,一直想把lofter新年logo设计思路分享给大家,直到现在才整理出来,希望这篇文章能给大家一些思路和参考。

    每当过节的时候,市场上大大小小的APP icon都进行了节日换装,作为视觉设计师,如何设计出与产品品牌相符合并能营造出节日氛围的设计是我们需要思考的。下面以lofter新年图标设计为例,分享一下当时的设计思路和方法。

    Lofter是网易产品中资历比较老的一款产品了,主打兴趣社区,鼓励原创,让有趣的用户拥有属于自己精致圈子为目标。怎样为lofter进行新年换装,主要从以下五个阶段来阐述设计过程。

     

    1.设计背景

    接到需求的时候,设计师会从以下三个方面进行进行分析该需求的核心问题:

    1.1 业务层面

    这次换装的目的是什么,换装这个行为符不符合lofter的品牌调性。经过沟通,业务方希望通过换装来渲染新年的气氛,引起用户的关注,激发用户和产品之间的互动,进而提高产品的日活跃度;

     

    1.2 设计层面:

    除了烘托节日气氛之外,设计师应该设计出更加精致,更具有创意性的设计,能够更有效的传达品牌的理念,传递给用户正能量,增强用户的情感认知。

     

    1.3 用户层面:

    此次换肤需要考虑到用户的接受度,能否让用户感知到产品的寓意,能否给用户带来更多的亲切感。

     

    2.设计分析

    明确设计需求之后,需要针对需求进行分析,设计师从:主题联想、关键词提取、视觉素材 提炼三步进行设计提炼。

     

    2.1 主题联想:

    针对新年主题以及传统文化进行思维发散,搜集与之相关的词汇。如图:剪纸、雪花、对联、雪人、梅花、云纹、复古窗户、灯笼、鞭炮、礼花、大红,烫金等等。

     

    2.2 关键词提取:

    根据思维发散词汇进行色、形、质进行分类归纳:

    • 颜色:颜色是用户最表层的感知,根据Lofter的调性,我们把颜色定位在比较能够体现节日氛围的红色系和比较高贵优雅的烫金色系上
    • 形状:可以根据剪纸、对联、雪人、复古门窗等元素进行提炼,进行方案设计。
    • 材质:可以通过相关的图案肌理进行装饰,使设计更加精致的同时,更能烘托节日的气氛。比如说云纹、回纹等。

     

    2.3 视觉素材提炼:

    针对提取的关键词,进行视觉元素匹配,搜集相应的视觉素材作为设计参考,下图仅为部分参考图作为展示:

     

    针对视觉素材提炼,形成三个设计方案方向:

    • 方案一:通过春节对联的元素以及烫金纹理进行方案设计;
    • 方案二:通过剪纸和云纹的视觉素材进行方案延伸;
    • 方案三:通过复古门窗及雪人相关素材进行设计提炼。

     

    3.设计执行

    3.1 草图绘制:

    很多设计师在做设计的时候会忽略这一步骤,草图的绘制虽不需要太精美但它却是不可缺少的。设计师通过绘制草图更简单直接呈现自己的灵感、想法,并针对相关设计方案进行初步的设计评估,从而更好的把握设计的可行性和创意性。

    针对设计分析所得出三个方案如下图:

    从草图阶段进行评估,设计的可行性都比较符合设计需求,设计的创意性需要通过设计图的绘制进一步推敲。

     

    3.2 设计稿的呈现:

    设计初稿主要针对草图绘制的方案进行软件绘制,这次绘制主要是呈现大效果,细节可以后续仔细推敲。三方案如下图:

     

    针对设计初稿,视觉内部进行设计评审:

    • 设计创意性上讲:方案一创意比较中规中矩,缺少一些设计特色;方案二比较有想法,设计层次和主题表现需要进一步优化;方案三有一定创意性,元素鱼主题的结合需要进一步的优化。
    • 设计语言表达上讲:三个方案都能够凸显节日主题,氛围都比较浓厚,用户感知也比较强。
    • 从设计效果来讲:方案一较于简洁,设计特色相对弱一些;方案二有层次感,比较有特色;方案三有一定的特色,设计效果细节有待推敲。

    郑重声明:
    牛资料网所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系牛资料网索要。
    如有侵犯您的版权,请及时联系QQ:964613048,我们尽快处理。

    APP开发制作教程APP开发制作教程
    深度解析字体在APP设计中的奥秘深度解析字体在APP设计中的奥秘
    黄金兴趣点在app界面设计中的运用黄金兴趣点在app界面设计中的运用
    推荐栏目
    • 客服:我们竭诚为您服务!
    • 客服:我们竭诚为您服务!