技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 网易微博平面视觉项目执行

网易微博平面视觉项目执行

浏览:8755次  出处信息

    

    网易微薄的视觉从立项起一直在不断的摸索,用一种比较涂鸦的插画风格、生动有性格的造型、拟人化的情节,体现网易微博草根、平民化,注重用户间的真正互动与沟通,提倡用户的创造与思考能力的产品属性与品牌特征。设计做到现在,优势渐渐显现出来。原创的视觉设计,对于受众清晰地感受品牌特征与调性,和差异化的区隔竞争产品,效果比较明显。因此,微生物概念破茧而出。

    以下开始,就是微薄视觉项目的执行历程,记录着微生物的不断优化,运用的经过。

    网易微薄视觉包装项目进行到近一个月时,整体形象还没有成熟,只是存在一个初出的微生物概念。由于最终的目的在于确定网易微薄的主视觉,并且在线上线下做延展使用,确定一个视觉方向尤为重要。项目的需求是从线下的第一批物料开始的,这是一个落地活动。需要礼品、和一些大尺寸物料。为此,微薄运营的同事 进行了第一次沟通。

    我们当时询问了大家网易微薄的特性与方向,因为这是一个市场的定位,也是与同类品牌的一个区分。而后,一种自由,洒脱,趣味横生的风格被确定下来,成为第一批线下宣传物料的视觉方向(也就是第一版本的微生物)

    下面是第一版本微生物的展示:

    

    

这个小小的杯子意义重大,它奠定了日后网易微博的基本视觉方向。
微生活-微生物-网易微博

    第一版本的形象做出了一定的突破,在总体方向上贴合了网易微博的调性。当然,形象是需要调整的。征求了大家的意见后,我们做了归纳,第一版微生物看上去像是一群形态各异的生命,虽然这就是一种微薄的精神,但是在一个大范围的传播情况下,有一些容易产生争议的形象需要考虑,因为有些过于自由的微生物形象可能给受众带来非好感,这个我们承认,是必须考虑的。

所以,我们的修改方案是:

    1-保持微生物活跃,生动的视觉感受。

    2-保持手绘风格。

    3-淘汰一些带来争议的微生物形象。

    4-添加一些与产品有更多联系的微生物形象。

    5-所有微生物形象都要保证可爱,视觉感受舒服。

    以下是第二版微生物运用到网易内刊时候的形态: 微生活 遇见你

    硬广的形象输出稿中的第二版微生物是与特别构思的场景相融合的,营造了一个在特定产品中,轻松快乐的氛围。可以看到在邮箱的入口处和电脑的键盘上,都出现了特定为产品设计的微生物形象了,但是整体的形象还是保持了完整统一。 在这个时候,章鱼的LOGO形象已经出来。在画面中,我们可以看到它只是在LOGO中有体现,形象是一只章鱼形态的微生物。在理解上面其实并不矛盾,“微生活”中的微生物,和一个“易”字变形来的章鱼微生物,他们都属于网易微薄的形象体系中的一个元素。

很快,我们得到了新的启发,如果每个微生物,都能够更有“网易微博”中的用户的性格,我们的设计会更加有深度,等这些微生物出现了,画面的感染力是很高的。微生物,我们与响指一起沟通,我们的主要目的是想体现微薄的不同用户群体,每一个微生物都是一种个性,比如马甲呀,自拍狂人啊,技术狂人啊,家族用户呀,这些表现手法比较生动活泼,在形式上也不是拘谨在一个章鱼的造型,我们在“线下”的部分还是比较推崇这种做法,第一是更加有吸引力和人格美丽,第二是他们虽然与章鱼微生物的形状有区别,但是红红的身体,互相之间的一些相似的特点,也都可以形成统一的风格,比较适合成为一个故事性的东西打包传播。有了这套东西,可能微薄以后的线下宣传,能够走出一条与同类产品不同的路。
发展到这个时候的网易微薄视觉,已经逐渐成熟,其中最欣慰的就是这些丰富的形象资源,可以开始延展使用。不论是线上推广、动态投放、还有落地活动,这些原创性强的资源无不体现着产品的独特。
线上体现:
线下贴纸礼品
等这一套视觉成型的时候,悬着的心终于放下了,网易微博这种涂鸦式的视觉风格被人接受的程度超乎我们自己的预料。在这之前也看了Demo同学的“邮箱微薄进化”文章,感觉后面说的很对,互联产品的开发是一个不断迭代优化的过程,视觉设计上也是一样的,通过不断的进化,设计能够越来越满足产品宣传的需求,在视觉元素功能性上的开发也是一个艰辛漫长的过程。 线下物料的实物效果图今后会更新,还有一些专门为微博线下活动设计的礼品等,我们也在随时设计.

    

    在之后的微博线下的视觉设计中,我们会有越来越多的,更加针对产品功能和特性的形象来配合传播。在保持整体性的基础下,丰富的趣味资源便是网易微博视觉的一大特色。希望大家提出宝贵意见,我们会更加努力的完善设计。谢谢~

建议继续学习:

  1. 越简单越丰富――极简网页设计视觉呈现技巧    (阅读:10092)
  2. sns视觉设计分享    (阅读:7924)
  3. 视觉设计前瞻实用性研究(PNVD) 第五期    (阅读:6026)
  4. 视觉注意力―解剖设计的根源    (阅读:5999)
  5. 用色彩打造专业的视觉效果    (阅读:5745)
  6. Pinterest:充分挖掘视觉的潜力    (阅读:5366)
  7. 我在网易的十年    (阅读:4934)
  8. 视觉设计前瞻实用性研究(PNVD) 第三期    (阅读:4882)
  9. 概念视觉设计    (阅读:4651)
  10. 当视觉设计师遇上产品经理、开发工程师…    (阅读:3727)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1