专题单页化设计经验案例

时间: 2022-07-26 15:40:39 浏览次数:254

专题单页化

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

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

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

2.单页化设计的优势

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

3.单页设计的四大趋势

》大图加大字

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

》固定尺寸内的视差滚动

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

图1-2

》充满创意的布局

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

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

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

提示

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

  非常感谢您读完蓝港网络的这篇文章:"专题单页化设计经验案例",仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供:网站建设、网站制作、官网建设、SEO优化、小程序制作等服务,欢迎联系我们提供您的需求。

标签:

Copyright © 常州蓝港网络科技有限公司 苏ICP备2022017479号-1