专题单页化

单页化的设计，顾名思义可简单地将其比喻为一页纸的设计。单页化的页面存在于平面设计和网页设计中，平面设计中的单页设计,是指在纸的正反面上设计，主要用于折页、宣传单的场合中。专题中的单页设计，更像是平面设计中单页的翻版，只不过它可以加入跳转、视差滚动、H5动态效果设计等。相对于整体网站页面来说，单页化的页面设计在结构上比较简单、链接深度最多不超过两层。它的用途主要有专题活动页、店铺首页形象、产品介绍页。

1.纸媒单页与网页单页的区别

提起单页设计,不得不说其在线下纸媒中的样子，像折页、卡片、宣传单等的设计，都是充分利用了材质的可感知性让设计有了触觉，通过另类的工艺处理有效地发挥设计创意。而网页媒体中的单页设计更多的是用于发挥促销的直接性，提升平台的整体形象，通过利用新技术，如视差滚动、动效设计等，让网页的单页设计的可表现形式更为多样化。纸媒中的单页设计是利用仅有的单张纸的正反面去进行设计的表现，网页中的单页设计是利用大小的屏幕空间去进行需求的表现。如图1-1所示，左图为网页单页，右图为海报单页。

2.单页化设计的优势

网页单页设计的好处有很多，一是能快速地让访客直观地看到要传达的内容，无须频繁跳转页面进行浏览;二是没有 庞杂的导航菜单和子菜单，所有内容都可在一页上呈现。制作成本少，效率高，比较适用于信息量中等的页面设计。

3.单页设计的四大趋势

》大图加大字

随着现在扁平设计趋势的蔓延,电商设计也更趋向于平面版式中的风格。大图加上大字的设计形式，已然成了-种扁平化极简的表达。让传达的产品和文案更直接，第一时间让图片去说话，让文字去发声,如图1-2所示。

》固定尺寸内的视差滚动

在单页的设计中，页面的呈现形式并非传统式的垂直或者水平滚动浏览，它可以利用视差滚动、H5+CSS技术， 充分把页面内容更灵活地展示出来，让用户通过与鼠标交互的过程，慢慢地消化单页中信息。

》充满创意的布局

在网页的单页化设计中，形式可以多种多样，因单页化设计更偏向于平面媒体中的海报、单折页等的视觉表现，所以，在专题的单页中，版式的尝试可以灵活多变，如图1-3所示。

》单页的多样性与平台的整体性

虽然说单页的设计在形式上可以不拘一格，但是单页的专题是寄存在整体平台、店铺和网站中的，所以，在设计时要站在平台调性的大背景中去进行单页的设计，如图1-4所示。

提示

这里提到的单页化设计并不是新的设计趋势，只不过笔者在设计整理中更倾向于把这一类设计如专题页、 活动页、店铺首页统称为单页化的页面设计。它的设计感还是存在于对基本的点线面和色彩的理解中的，它更像是平面中的海报设计或者宣传单页的设计形式，都是为主题和需求而服务，也更像是一种设计的”快消品”。