11.21日音讯,合理巧布专题页面制作的布局

　　11.21日音讯,合理巧布专题页面制作的布局。产品视觉有任务型和浏览型两种，如我们经常接触服装/小商品频道页。它们的特点是有很多展示模块，有产品图片，有类目，有导航和一些banner。承载的内容比较繁杂。

　　还有就是任务型的页面，这样的页面都是枯燥的操作流程/表单列表等，如我们经常接触到的offterdetai和搜索list，还有一个典型的后台页面。到处都是行动点，下一步的操作。这样的页面不能个性化的自由发挥，要求视觉设计有统一的视觉样式，精确的标尺，严格的按照规范来执行。

　　营销活动专题页面有很多种，包括论坛贴/邮件贴/营销活动推广/营销产品发布。一般都是吸引眼球的活动标题，然后是活动内容和其他相关信息。一个营销活动的成功，个人觉得除了文案精彩视觉占有60%的主导因素。视觉给人继续滑动鼠标看文字的动力，赫赫。因为用户眼中都是没有文字的。基本上看一张活动页面的时候都会自动忽略24号以下的字体。

　　设计推广专题页面可以很好的锻炼新人的设计技巧和表现手法。推广视觉有一种是banner+模板结构，一般第一屏可以看到标题利益点和一部分的产品图片，产品图片运营同学可以自由更替，这样做的好处是用时短，可以快速批量的更新内容信息。第二种是自由排版，这样推广的效果比较好，如右图的“采购龙虎榜”是新年的一个推广页面，整体氛围热闹，喜庆。第一屏是首推的5件产品，下面分别是不同类目的分类，设计师结合“龙虎榜”用了金底红字的剪纸元素/黄色的礼品封/礼花/灯笼/书法等一系列的元素渲染气氛。但是缺点就是耗时很长，改动的成本很高。

　　+设计师平时的积累(远的)[自发需求]用视觉设计师的眼光去看待这个世界，观察生活中的每一个设计细节/自发的改变生活中的不完美/参加一些设计比赛，活动[收集资料]收集资料并且共享资源这是一个很重要的积累过程，眼界高了设计出来的东西才会提高/有意识的收集资料/合理的将资料整理分类[技法训练]分享设计技法，学习的是方法取其精华/借鉴别人的设计，尝试性创新设计，二次迭代是一个开始。

　　+需求方提供Demo给设计师(近的)[现有文案]这次活动的主题是什么/内有有哪些/什么是重点突出的，次要的[设计思考]根据主题我联想到什么/用什么视觉元素(氛围，背景)来展现这个活动[一起讨论]快速素描出设计师的大致思路/给需求方展示几个跟我设计相近的图例/达成一致开始设计。

　　2.专题的氛围是必须的

　　曾几何时，自己苦思冥想自认为集艺术与创意于一体的作品出炉了，却被需求方一口否绝！其实很大的原因是因为我们的设计思路跟需求方的想法方向上是不一致的，没有表达出他们想要的意境，也就是所谓的活动气氛，人家要喜庆你搞个很有艺术感的大灰调，要么就是页面过于平淡，人家一再要求你放大标题字，放大人物，其实那是因为页面缺乏视觉冲击力，少了点气势，少了点氛围。有时可能你觉得自己做得非常不错，自我很欣赏，但做设计并不能像放屁，自己觉得很爽，却熏倒周围一大片。我们不能只做自己喜欢的设计，商业设计也不只是纯艺术！

　　>对于需求方一再强调的活动气氛，设计师应该如何去营造呢？

　　·有个明确的活动标题！

　　沟通是必须的，了解并明确需求方的意图！确定主题方向，首先你得有个让玩家一眼就看得明白的大大的主题，千万别干把主题文字做得很小的事！可能你觉得那样看起来比较美观，但玩家看的挺揪心。

　　如上图所示，标题的凸显是一个活动专题页面的点睛之笔，一个有气势的标题能衬起整个专题的气氛，主标题一般都简短精辟，概括了整个活动的专题商业诉求。副标题一般是起解释说明的作用，描述该活动的利益点。所以在视觉处理上标题是要重点刻画的，将其拆分做一些形状、色彩、大小、字体、质感、排版的变化和突破是必不可少的。玩家善于扫描，且勤于扫描，却不勤于思考，且对小于24号的文字都是视而不见的。所以一定要让大标题吸引注玩家，让玩家感兴趣，才会去看那些小于24号的文字。(大标题吸引小文字)

　　·选用合适的素材及元素，点缀活动气氛

　　节日要有节日的元素，比赛要有比赛的元素。圆形和其它几何图形比较，具有圆滑的特点，让人感觉轻松、愉悦，合理的运用会提高页面的层次，让焦点更加突出，增强视觉感的同时也能够营造活跃的氛围。但记得要使用加减法，不能乱堆一通，点到为止即可。

　　上面图1只是用了冠军杯作为主要元素去营造一种比赛气氛，素材并不新颖，但出来的效果却令人相当震撼。图2的素材是非常给力，所以营造的那种周年庆的气氛也十分犀利。玩家可能不用看文字就能明白这两个页面是干嘛的。毕竟图形比文字能更快速更有效的传达信息。

　　·用合理的色调营造意境，设计有灵魂的作品

　　通俗点地说就是该喜庆的得喜庆，该火爆的还是得火爆，但这火候是掌在设计师手中的，当需求方给了个很山寨很暴力的页面给你参考时，你得明白，这是他想要的气氛，但不一定是他想要的画面，我们是设计师，不是美工，美工与设计师的区别其实跟裁缝与服装设计师的区别是一样一样的，这个你懂的。何谓有灵魂的作品，请看下面几个作品：

　　非常简单的素材，却营造出了扣人心弦的气氛，就像画面里有个故事，有个影像，让玩家如同身临其境，陷入其中，完全抓住了玩家的眼球。其实这些作品无非是找到适合的元素，辅以合理统一的色调，运用眩光/实体/手绘/虚幻空间/平面构成等表现手法给玩家设计一个完美的陷阱，套住他们的心。

　　>营造专题活动气氛并不只是“火/爆/热”

　　这种过火过爆过热的专题活动，不仅会让玩家感到不适，还会使游戏的品牌形象受损。下面我们看一组对比：

　　通过对比，左边的专题页面总让人感觉少了些什么。那便是气势和气氛。

　　也许有点气氛却总让人想起街边小广告，简陋，设计缺少一些思考，缺少一些灵魂，像是拼图式的设计。气氛并不是你堆一堆东西上去就叫有气氛的，抛开可用性、易用性、识别性、安全性等不管，单是美观上就有些欠佳。游戏专题/线上活动可以说是游戏品牌推广最常见的手段，如何去了解并掌握用户心理，继而设计出紧扣玩家心弦的专题，即是我们一直在追求的。

　　3．结合具体案例分析设计推广页面的技巧

　　·氛围营造

　　个人觉得首先营造一个氛围是必须的，这个氛围要很给力。越是富有意境的图形越能抓住用户的视线并快速传递所携信息。文字是直白的，图片是用线序的方式来抽托主题。我们要把这个活动/产品推广出去就好象我们在给用户秒速一个生动的故事。情节生动才会引人入胜。视觉设计师讲故事的技巧就是我们的表现风格。（眩光/实体/手绘/虚幻空间/平面…）

　　标题凸显

　　当一个空间氛围搭建好了，接下来所有的元素都要配合这个空间。标题是一个活动的点睛之笔。主标题一般都是精辟简短，概括了整个活动的专题商业需求。副标题一般是起解释说明的作用，描述该活动的利益点。所以在视觉处理上标题是要重点刻画的，将其拆分做一些形状，色彩，大小，字体，质感，排版的变化和突破是必不可少的。但是切记不要做的太过，以上提到的6种选2～3个即可，不然就脱离了整体的页面。

　　·排版设计

　　人物等细节的素材的选择是根据最先制定的风格样式来完成的。怎样将这些东西结合在一起就是靠设计师的排版组合。这里会涉及到色调，构图比例，质感搭配的经验。

　　以这个推广为例子，拿到DEMO的时候，主标题是“清凉一夏，日本流行风”要营造一个夏季的氛围，首先想到的就是沙滩/美女/夏威夷这样的一个场景，长裙/海浪是必不可少的元素，页面承载的都是服装的产品信息，所以要选一个有长裙的美女，接着就是想到木制/相册/便签/手绘风这样的质朴舒服的感觉。想营造一个清凉的感觉就选用清新的蓝天白云做背景。为了凸显主题将背景颜色调灰然后整片叠底上一层沙滩，两个图层分界的地方不能很生硬，选用了墨迹的笔刷有一个点点沙粒被剥开的过度。