1.前期项目大纲制定与团队沟通2.视觉体系形成3.线上专题的在实际状况下的制作4.后期专题修改与其他门户的竞争优势对比
前期的项目沟通尤为重要,为往后的设计工作铺垫出平坦工作通道。前期由交互设计师和我做主要的活动广告诉求调查。经过交互设计师的整理,清晰的展现出整个活动的来龙去脉和运作过程。
整体风格
主题:飙新,突出新新能源,新技术,新市场,新车型
主色调:使用网易红色(未统一意见)
视觉主风格:见WPS ( 视觉部门信息收集 推荐 )
设计内容:
线上:车展预热专题 预计30个页面左右(车展现场专题:无法预计)
线下:现场形象标识 广告背板 (销售广告:无法预计 暂定一个可套用模板) 现场布展物料 需要预备设计师给予设计支持 推广:媒体 报纸 公交等使用形象
需要资料: 具体设计内容的时间安排 (2月5日 更新) 主专题细化内容需求 (2月8日 提供) 统一策划方向文档 (推荐2月12日前)
线上设计期望: 围绕这次车展报道内容部门有没有具体的方向构思?还是和以往所有车站报道一样常规操作? 围绕”新能源””标新”关键词有无对此次车站报道的整体的宣传方向构思?这是由内容方构思还是市场方构思? 具体汽车例子(例如Toyota强调环保从一些大品牌汽车的网站看到行业的视觉风格是怎么阐释”新能源”的) 视觉主题可直线连接的视觉元素体现
策划方向 迭带 视觉问题: 视觉紧扣主题,视觉风格和交互设计体现现场感,资讯量更大,服务性的内容更明显,用户能第一时间找到有用的信息,专题与用户互动更多,聚合 网易 优势产品 (微搏),对活动整体包装
设计步骤提示: 2月11日 设计中心出视觉方案 2月12日 确定专题视觉风格主题 2月13日 线上主专题设计线框草稿 2月20日 开始设计主专题 2月22日 确定二级页面及高峰论坛线框图 2月24日 出车展主专题页面整体设计效果初稿 2月24日 北京车展高峰论坛及新能源策划专题线框图确定 2月26日 修改及确认主专题页面效果 3月1日 依据主专题效果 对二级页面及三级子页面进行排版 设计 3月2日 设计北京车展高峰论坛专题页面及高峰论坛前期新能源主题策划专题 3月5日 完成车展主专题 二级页面及三级子页面的设计工作 3月8日 完成高峰论坛专题及论坛主题策划专题设计初稿 3月10日 确认高峰论坛专题及论坛主题策划专题设计 3月12日 开始设计销售已售出活动专题页面(清单目前未知) 4月1-4月22日 设计北京车展现场广告位 及 现场活动背景板(清单目前未知)
参考: 丰田的混合动力 http://www.hybridsynergydrive.com/
往期车展专题 http://news.xgo.com.cn/topic/235.html#n4
补充参考: 2009法兰克福车展
2008法兰克福车展
http://www.iaa.de/archiv/2009/
http://archiv.iaa.de/08/
2007法兰克福车展 2006法兰克福车展
http://archiv.iaa.de/07/ http://archiv.iaa.de/06/
会议纪要
会议目标:讨论确定2010北京车展项目的主视觉风格
会议步骤:
1. 设计师展示年前年后所有的视觉风格设计提案
2. 各部门同事交流看法 提出建议意见
3. 选择视觉方向,达成一致
4. 提出改进需求
5. 交互页面结构讨论
视觉提案:
来源
优势评价:
清新开阔,亲切恬静,与环保新能源主题贴切,贴近生活,画面给用户留下想象空间
改进需求:
汽车行业本身的品质感需要加强
标识图形幼齿 参考国际车展的大方气质和规模
需要提炼 更简练简洁 更有品质 加强画面特质
画面冲击力不足 (环保本身就是低调的主题 追求冲击有点矛盾)
有点像牛奶广告 图形细节需要深入
飙新主题诠释:
飙:网络流行用语 速度感比赛 高速竞技的含义与行业情况非常贴合
新:新能源 新技术 新车型 新市场
后续设计步骤提示:
视觉:标识/ 飙新字体 / 表达主题的图形视觉
主视觉设计经验总结:
在第3次修改的过程中,平面设计师通宵加班制作,对整个项目的进程起到了提前作用,通过上几次设计的经验总结,结合线上线下的画面体现,最合理的运用在专题和杂志广告中。这次创意来源于第一确定版本,尝试以道路为主体的表现形式,来抒发汽车能源, 技术的革新,通过建筑物在画面上的焦距产生的空间透视感,让汽车又“飚”了起来。3dmax的技术支持下,大画幅的场景渲染,和空气的流动把握,实现出画面的震撼效果,以绿色道路的环保理念跃然纸上。
交互设计师和频道方,市场部,销售部经过多次会议,在内容流量,画面的美感和广告收益多方面探讨,平衡,通过3次大型的修改后确定最终方案。
预热版本设计工作总结: 预热专题对视觉的修改次数很多,最初的设计本以未来的s式流线感表达“飙新”的概念,效果完成后效果慎佳。装饰样式复杂大过交互功能本身。经过简化后与初创意南辕北辙。经过前端的压缩,图片呈现有明显粗糙锯齿,经过纠正后,有所改善。
交互设计对之后的页面设计起到很大的良性引导作用,有优势的地方,也有需要改进之处,前期的分工合作,交互的实际而有力的理论依据,使页面设计的沟通成本大大降低,框架样式的确定,意味着设计的确定。但是在框架构成中,对网易页面的规范稍有不熟,会对之后的排版陷入 两难的境地,比如在图片的框架排版当中,图片的尺寸限定 120x160。120x90等,在这些尺寸的横向分布时已经有往期的案例样式,120x160排列位5张图片一排的疏密最
合适,如果,框架中排放6张,就会让专题设计人员不知如何是好了。在经过调整后的页面排版和框架区别较大,从广告位置的屏次等各方面均有牵连,又会造成不必要的返工。 关于北京车展主专题首页修改,主要需求如下: 1、增加头条区内容,呈现更多信息量; 2、保留要闻区4个折叠呈现形式,修改4折叠内现有框架布局,增大信息量;优化4个折叠内容布局,根据各板块内容呈现不同的结构框架(新视野结构不变;新车型/新互动优化后结构参阅附件,;新能源稍后单独提供); 3、Banner位置下方铺两排车型入口和展馆,直接导入产品库及展馆; 4、加入零部件报道区块,嵌入主专题(稍后提供零部件报道内容 ); 5、调整主专题结构关系,要闻以下分为两级关系,将预计的15块通栏内容整合为5大块:1.新车报道及策划2.数据库、图库、网上展厅 3.业界策划、访谈及新能源 4.社区活动、
网友活动、网易展台 5.猎艳地理和美女图。 每一个版块区隔显著,内部各子版块展开部分采用破栏设计(商议5大部分结构划分及展现形式/活动、车型部分整合结构参阅附件,); 6、增加业界主体系列策划,类似上海车展中国向心力;此外中国制造中北汽相关部分重新包装成北京汽车工业XX年,采用此前模版(稍后提供业界部分内容 ); 7、在专题首页增加如“每日一车”,“热车pk”(每天更新)等小栏目板块(已整合在车型部分修改框架中.参阅附件,); 8、增加特别策划板块,主推策划类专题(具体可安排位置需商议) 。
新车报道新板块:
微薄报车展新板块:
业界话题新板块:
第2次改版总结:
在预热版的基础上,较与其他门户的策划略显单薄。通栏分割过多,页面破碎,内容混乱不统一, 栏目条的样式超过960,在小屏上显示不完全,并且割裂页面等等一系列问题得到较好的改善,对此次巨大的调整前端技术同事不辞辛苦给与良好的配合。
汽车频道对这次活动的总结摘要:
本届北京车展报道,网易汽车创新类内容及形式、网上3D展厅、车展数据库导入、微博评论形式推广、用品类原创报道等等。 2010北京车展期间,汽车频道PV峰值突破历史最高记录。 整体报道无论从数量、质量、受众反馈上,均远远超越网易汽车往届车展报道水平,并在与竞品对比中占据有利地位。 本届车展我们主要从访谈、原创解读、数据库导入、社区活动等方面进行突破,基本实现了前期制定的策略和预期目标,并且在访谈嘉宾级别、访谈栏目品质、原创车型文章质量等方面领先于主要竞争对手。 在稿件质量方面,前期制订详细的标准规范和统一的包装形式,执行过程中每篇稿件严格审核,保证了原创稿件质量的稳定。 活动策划抓大带小,精线下重线上。车展期间宜策划大型活动,带动同一活动中几个分项小活动,充分实现资源整合;车展线下活动耗费大量人力物力,尽量将线下活动做到精细但数量合理,加大线上包装的投入力度,4分线下做到6分线上包装。
线上专题直观对比:
网易(头屏-广告售前):
搜狐:
对比说明:
本次车展的官方主题是环保“畅想绿色未来”,在我方的设计流程中对次的风格把握和确立方向肯定而明确。与此次车展的官方视觉体系融合统一。长久以来的严格规范和品牌树立高度,让此次的视觉体系设计更成熟,在页面中体现也和线下广告整体一致。Banner的设计是专题视觉体现的重点,清晰大方简约是网易的门户视觉风格,在这次广大门户争抢的活动中,既体现出本次活动策划的特点,又保持网易的风格也是重中之重。布局排版用心设计,尊重用户的浏览习惯,阅读顺序清晰,信息规划整体,使画面感设计感更强烈,强化了门户的品牌气势。体现出网易门户大型专题的品质感和自豪感,是团队成员们的工作态度中完全不可缺少的一部分。企业品牌效应对可持续发展起到良性循环的作用不容忽视,不以利益化而设计也是设计中高尚理念。 在本次专题设计中,交互设计的运用,图片,文字,广告位,恰当的排版设计,使阅读更轻松愉快,构架分明整体化可以让浏览者随时找到想要的信息。售卖广告在页面中突兀,不友好,也淡化到可以让大众接受的程度。设计前的有效沟通,让广告的体现,内容流量,和视觉达到均衡饱满,广告的售卖是车展活动的劳动价值的最终体现,内容流量是线上专题实质所在,而视觉画面的设计更能增加网友客户认同网易的门户巨大价值所在。 页面的规划之初,缺少了导航设计,使原本因该很突出页面导航功能,在后期制作变不协调,小气,经过多方多次沟通和补救,并尝试以下拉式悬停鼠标模式完善了不足点,以内容区和产品库的划分使功能向导清晰明了。门户专题相比之下,是需要我方设计和策划方面用心改进的地方。
经过一次大型改版,内容区块更加整体直观,由栏目条引导区分明显细腻,分割明显略带透气,使阅读者心情放松。
门户品牌的优势和短期内某次活动广告收益相比,权重度因该是显而易见的。“google.com的页面广告要比一个被广告位充满的二流小公司站点值钱,莫不是它更有自己的内涵,从技术到美术,从价格上的售卖到自我企业强烈自豪感的平衡,”这些貌似空洞而宽泛不可及的地方,却是要在每一个小细节上,每位管理者所要认同并执行的。而不是简单的说:“把我们的logo放大,再大,再大一点!”。 案例:宝马汽车banner区投放广告 “网易的品牌只值两百万?”
来源:http://uedc.163.com/1281.html