PS教程手绘与实景打造H5运营专题
【写在前面什么叫H5专题】：简单说来，H5专题是现在在移动端（手机、Pad）上面的一种推广形式。可能是游戏形式，也可能是一种翻页的故事形式，平时大家也可以在微信朋友圈里看到很多这种H5专题的推广。这种形式比较活泼生动、比较利于传播及推广产品。【内容概要】：今天给大家介绍一个生活服务类的H5专题从前期整个思路推导，到整个专题的搭建过程。主要知识点有三个方面：1H5页面构成2素材的再加工3气氛营造。4PSAI实际操作【需求原型】：不可否认，在所有项目的最开始，设计师需要解决的问题就是理解项目与需求。下面这张图就是产品经理给到UE设计师的活动策划，大家可以看到这个活动策划是纯文字的。
【最终效果】：设计师需要根据这些文字构建起画面可以通过手绘的形式，也可以通过口头描述的形式。再把它反馈给我们的产品经理，综合交流、沟通，最终产品经理和
百度UE讲堂httpuechua
kecom
fUE设计师达到意见的一致。我们来看最终效果：
【思维分析】：简单分析一下该H5专题：1H5的交互形式其实非常简单，从下往上翻页。它的目的是给用户带来一个故事性的小专题。2使用的设计语言主要是手绘风格。在手绘风格的同时结合了一些实景，整体的风格偏怀旧，是一个情感化的气质。3理想和现实的落差感对比。可以看到，过去的画面是非常斑斓的，整个形式比较梦幻。而现在整体的色调和风格是非常暗淡的，正好体现了我们现实生活的平淡、无奈的感觉。通过这种配色以及视觉元素上的对比，给用户带来一个更好的落差感。
百度UE讲堂httpuechua
kecom
f由此延伸一下，一个运营设计师平时在做项目时候的思路与重点，主要归结为以下三点：营造出专题氛围、突出主题和卖点、美化视觉。
再回归到此次的H5专题设计：1根据与产品经理的沟通及主题的理解，推导出这次主基调的关键词为温馨、走心；视觉落差、梦想与现实的对比、虚幻色彩等；2根据主基调与关键词，推导情感化的表达形式为手绘；推导落差感的表达形式为色彩的对比、虚实的结合；3产品与品牌植入为：hao123及生活服务类的卖点；
百度UE讲堂httpuechua
kecom
f【视觉规划与设计输出】：进入了视觉规划阶段：要解决的几个问题：场景的设计、素材选择、色彩选择、页面布局与素材处理1场景设计我们这次的专题策划，主要是强调了理想场景和现实场景的对比落差，这个是我们专题的重点，结合我们H5这种移动r