文艺风格活动设计
下面会按需求拆解、信息层级梳理、品牌基因延续、可用性和美感的平衡四部分讲解。
需求拆解:常见活动需求类型和如何拆解活动需求
常见活动需求类型:活动运营、品牌推广、拉新留存
一)活动运营(运营销为主):活动大促,时效性短

二)品牌推广(传播):创意表现,引出品牌信息

三)拉新留存:新人利益,年度盘点


如何拆解活动需求:分析需求-提炼需求-风格定位
一)分析需求:尽可能全部的了解设计背景,用户群,活动目标,上线预期效果等问题抛出与运营同学共同讨论。

二)提炼信息:按同类性质信息提炼,如主题信息、折扣信息、情景文字和商品信息等模块。

三)风格定位:整体风格定位,方向定位
举例一:


举例二:


信息提炼:将相同的信息进行提炼。


风格定位:云音乐的大部分用户为年轻人,T桖的特征。设计定位为简约并戴有少量复古元素的基调。



信息层级梳理
一)为什么要梳理信息层级:
快速获取和理解有用,感兴趣的信息,并产生下一步行为。为了快速获取和理解内容。
二)如何梳理信息层级:梳理信息之间的关系和信息深度加工
1)梳理信息之间的关系:信息关联、信息并列、信息因果顺序、信息包含
信息关联


信息并列

信息因果顺序

信息包含

2)信息深度加工
一些文字信息、数据需要深度加工。


三)梳理信息层级的视觉表现方法:位置 大小 远近 内容形式 色彩

位置

大小



远近


内容形式


色彩



提取品牌基因
图像提取;色彩吸取;空间留取;文字抽样;模特选取;风格获取
1)图像提取:完整图像(韩国11街)、轮廓图形(天猫)、特征图形(A站包子发型)、延伸图形(韩货SAM)
2)色彩吸取-低饱和度色彩(严选)、高饱和度(韩国购物DDG有丰富、热闹、活跃的气氛)
3)空间留取-(韩货29CM 简约、时尚)
4)文字抽样-自己品牌的字体(蘑菇街研究了蘑菇新圆体)
5)模特选取-自己的模特与特征(初语,sam)
6)风格获取-复古(上海女人)、小清新风格(下厨房)
上诉的六种特征都没有,可通过差异化的排版方式或结合产品特征定位视觉手法形成品牌基因.

如:电商banner都雷同的时候,网易叠加白色面片上面放自己的文字来创造自己的品牌基因。

如:知乎的活动设计,知识类相关主题能难找到具象的图形去表达,二会因配图太过具象而盖过文字本身的话题。通常会导致五花八门的视觉形式,从而降低品牌的视觉识别性。根据品牌特征,知乎找到了一套抽象手绘表现形式,形成了品牌相关的视觉特征,并将这类特征运用在各位活动中。保持了整体品牌的视觉统一性,也提升了活动页面和品牌的视觉识别性。
什么是可用性
可用性(Usability)是交互式IT产品、系统的重要质量指标,指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度。即用户能否用产品完成他的任务,效率如何,主观感受怎样,实际上是从用户角度所看到的产品质量,是产品竞争力的核心。
视觉设计中的可用性:信息展示和功能操作
信息展示:可读性(leaverou网站)、可视性、视觉流
网友评论