1、单页布置店面图片之九大单页设计技巧日期:单页布置店面图片之九大单页设计技巧单页设计也是淘宝推广中很有效的一种表现形式,那么如何做到有吸引力的 推广,这就要看专题设计的创意与否了。单页设计,简单将其比喻为在一张纸上进 行的创作和设计。0 1头图有个点,下面设计才好接/ 头图元素的设计不分楚河和汉界。/ 不能只抱着做个头图就完事的想法去做单页面,要让头图视觉和下面的 内容有联系。/打破首屏(就是俗称的头图)与次屏在设计上有明显的颜色条分隔、形式 分隔、线分隔等。如下图红圈所示的位置就是头图的高度所在,一般头图的高度值建议在4 5 0 ? 6 00之间,太高了就会浪费空间。<(JrdO
2、3;Mr!l ZttJi CZ巴< <羽L»r 程"rfTH 1/ < Ff C iJ扌 £ POtmJ 二;-“ 电34 屮 k_ AJicuziemy%O Q吃SunvanSunvanzp clniony«!* IR*V:匕F«rEt rulublony smak "02、承上启下很重要,页面有头也有尾/所谓的承上启下,就是说页面中要有一个贯穿整体的主要元素,去构成整 张页面的视觉焦点。/让元素头尾呼应,上下连贯。举个例子01.图中红圈所示专题中出现的主要元素如:头和尾部的元素要在视觉上做到呼应和一致性;02.图
3、中黑圈所示专题中贯穿整体的这个元素,一定要在整体页面中一笔直下,一气呵成,否则 就会出现断点的感觉。如果在实际需求应用中无法做到整体设计的表现, 那么也 应该尽量在局部或者某些元素的运用上做到这点。厂m4W-'二上! P和*:x*F'I '» r 曾h.A护,2备JI &d窗哪a . <- -.KT V«4亏?二OAF劇r姻03、背景颜色要整体,慎用色块“切豆腐”丁A' . u“Into/二/尽量不要用色块进行页面内容的分区,整体的单页设计大多用的是单一颜色的背景。/对于一些平台型的活动单页来讲,我们常看到一些用不同色块分区的设
4、计。当然,这样的处理方式是为了更好的分出不同的活动内容,也是做为设计的表现形式。/对于品类专题、店铺首页来说多色块的分隔显然整体性会差一些。如下图0 1.左图是整块的暗蓝色的背景,没有任何分区,整体页面看着比较统一;02.右图是分块的浅色系的背景,利用颜色进行分区,使得整体页面比较活泼和 俏皮。(注:并不是说不能用多色块对页面内容进行分区,而是要看具体的需求和主 题,选择用不同的形式去表现)SHOES0SKz4 *尸士>r iiMUBiIXgWs WMShoes块SHOES!p .V _SHOES=5TM vtTUbi.八Mccavw*-JSHOESI一3兰#严闪* I 金 Aflttf
5、 I 刁 I4 rtAit Bl§.A9A *X 二匕4A3*>”,池一*讹忍gj审r三三=& >v»e“c «*4 >< 4y ir >e F¥嗨八, 十Y b *miiu<«pjBlAn1+ o .品啊X 勺权JU烟沁-zw W 险 U上卜iltfVH 人鼻/ w,- * .» B* 八bQii 6、接由点到面的整体感/但是出现在整体中的元素或东拼西凑、或风格千奇百变的话,那么单页的 整体性还是会大大折扣。/无论从排版上、字体选择上、按钮样式、色彩等方面都要做到一致性,这样 的单页才是整体的。如图所示_ 駆运 芋=MOIRES.頭熱障憾艇!跚rA寮 ” V上r+ 負*'*"' 供一丽亦S05、一眼看完3屏多,不做留白就得晕E斤苟出旳已国匕妙浬I 片门呂 llltr口TS e 的.' J P亠;.甲汐二'V :/声所有出烈口已*世谨0眾扌*£曜毛匹色累#& «1«£倔 KWtSP 占一 炖fwH 丼fl 7、:sHjxzr所应江"亚旳m存汕理亦也僅£1心fLIPK.聲*»尊It吁 資审 rsi/ifi/单页因其把所有信息和元素都集中表现在一整张页面中,所以单页设计 也注定是能超过3屏以上的页面设计。/既然是长版的整体页面,信息量又都很大,那就应该对每屏间的高度适 当控制,既要保持屏与屏之间的可呼吸性和留白,给人们放松和喘息的空间。举个例子S3*1f.«« «l«l*J<»e 1-111*1*4MfUM h ftuAikku hhuriM jfOdxf « « MitsiiIf rwftp* 8、171;| WUllintMUI utn 9、1 : ')» 、 ' O -* .> View I呻 iMHVKbliuIK aat tiNfM MUit iiaitMtiv titiMt re m 机 Ui“q r>u i«|
10、n«i a» HM a 11、技巧上都是很棒的哦。0)沁R丁 r-fM S f i 4JL-4 J甘r /?nWT g:*也:K于/w药学遣! I 亠HuMU山ubiif 忖 n.Olli uu V心JK 畠:a&MAWWCJA t , 牌倉回3訂rm 亡一 f| 2 mRADMAT2*C、Li.S.«»ftS50,MWS -: S-* XOOTSAEMUITO-'s.总軒IT< -<"B胛辱 片吗、给;180 WtR"£養nx07、整体专题怎么做,注重形式就能破/单页设计的最大特点就是强调对整体形式感的表达/正是因为过分强调形式感的东西,所以整 12、张页面的效果就要具有十足的特 色和精巧的创意性,才能必免流于普通单页设计行列中。从而吸引用户眼球,让用户跟随整体的设计去体验完整的页面信息,形成对整 张页面较完整的用户体验和视觉认识。举个例子0 1.左图是我当时做的一个圣诞节的整体创意页面,以礼结的形式贯穿整体设 计中。当时做的时候,就把整体的礼结元素放大化,做为主元素去表现;0 2 .右图是一个国外户外专题单页的设计,整体以倾斜感的折线为主兀素, 具有动感、运动的印象。同时,结合非常有动势的人物图片使得整体页面的动感 时足。0 8、整体设计故事化,页面才能吸引人/当你设计单页页面时,在构思之初给整体页面设定出一个故事, 让页面具 有新颖的主 13、题性,那单页给用户的视觉体验也会更棒。%KNOW09、视差滚动好助手,单页发展新潮流滚屏动画的特点在于/首先它是用来循序渐进的讲故事;/ 然后利用完美的顺滑的浏览体验,将各个内容间无缝且精巧的连接起来 局部某些元素去做分层的动画特效;/最后使现在极简的、扁平的页面设计,有了点晴之处如下图所示,来自蒂芙尼。IIIFlif I II Ul-1' h'T*1( litajMl j* IK Il W ih I .hl pTi." p 4.1 L q jJ-K =!* 'pj''*亘*""土= dll ithS14 . % !.1 I ; a i tB,'l r 亠bVL U I * IIM-IIk'«