单页布置店面图片之九大单页设计技巧

1、单页布置店面图片之九大单页设计技巧单页设计也是淘宝推广中很有效的一种表现形式，那么如何做到有吸引力的推广，这就要看专题设计的创意与否了。单页设计，简单将其比喻为在一张 纸上进行的创作和设计。01、头图有个点，下面设计才好接/ 头图元素的设计不分楚河和汉界。/ 不能只抱着做个头图就完事的想法去做单页面，要让头图视觉和下面的 内容有联系。/ 打破首屏 就是俗称的头图 与次屏在设计上有明显的颜色条分隔、形式 分隔、线分隔等。如以下图红圈所示的位置就是头图的高度所在，一般头图的高度值建议在 450? 600 之间，太高了就会浪费空间。02、承上启下很重要，页面有头也有尾/ 所谓的承上启下，就是说页面中

2、要有一个贯穿整体的主要元素，去构成 整张页面的视觉焦点。/ 让元素头尾照应，上下连贯。举个例子专题中出现的主要元素如：头和尾部的元素要在视觉上做到照应和一致性专题中贯穿整体的这个元素，一定要在整体页面中一笔直下，一气呵成， 否那么就会出现断点的感觉。如果在实际需求应用中无法做到整体设计的表现， 那么也应该尽量在局部或者某些元素的运用上做到这点。03、背景颜色要整体，慎用色块“切豆腐/尽量不要用色块进行页面内容的分区，整体的单页设计大多用的是单一 颜色的背景。/对于一些平台型的活动单页来讲，我们常看到一些用不同色块分区的设 计。当然，这样的处理方式是为了更好的分出不同的活动内容，也是做为设计 的

3、表现形式。/ 对于品类专题、店铺首页来说多色块的分隔显然整体性会差一些。如以下图01.左图是整块的暗蓝色的背景，没有任何分区，整体页面看着比拟统一 02.右图是分块的浅色系的背景，利用颜色进行分区，使得整体页面比拟活 泼和俏皮。 注：并不是说不能用多色块对页面内容进行分区，而是要看具体的需求和 主题，选择用不同的形式去表现 ?. 隼3的3吁二孚号-TC攀丁*f 呼，LLwi 1» "* vwitriJ04、由点到面整体感，切记东拼和西凑/ 上面讲到元素的重复出现是为了更好的连接由点到面的整体感 ;/ 但是出现在整体中的元素或东拼西凑、或风格千奇百变的话，那么单页 的整体性还

4、是会大大折扣。/ 无论从排版上、字体选择上、按钮样式、色彩等方面都要做到一致性， 这样的单页才是整体的。如以下图所舸出现的文字处理所有出SB的窗片外ft1 片srjft -所有出现的引文处踱口讯II性一 师th.W出帧05、一眼看完3屏多，不做留白就得晕/ 单页因其把所有信息和元素都集中表现在一整张页面中，所以单页设计 也注定是能超过 3 屏以上的页面设计。/ 既然是长版的整体页面，信息量又都很大，那就应该对每屏间的高度适 当控制，既要保持屏与屏之间的可呼吸性和留白，给人们放松和喘息的空间。举个例子"MfmlK 7 FPJ.k*匕 «.; _wfis-i r bv-L.4二

5、一 H =二1 3 ?. -_=- wx亠：*- «兰旺-ssnEmk hEs- ECTunll占卒iimf-iii-4 SEES sis-fl- *z 17 一匚*二最£t s_Er _:= -£» =e!£-= s -5- -M- a w-二£ £詈"= f-s童二_- -?_ Bt*J lu EH*Ehn m *1m-IHnt lii ? ZES « t 二wl-=一# -Impz = =£i-i? = =-I ZE 芾 H-±smf<MHB对s亠 vici=-5=l 昏二

6、=* *zi 二 hxksia B mMI- 18J F留白并不是特指白色哦 ? ! ?/ 在使用留白时，要注意不要因为页面有留白和大空隙的出现，使得整体 视觉的连接上，出现视觉断点的情况。要尽量做到屏内可紧、屏外可松，让整 体页面充满节奏感。06、整体想了，整体做，整体看/ 整张页面设计强调的是整体从点、到线、再到面的构思和表现，它不光 只是产出一个首屏视觉 头图和一个内容区各自独立的表达。/ 而更多的要求我们在设计中用放大局部来看细节，缩小页面来看整体页 面的方法去完成一张超高的，具有创意和实用平衡的页面设计。举个例子如以下图的几个放大效果，在细节的处理和技巧上都是很棒的哦。J ifw嚮-

7、.07、整体专题怎么做，注重形式就能破/ 单页设计的最大特点就是强调对整体形式感的表达 ;/ 正是因为过分强调形式感的东西，所以整张页面的效果就要具有十足的 特色和精巧的创意性，才能必免流于普通单页设计行列中。从而吸引用户眼球，让用户跟随整体的设计去体验完整的页面信息，形成 对整张页面较完整的用户体验和视觉认识。举个例子01. 左图是我当时做的一个圣诞节的整体创意页面，以礼结的形式贯穿整体 设计中。当时做的时候，就把整体的礼结元素放大化，做为主元素去表现 ;02.右图是一个国外户外专题单页的设计，整体以倾斜感的折线为主元素， 具有动感、运动的印象。同时，结合非常有动势的人物图片使得整体页面的动 感时足。08、整体设计故事化，页面才能吸引人/当你设计单页页面时，在构思之初给整体页面设定出一个故事，让页面 具有新颖的主题性，那单页给用户的视觉体验也会更棒。I DONTKNOWKNOWwpMB dh*Si HMiy MB e ®MB09、视差滚动好助手，单页开展新潮流滚屏动画的特点在于/首先它是用来循序渐进的讲故事；/然后利用完美的顺滑的浏览体验，将各个内容间无缝且精巧的连接起来