页面设计PowerPoint 演示文稿

1、.1如何快速打造专题页设计如何快速打造专题页设计.2专题介绍00 活动专题页面，顾名思义是承载各种形式的节庆促销、宣传推广、营销产品发布等等活动的页面，形式与内容也多种多样。 专题活动站作为精准营销的重要形式，为产品的针对性推广作出了巨大贡献，强烈的视觉表现成为了它最重要的特征。主要服务于产品活动，所以上线时间相对较短，受众广，形式多样等特点，多为一个星期到一个月左右。 专题的设计是通过它的精准、迅猛、有力来服务于营销活动并最终服务于产品的，所以这就需要设计师在处理日常专题时主题要突出、设计速度要快、视觉要惊艳。.3 一个成功的专题页面，大部分会具有以下几个出彩的要素：色彩、构图、风格创意，细

2、节等。一个页面从无到有，设计师需要对整个页面有全盘的设计和把控， 良好的画面分割能够让用户第一眼看到这个页面就能被视觉吸引，甚至不用浏览具体内容就能了解这个页面的很多信息。同样的素材，同样的配色，不同的构图能够让页面出来的效果有天壤之别。.4色彩（配色）色彩（配色）颜色是最直接表现手法，掌握好节日的颜色特征，能更直接、准确表达出相应主题内涵。春节圣诞节.5端午节情人节中秋节.6几何切割01 在现实生活与自然界中，我们随处可见几何图形的存在，简单的三角形、正方形、长方形和圆形甚至几根线条就可以组成很多有趣的图形，也很符合现代审美需求，适当的画面切割能够给页面带来动感与节奏感。加入几根线条，几个块

3、面就能令页面起到意想不到的效果。 实现的时候需要注意的是素材不适合太过复杂和花哨，一般会是纯色大块搭配渐变，主要突出形状和区块。 A.简单切割 .7 用一个形状或者素材切分整个页面，画面瞬时变得有趣生动起来，内容区域也能得到有效划分。 这类构图方式对内容没有过多要求，可随意安排。具体排版可根据内容来处理，也是现在专题页面用得最多，最普遍的一种构图方式。.8对称切割02交叉法 中分法 斜切法.9 这种构图方式的前提一般是内容分主要两部分，并且这两部分是对立关系的情况下，比如说：对战，男女，冷热等等。页面一分为二，内容划分明确也更加具有视觉冲击力。.10组合切割03堆积法 蜂窝法 瀑布流法.11

4、集中而规律的排列，从整体上抓住人们的视觉。这种构图方式适合那种每个区块中的内容属于平级关系的专题，例如示例中的几个功能点和分类，都是属于同一级的内容，所占的比例也相同，用这种组合的排列能够保持各内容的关系，也能让布局更有创意。.12多重切割04整折法 多折法 层叠法.13 不规则的构图，稳定而锐利，干净的排版，易于识别，不规则的构图方式，避免了画面生硬，不易产生审美疲劳。不同的形状和排列，呈现出来的视觉效果也不一样。这种构图方式使用最多的一般是为了体现时尚感，科技感，与锋利感，例如时装，家电，以及游戏战斗类的专题等等。.14抄现实主体轮廓05 就是抄袭现实中的物体。简单意义上说就是眼前所能见到

5、的一起事物（鼠标、笔电脑、水杯等），这些生活中的事物通常具有丰富的形态和其延展的情感意义，我们可以利用它们来表达一些特定的主题，所以当我们接到一个要表现的主题时可以通过它的生活原貌来激发灵感。 抄现实2个关键点：1.现实事物转换成网页载体过程中的形态取舍，如何让观者既能辨识出抄袭的物体，又能够给未来信息留下足够的自由排版空间；2.信息内容于形状载体的结合和排版，如何让信息内容完整的、有条理的排布到形态载体中。减法特征的提炼。审查删除重复的描述分块对信息进行消化在吃透信息后，我们就可以开始正式的分块， 分块是一个逐层深入、由粗到细的过程。分块完成后，结合造型，微调细节。加法具体内容的填充气氛和视

6、觉的补充特征的还原和细节补充。.15红包.16红包.17灯泡.18.19灯笼.20这类构图方式一般针对那种主体内容很明确以及具象，能够用物品或轮廓直接代表，比如:中秋可以用月饼、玉兔；会员可以用皇冠，钻石等等等等，可根据具体的内容来进行尝试。.21放射及透视06 通过整体放射状加透视构图，使画面呈现立体与空间感，视觉焦点明确，画面冲击力强，富有动感。需要注意的是放射状的排版不太适合文字阅读，要注意文字排版。建议在文字数量较少的情况下选择此种构图。一般游戏激战类的专题会较多的使用这种构图，突出动感。中心放射 地平线放射 顶部放射.22.23整体场景类07 专题内容不多，要突出趣味性，又怕用户无聊

7、，那就设计成一副美妙的插画吧！让用户迅速置身在搭建的场景中，带动情绪，参与互动，直观获取有用信息。这种处理方式会使页面信息表现的更加准确顺畅，快速有效的把目标用户带入到页面氛围当中。不过需要注意的是场景搭建对素材的要求比较高，明暗，阴影，透视以及层次感，体积都需要用心处理。这类专题大多都会搭配动画一起实现，在带入感上更进一层。在设计的时候，对专题内容头脑里要有画面感，先搭建大的画面关系，再往里头添细节和内容，切记场景不要抢了内容的视觉焦点，在适当的时候做些减法。.24流程图08 树干法 “之”字法 水平分布.25 如果你拿到的专题是渐进以及流向又或者是展示各节点的内容，用别的形式总感觉不够具象，那何不干脆做成一个个性化的流程图？俗话说，千言万语不如一张图，专题运用这种构图方式能够将步骤，关系，各个节点以及整体流向展示清楚，配合图片展示，一个枯燥的流程瞬间变得个性十足，用户浏览简单又明了，并且充满了趣味性。 所