
单页最早出现在平面设计中,设计师通过用不同尺寸、材质的纸张,在仅有的正面和反面上进行自由设计的过程,主要用在折页、宣传单、海报中 。
电商领域的单页设计,更像是对平面单页在使用环境上的升级,它不仅拥有平面设计中的所有设计规律,更有着网站设计的很多特点,比如:可以利用新的视差滚动和H5的技术,来使页面与人的交互更密切,也使得用户在浏览页面时,更像是在阅读一个故事 。
它主要出现在一些促销类的活动页面、产品介绍页、店铺首页等需求中 。
整体专题设计的“冰糖葫芦原则”
【9个专题页面的网站设计技巧。】
在设计单页的专题时,为了让首屏到次屏再到内容区间的视觉更加的连贯和流畅,就要充分利用好局部对比和整体关系来使页面效果更加的完整 。
以下是我在工作中总结了几点做专题单页时的技巧;
1 先是单页的点,这里指的是切入点 。
专题单页中的切入点就是整体页面中的主线 。平面理论中的点用来聚焦、发散、吸引人们的注意力 。
2 再是单页的线,线具有连接、引导的作用 。
专题单页中的线用于引出故事的情节; 运用一些艺术化的表达方式,来给页面增加一些趣味性和装饰性;
3 最后是单页的面,用于整体风格的设计 。
这里的指的是对整张页面的完成度;
单页设计不要局限于完成首屏设计或者某个单一元素的设计中 。
它强调的是从头到尾、(首屏到次屏再到内容区,再到最底部)、从局部到整体的一种视觉联系 。
接下来是我整理的9个专题单页的技巧,主要是一些大的理论点,大家结合着自己的专题去思考吧 。
1、头图有个点,下面设计才好接
头图元素的设计不分楚河和汉界 。
不能只抱着做个头图就完事的想法去做单页面,要让头图视觉和下面的内容有联系 。
打破首屏(就是俗称的头图)与次屏在设计上有明显的颜色条分隔、形式分隔、线分隔等 。
2、承上启下很重要,页面有头也有尾
所谓的承上启下,就是说页面中要有一个贯穿整体的主要元素,去构成整张页面的视觉焦点 。
让元素头尾呼应,上下连贯 。
3、背景颜色要整体,慎用色块“切豆腐”
尽量不要用色块进行页面内容的分区,整体的单页设计大多用的是单一颜色的背景 。
对于一些平台型的活动单页来讲,我们常看到一些用不同色块分区的设计 。当然,这样的处理方式是为了更好的分出不同的活动内容,也是做为设计的表现形式 。
对于品类专题、店铺首页来说多色块的分隔显然整体性会差一些 。
4、由点到面整体感,切记东拼和西凑
上面讲到元素的重复出现是为了更好的连接由点到面的整体感;
但是出现在整体中的元素或东拼西凑、或风格千奇百变的话,那么单页的整体性还是会大大折扣 。
无论从排版上、字体选择上、按钮样式、色彩等方面都要做到一致性,这样的单页才是整体的 。
5、一眼看完3屏多,不做留白就得晕
单页因其把所有信息和元素都集中表现在一整张页面中,所以单页设计也注定是能超过3屏以上的页面设计 。
既然是长版的整体页面,信息量又都很大,那就应该对每屏间的高度适当控制,既要保持屏与屏之间的可呼吸性和留白,给人们放松和喘息的空间 。
留白并不是特指白色哦!
在使用留白时,要注意不要因为页面有留白和大空隙的出现,使得整体视觉的连接上,出现视觉断点的情况 。要尽量做到屏内可紧、屏外可松,让整体页面充满节奏感 。
推荐阅读
- 一个专业的网站建设具备的几个点
- 关于专业网站建设的介绍!
- 网站开发为什么要找专业人员
- 公司网页制作,需要专业人士
- 网站价格---专业知识的运用的不同
- 一个专业的网站建设需要具备什么?
- 网络建设应该更加专业
- 选择专业团队进行网页设计的重要性
- 如何办网站没有专业的美工技术寸步难行
- 公司网页设计,需要专业人士
