商品包装设计的技巧有哪些

装修宝典034

商品包装设计的技巧有哪些,第1张

商品包装设计的技巧有哪些
导读:色彩技巧应从以下几点注意:一是色彩与包装物的照应关系;二是色彩和色彩自身的对比关系,这两点是色彩运用中的关键所在。一、色彩与包装物的照应通过外在包装色彩揭示或映照内在包装物品,如果我们走进商店,不少商品并未体现这种照应关系,使消费者无法由表

色彩技巧应从以下几点注意:一是色彩与包装物的照应关系;二是色彩和色彩自身的对比关系,这两点是色彩运用中的关键所在。一、色彩与包装物的照应通过外在包装色彩揭示或映照内在包装物品,如果我们走进商店,不少商品并未体现这种照应关系,使消费者无法由表及里想到包装品为何物,这就对产品的销售发挥不了积极的促销作用,正常的外在包装色彩应该把握以下特点;(1)从行业上讲,食品类的正常用色其主色调鹅黄、粉红给人温暖和亲近之感。其中茶,很多用绿色,饮料,很多用绿色和兰色,酒类、糕点类大都用大红色,儿童食品用玫瑰色的不少,日用化妆品类主色调多以玫瑰色、粉白色、淡绿色、浅兰色、深咖啡色为主,服装鞋帽类多以深绿色、深兰色、咖啡色或灰色为多,以突出沉稳重典雅之美感。从性能特征上,就食品而言,蛋糕点心类多用金色、**、浅**给人以香味袭人的印象;茶、啤酒类等饮料多用红色或绿色,象征茶的浓郁与芳香;蕃茄汁、苹果汁多用红色,表明该物的自然属性。二、色彩与色彩的对比关系这是很多商品包装最容易表现却不易把握的事情,在中国书法与绘画中常流行一名话,叫密不透风,疏可跑马,实际上说的是一种对比关系。在包装设计中,这种对比关系非常明显,也非常常见。一般有以下几方面的对比:色彩使用的深浅对比、色彩使用的轻重对比、色彩使用的点面对比、色彩使用的繁简对比、色彩使用的雅俗对比、色彩使用的反差对比等。(1)色彩使用的深浅对比。这在目前包装设计用色上出现频率最多、使用范围最广,在很多平面设计上非常常见的。深浅对比,是指在设计用色上深浅两种颜色同时出现在一种画面上,产生出类比较协调的视角效果。如大面积的浅色铺底,在其上用深色构图,如淡**铺底,用咖啡色加以构图,或在咖啡色的色块中使用淡黄或白色的图案线条;还如用淡绿色的铺底;墨绿色的构图;粉红色的铺底;大红色的构图;浅灰色的铺底;皂黑色的构图等等。这些都是色彩使用的深浅对比,这种形式的包装设计应用在一些化妆品包装上或葡萄酒包装上,它所表现出来的视觉效果明快、简捷、温和、素雅。(2)色彩使用的轻重对比。这在包装色彩的运用上同样是重要再现手法之一。这种轻重对比,往往是用轻淡素雅的底色上衬托出凝重深沉的图案,或在凝重深沉的主题图案中表现轻淡素雅的包装物主题、商标或广告等。在这种轻重对比中,色素有协调色对比和冷暖色对比,协调色对比的手法往往是淡绿色对深绿;淡**对深咖啡;粉红对大红等,而冷暖色的对比则多为黑色与白,红与蓝等。(3)色彩使用的点面对比。这种对比,主要在一个包装画面的设计过程中,使用色素上从一个中心或集中点到整体画面的对比。在日常生活中,从洗涤化妆用品中我们可以看到一个产品包装盒上,整个面积干干净净,就中间很集中的出现一个非常明显的重颜色小方块,然后再从小方块的画面上体现包装物内容的品牌与名称,这既是点与面的结合,又是大与小的对比。(4)色彩使用的繁简对比。在包装袋上,下半部是复杂的方便面实物图案,上端是干干净净的大绿大红,显眼地突出“100”字样,就这么简单而简捷,却匠心独立地把思想重心托出来。(5)色彩使用的雅欲对比。俗的表现方式,是用颜色的“脏”乱和无序进行。这种构图,要么象征性地揭示主题,要么为主题烘托服务。除了包装以外,书的装帧、广告、宣传画上的海报,电视上的休闲栏目都有这样尝试。(6)色彩使用的反差对比。是由多种色素自身的不同而相互间形成的反差效果。这种反差效果通常表现 *** 是:明暗反差;冷暖反差,如红和蓝的对比;动静的反差,如淡雅平静的背景与活泼乱跳的图案文字对比:轻重的反差,如深沉的色素与轻淡的色素对比等。综合上述色彩的对比完全是一种图案通过不同颜色的对比而表现一种方式,但是这种色素又是构成整个包装图案必不可少的物体,因此,在研究包装设计的过程中,如果不注意把握色彩和色彩自身的对比关系,也就无从谈得上设计出好的包装图案来。

咖啡coffeeJavacaffeaCoffea arabica LCsce5种black coffee;清咖啡strong coffee;浓咖啡coffee ['kɔfi] n1 咖啡,咖啡茶,咖啡粉2 咖啡豆(=coffee beans)3 植物咖啡树 (Coffea 咖啡属) [参较 Arabian coffee, robusta coffee]4 咖啡色,棕色,褐色

巧克力味冰淇淋海报设计创意说明

1:收银台的位置定位:面包店的户型有多种,比如说窄长条形,横宽矩形,双面正方形,半圆弧形,非常小的户型等店面户型。根据不同店面户型,卖场的整体布局,购买动线的顺畅来确定收银台的设计定位。(而不是根据经营者以往经验,放到那好或那不好随意布置的)要有一定的科学性。收银台如果位置设计不合理,会影响营业额的提升。比如说窄长条户型的面包店,收银台过于往里,在销售高峰期购买顾客集中时,会出现收银台前顾客排队现象,想出去的出不去,想进来购买的进不来,因为中岛台与边柜过道也较窄,造成顾客拥挤。整个卖场的购物环境,会影响到顾客下次的购买心理,以及店外顾客是否进店产生顾虑。以造成顾客流失,降低营业收入。所以收银台的位置定位很重要!

2:卖场橱窗的合理利用。橱窗在面包店(蛋糕店)一般为落地玻璃较多。从外立面来看它是面包店的脸面,它的形象展示和有效利用,与该店的经营定位,品牌的视觉推广息息相关。橱窗设计多为展示,面包,蛋糕模型为主或在此位置作为休闲区。饼店应根据面包店(蛋糕店)的地理位置,周边环境,位置的朝向,顾客的消费能力及习惯来确定设计橱窗位置的具体使用。以社区店为例:设计师以卖场产品丰富、烘培氛围的展示为主导,装饰效果及灯光为产品销售辅助,作为该店卖场的主题设计理念。橱窗位置是卖场的一个重要组成部分,建议以面包,蛋糕模型及干点为社区店橱窗展示内容。尤其是刚开之一家的面包店,品牌的知名度不高,固定的消费群尚为建立起来,把橱窗做为产品展示窗尤为重要。如果该店的坐落位置朝阳,应考虑使用遮阳棚或遮阳伞,以起到遮蔽阳光直射的效果,减少面包的报损率。就不需要把休闲区安置在橱窗的位置,因为社区店的消费群体是周边固定的居民,购买产品后很少在店滞留,在顾客订购或提取蛋糕的时候,有一个做等的区域就可以。

宣传册的大小

宣传册的大小

210285一般成品是大16k(比A4短1cm),常见的还有12开的比16开略大。

宣传册设计的几大要素

宣传册设计的视觉要素主要为文字、图形、色彩和编排。

1、文字

文字作为视觉形象要素,它首先要有可读性。同时,不同的字体变化和大小及面积的变化,又会带来不同的视觉感受。文字的编排设计是增强视觉效果,使版面个性化的重要手段之一。在宣传册设计中,字体的选择与运用首先要便于识别,容易阅读,不能盲目追求效果而使文字失去最基本信息传达功能。尤其是改变字体形状、结构,运用特技效果或选用书法体、手写体时,更要注意其识别性。

字体的选择还要注意适合诉求的目的。不同的字体具有不同的性格特征,而不同内容、风格的宣传册设计也要求不同的字体设计的定位:或严肃端庄、或活泼轻松、或高雅古典、或新奇现代。要从主题内容出发,选择在形态上或象征意义上与传达内容相吻合的字体。

在整本的宣传册中,字体的变化不宜过多,要注意所选择的字体之间的和谐统一。标题或提示性的文字可适当地变化,内文字体要风格统一。文字的编排要符合人们的阅读习惯,如每行的字数不宜过多,要选用适当的字距与行距。也可用不同的字体编排风格制造出新颖的版面效果,给读者带来不同的视觉感受。

2、图形

图形是一种用形象和色彩来直观地传播信息、观念及交流思想的视觉语言,它能超越国界、排除语言障碍并进入各个领域与人们进行交流与沟通,是人类通用的视觉符号。

在宣传册设计中,图形的运用可起到以下作用:

注目效果。有效地利用图形的视觉效果吸引读者的注意力。这种瞬间产生的强烈的“注目效果”,只有图形可以实现。

看读效果。好的图形设计可准确地传达主题思想,使读者更易于理解和接受它所传达的信息。

诱导效果。猎取读者的好奇惦,使读者被图形吸引,进而将视线引至文字。图形表现的手法多种多样。传统的各种绘画、摄影手法可产生面貌、风格各异的图形、图像。尤其是近年来电脑辅助设计的运用,极大地拓展了图形的创作与表现空间。然而无论用什么手段表现,图形的设计都可以归纳为具象和抽象两个范畴。

具象的图形可表现客观对象的具体形态,同时也能表现出一定的意境。它以直观的形象真实地传达物象的形态美、质地美、色彩美等,具有真实感,容易从视觉上激发人们的兴趣与欲求,从心理上取得人们的信任。尤其是一些具有漂亮外观的产品,常运用真实的通过精美的设计 *** 给人带来赏心悦目的感受。因为它的这些特点,具象图形在宣传册的设计中仍占主导地位。

另外,具象图形是人们喜爱和易于接受的视觉语言形式。运用具象图形来传达某种观念或产品信息,不仅能增强画面的表现力和说服力,提升画面的被注目值,而且能使传达富有成效。

需要注意的是,具象图形、图像的选择、运用要紧扣主题,需要经过加工提炼与严格的筛选,它应是具体图形表现的升华,而不是形象的简单罗列、拼凑。

抽象图形运用非写实的抽象化视觉语言表现宣传内容,是一种高度理念化的表现。在宣传册设计中,抽象图形的表现范围是很广的,尤其是现代科技类产品,因其本身具有抽象美的因素,用抽象图形更容易表现出它的本质特征。此外,对有些形象不佳或无具体形象的产品,或有些内容与产品用具象图形表现较困难时,采取抽象图形表现可取得较好的效果。

抽象图表单纯凝练的形式美和强烈鲜明的视觉效果,是人们审美意的增强和时代精神的反映,较之具象图形具有更强的现代感、象征性、典型性。抽象表现可以不受任何表现技巧和对象的束缚,不受时空的局限,扩展了宣传册的表现空间。

无论图形抽象的程度如何,最终还是要让读者接受,因此,在设计与运用抽象图形时,抽象的形态应与主题内容相吻合,表达对象的内容或本质。另外,要了解和掌握人们的审美心理和欣赏习惯,加强针对性和适应性,使抽象图形准确地传递信息并发挥应有的作用。

具象图形与抽象图形具有各自的优势和局限,因此,在宣传册设计的过程中,两种表现方式有时会同时出现或以互为融合的方式出现,如在抽象形式的表现中突出具象的产品。设计时应根据不同的创意与对象采用不同的表现方式。

3、色彩

在宣传册设计的诸要素中,色彩是一个重要的组成部分。它可以制造气氛、烘托主题,强化版面的视觉冲击力,直接引起人们的注意与情感上的反应;另一方面,还可以更为深入地揭示主题与形象的个性特点,强化感知力度,给人留下深刻的印象,在传递信息的同时给人以美的享受。

宣传册的色彩设计应从整体出发,注重各构成要素之间色彩关系的整体统一,以形成能充分体现主题内容的基本色调;进面考虑色彩的明度、色相、纯度各因素的对比与调各关系。设计者对于主体色调的准确把握,可帮助读者形成整体印象,更好地理解主题。

在宣传册设计中,运用商品的象征色及色彩的联想、象征等色彩规律,可增强商品的传达效果。不同种类的商品常以与其感觉相吻合的色彩来表现,如食品、电子产品、化妆品、药品等在用色上有较大的区别;而同一类产品根据其用途、特点还可以再细分。如食品,总的来说大多选用纯度较高,感觉干净的颜色来表现;其中红、橙、黄等暖色能较好的表达色、香、味等感觉,引起人的食欲,故在表现食品方面应用较多;咖啡色常用来表现巧克力或咖啡等一些苦香味的食品;绿色给人新鲜的感觉,常用来表现蔬菜、瓜果;蓝色有清凉感,常用来表现冷冻食品、清爽饮料等。

在运用色彩的过程中既要注意典型的共性表现,也要表达自己的个性。如果所用色彩流于雷同,就失去了新鲜的视觉冲击力。这就需要在设计时打破各种常规或习惯用色的限制,勇于探索,根据表现的内容或产品特点,设计出新颖、独特的色彩格调。总之,宣传册色彩的设计既要从宣传品的内容和产品的特点出发,有一定的共性,又要在同类设计中标新立异,有独特的个性。这样才能加强识别性和记忆性,达到良好的视觉效果。

4、编排

我们在编排设计一章中讲述的各种编排 *** 、规律,同样适用于宣传册的设计。需注意的是,宣传册的形式、开本变化较多,设计时应根据不同的情况区别对待。

页码较少、面积较小的宣传册,在设计时应使版面特征醒目;色彩及形象要明确突出;版面设计要素中;主要文字可适当大一些。

页码较多的宣传册,由于要表现的内容较多,为了实现统一,整体的感觉,在编排上要注意网格结构的运用;要强调节奏的变化关系,保留一定量的空白;色彩之间的关系应保持整体的协调统一。

为避免设计时只注意单页效果面不能把握总体的情况,可采用以下 *** 来控制整体效果:

首先确定魇创作思路,根据预算情况确定开本及页数;并依照规范版式将图文内容按比例缩小排列在一起,以便全面观察比较,合理调整。

找出整册 *** 性的因素,设定某种标准或共用形象,将这些主要因素安排好后再设计其它因素。在整册中抓住几个关键点,以点带在来控制整体布局,做到统一中有变化,变化中求统一,达到和谐、完美的视觉效果。

全开大度889×1194正度787×1092

对开大度875×580正度775×530

四开大度430×575正度520×370

八开大度420×285正度370×260

十六开大度210×285正度260×185

三十二开大度140×203正度130×185

如果要加出血呢

一边各加6毫米就行啦!

分辨率300

----------------------------------------

正度16开(185x260)

大度16开(210x285)

“开”又是什么单位

全开的纸能开出来多少张,就是多少开。

例如:16K的就是全开开出16张,对开就是开出两张。

一开是多大

全开正度:780x1080

大度:880x1180

印刷纸张规格

所谓开数就切成几份的意思,例如8开的纸就是全开的1/8大(对切三次)。设计前要先选定纸张尺寸,因为印刷的机器只能使用少数几种纸张(通常是全开、菊全开),一次印完后再用机器切成所需大小,所以没事不要用下表以外的特殊规格,以免纸张印不满而浪费版面。

由于机器要抓纸、走纸的缘故,所以纸张的边缘是不能印刷的,因此纸张的原尺寸会比实际规格要来得大,等到印完再把边缘空白的部分切掉,所以才会有全尺寸跟裁切后尺寸的差别。如果海报故意要留下白边的话也可以选择不切。

开数规格全尺寸(mm)裁切后尺寸(mm)常用纸张

全开B11091X7871042X751墙报纸

对开(半开)B2787X545751X521海报

3开787X363751X345

4开B3545X393521X375

5开454X318424X303、8开B4393X272375X260

16开B5272X196260X18726孔活页记事本

32开B6196X136187X130

64开B7136X98130X93

菊全开A1872X621842X594海报

菊对开A2621X436594X421

菊3开621X290594X280

菊4开A3436X310421X297

菊8开A4310X218297X210影印纸

菊16开A5218X155210X148手册

菊32开A6155X109148X105、菊64开A7109X77105X74

胶印一般流程:

设计成图→定稿OK→输出菲林→ *** PS版→上机印刷→各印刷后工序→成品入仓或出货

一些尺寸

一般的标准尺寸:『具体情况,看实际需要』

三折页广告标准尺寸A4)210mmx285mm

普通宣传册标准尺寸A4)210mmx285mm

文件封套标准尺寸:220mmx305mm

招贴画:标准尺寸:540mmx380mm

挂旗标准尺寸:8开376mmx265mm4开540mmx380mm

手提袋:标准尺寸:400mmx285mmx80mm

信纸便条:标准尺寸:185mmx260mm210mmx285mm

名片:90mmX55mm

信封

1号165X102、2号176X110

3号176X125

4号208X110

5号220X110

6号230X120

7号230X160

8号309X120

9号324X229

10号458X324

印刷品的种类繁多,不同的印刷品常要求使用不同品种的纸张。现将一些常用的印刷用纸张的品种和规格介绍如下。

1凸版纸

凸版纸是供凸版印刷书籍、杂志的主要用纸。凸版纸按纸张用料成分配比的不同,可分为1号、2号、3号和4号四个级别。纸张的号数代表纸质的好坏程度,号数越大纸质越差。凸版印刷纸主要供凸版印刷机使用。这种纸的特性与新闻纸相似,但又不完全相同。由于纸浆料的配比与浆料的叩解均优于新闻纸,凸版纸的纤维组织比较均匀,同时纤维间的空隙又被一定量的填料与胶料所充填,并且还经过漂白处理,这就形成了这种纸张对印刷的适应性。与新闻纸略有不同,它的吸墨性虽不如新闻纸好,但它具有吸墨均匀的特点;抗水性能及纸张的白度均好于新闻纸。凸版纸具有质地均匀、不起毛、略有弹性、不透明、稍有抗水性能、有一定的机械强度等特性。

重量:49~60)±2克/米2。

平板纸的规格:787×l092毫米,850×ll68毫米,880xl230毫米;以及一些特殊尺寸规格的纸张。

卷筒纸的规格:宽度787毫米,1092毫米,1575毫米,长度约60m~80oo米。

2新闻纸

新闻纸也叫白报纸,是报刊及书籍的主要用纸。新闻纸的特点有:纸质松软,富有较好的弹性;吸墨性能好,这就保证油墨较快地固着在纸而上;纸张经过压光后两面平滑,不起毛,从而使两面印刷品印迹比较清晰而饱满;有一定的机械强度;不透明性能好;适合于高速轮转机印刷。这种纸是以机械木浆(或其他化学浆)为原料生产的,含有大量的木质素和其他杂质。不宜长期存放。保存时间过长,纸张会发黄变脆,抗水性能差,不宜书写等。必须使用印报油墨或书籍油墨,油墨粘度不要过高,平版印刷时必须严格控制版面水分。

重量:49~52)±2克/米2

平板纸规格:787×1092毫米,850xll68毫米,880xl230毫米。

卷筒纸规格:宽度787毫米,1092毫米,1575毫米;长度约6000~8000米。

3胶版纸

胶版纸主要供平版(胶印)印刷机或其他印刷机印制较高级彩色印刷品,如彩色画报、画册、宣传画、彩印商标及一些高级书籍,以及书籍封面,插图等。胶版纸按纸浆料的配比分为特号、1号和2号三种,有单面和双面,有超级压光与普通压光两个等级。胶版纸伸缩性小,对油墨的吸收性均匀,平滑度好,质地紧密不透明,白度好抗水性能强。应选用结膜型胶印油墨和质量较好的铅印油墨。油墨的粘度也不宜过高,否则会出现脱粉、拉毛现象。还要防止背面粘脏,一般采用防脏剂、喷粉或夹衬纸。

重量:50,60,70,80,90,100,120,150,180克/米2。

平板纸规格:787×l092毫米;850×1168毫米。

卷筒纸规格:787毫米,1092毫米,850毫米。

4,铜版纸

铜版纸又称印刷涂料纸,这种纸是在原纸上涂布一层白色浆料,经过压。光而制成的纸张表面光滑,白度较高,纸质纤维分布均匀,厚薄一致,伸缩性小、,有较好的弹性和较强的抗水性能和抗张性能,对油墨的吸收性与接收状态十分良好。铜版纸主要用于印刷画册、封面、明信片、精美的产品样本以及彩色商标等。铜版纸印刷时压力不宜过大,要选用胶印树脂型油墨以及亮光油墨。要防止背而粘脏,可采用加防脏剂,喷粉等 *** 。

重量:70,80,100,120,150,180200,210240,250克/米2。

平板纸规格:648×953毫米,787×970毫米,787×1092毫米

5画报纸

画报纸的质地细白、平滑,于印刷画报、图册和宣传画等。

重量:65,91和12克/米2

平板纸规格:787×l092毫米。

6书面纸

书面纸也叫书皮纸,是印刷书籍封面用的纸张。书面纸造纸时加了颜料,有灰、蓝、米黄等颜色。

重量:120克/米2。

平板纸规格:690×960毫米,787×l092毫米。

7压纹纸

压纹纸是专门生产的一种纣面装饰用纸。纸的表面有一种不十分明显的花纹。颜色分灰、绿、米黄和粉红等色,一般用来印刷单色封面。压纹纸性脆,装订时书脊容易断裂。印刷时纸张弯曲度较大,进纸困难,影响印刷效率。

重量:150~180克/米2。

平板纸规格:787×l092毫米,850×ll68毫米。

8字典纸

字典纸是一种高级的薄型书刊用纸,纸薄而强韧耐折,纸面洁白细致,质地紧密平滑,稍微透明,有一定的抗水性能。主要供印刷字典、经典书籍一类页码较多、便于携带的书籍。字典纸对印刷工艺中的压力和墨色有较高的要求,因此印刷时必须从上艺上特别重视。

重量:30~40克/米2。

平板纸规格:787×l092毫米。

9毛边纸

毛边纸纸质薄而松软,呈淡**,没毛。抗水性能,吸墨性较好。毛边纸只宜单面印刷,主要供古装书籍用。

10,书写纸书写纸是供墨水书写的纸张,纸张要求书写时不泅。书写纸主要用厂印刷练习本、日记本、表格和帐簿等。书写纸分为特号、1号、2号、3号和4号。

重量:45,50,60,70,80克/米2。

平板纸规格:427×569毫米,596×834毫米,635×lll8毫米,834×ll72毫米,787×l092毫米。

卷筒纸规格:787毫米,1092毫米。

11打字纸

打字纸是薄页型的纸张,纸质薄而富有韧性,打字时要求 *** 洞,用硬铅笔复写时不会被笔尖划破。主要用于印刷单据、表格以及多联复写凭证等。在书籍中用作隔页用纸和印刷包装用纸。打字纸有白、黄、红、蓝、绿等色。

重量:20~25克/米2。

平板纸规格:787×l092毫米,560×870毫米,686×864毫米,559×864毫米。

12邮丰纸

邮丰纸在印刷中用于印制各种复写本册和印刷包装用纸。

重量:25~28克/米2。

平板纸规格:787×l092毫米。

13考贝纸考贝纸薄有韧性,适合印刷多联复写本册;在书籍装帧中用于保护美术作品并起美观作用。

重量:17~20克/米2。

平板纸规格:787×l092毫米。

14。自版纸白版纸伸缩性小,有韧性,折叠时不易断裂,主要用于印刷包装盒和商品装磺衬纸。在书籍装订中,用于无线装订的书脊和精装书籍的中径纸(脊条)或者封面。有特级和普通、单面和双面之分。按底层分类有灰底与白底两种。

重量:220,240250,280,300,350,400克/米2。

平板纸规格:787×787毫米,787×1092毫米,1092×1092毫米。

15牛皮纸牛皮纸具有很高的拉力,有单光、双光、条纹、无纹等。主要用于包装纸、信封、纸袋等和印刷机滚筒包衬等。

平板纸规格:787×1092毫米,850xll68毫米,787×ll90毫米,857×ll20毫米

设计浅谈长图版式布局中的几种常用 ***

文|_CEH__|来自 *** 及各网站截图

长图设计在屏幕阅读时代应用得非常广泛,除了最直接想到的网站和APP页面,还有个人作品集的长图包装、长条海报、电商的产品详情页、微博微信的长图广告等等。所以不只是界面设计师需要了解长图设计的构图 *** ,作为普通设计者,我们同样可以了解一些长图长页面的设计技巧。

为了能够让阅读者保持兴趣不停读下去,停留更长的时间,我们的设计不仅要好看而且还要提供一定的视觉引导,让内容从头到尾的体验都是一致的。为了达成这个目标,我们需要有针对性地进行设计。

希望这篇文章能够带给你一些帮助。那么下面我们一起来了解一下,关于长图长页面设计的几种较为常用的简单设计 *** 。

重复是为了让视觉形成统一,提醒用户或阅读者依然是停留在同个内容之中,重复可以是重复字体,颜色,大小,空间,形式,框架等,它并非是严格复制同样的元素,而是按照一定的规律,在页面中产生连续的变化。也就是说在利用重复元素的时候,应该在规律中有变化,在变化中有规律。

重复数字、文字、英文、排版形式、架构等

重复排版形式、架构等

重复形状、符号、特性等

重复颜色、色块应用等

除了点出来的重复外,其实也不难发现各种重复的 *** 其实不是独立存在的,常常是各种 *** 掺杂着应用。当然,重复的 *** 也远远不止是列举的几种。

F型布局是一种十分传统但又非常科学的版式布局方式,它是基于大量的眼动追踪实验后总结出来的一种经典布局方式。符合大部分人的浏览习惯。我们看一个页面,通常情况下是先看左上角(例如logo、导航、标题等),然后优先从左往右看水平方向的内容,再着从上往下浏览整个页面,由此便形成一个F状的视觉路径。

NNGroup的眼动跟踪研究图(红橙代表注意力集中热区,蓝色代表不感兴趣部分)

从F形布局及眼动追踪实验我们可以得出以下几点启发:

1最重要的信息(例如logo、企业名称、标题、导航等)尽量放在顶部(甚至精确到左上角),尽量不要放在右边

2右边通常可以放一些比较次要的东西,例如意见反馈、咨询、广告、推荐等

3设计的时候左边信息要更下功夫,这是注意力比较集中的地方,右边通常会以留白处理

4多文字多内容的版面(例如新闻、社区、活动介绍页等)可以优先考虑F型布局

36Kr网页的F型布局

envatotuts+页面的F型布局

游戏活动页面的F型布局

活动页面的F型布局

除了F型布局外,S型(也叫“之”型、“Z型”)也是页面布局中非常经典的一种,同样,他也是符合人类的浏览流程,都是通过眼动追踪实验证明的。

当我们通览一个页面时,我们的眼球会左右移动进行阅读,视觉停留的点也会页面从上往下随着变化,由此形成一个左右移动的“s”型路径。这种布局在长页面中应用得非常广泛,特别是介绍某个产品某张的时候,利用S型布局,会形成一个视觉引导,很流畅地阅读完整个页面。

眼动跟踪研究图

最初在网页中应用S型布局的可能是从苹果官网更先开始的,利用左图右字、右图左字形成阅读连贯性。

比如下面这张iPad的详情页,在之一屏中,我

“什么?你要写一篇 南宁游记?”

朋友停下流连于美食的筷子,一脸惊愕地看着我。

“对啊,这里有那么多的美味回忆,应该写一篇关于味道的游记啊!”

朋友连连摆手:“可别说我没告诉你,我敢打包票不会有人看的!”

“为什么?”

“因为压根就不会有人来啊! 南宁 也没有什么著名的旅游景点,大家都是去 桂林啊北海啊巴马啊,南宁 充其量就是个中转站!”

我无言以对,都说最真挚的沟通来自朋友,看来此言不虚,因为他们通常只会说实话。

但是,这篇游记还是完成了。我游走在南宁的大街小巷,用相片和文字零散地记录着我眷恋的味道,这座不惊艳不张扬的首府小城。

南宁更好吃的甜品店,bleu是法语蓝色的意思。听说老板是法国蓝带烘培学院东京分校毕业的。所以这家小店也设计风格就像是法国街边的咖啡店的风格。

[环境]:

整个店都是蓝白色的搭配,一楼是点餐区,二楼是用餐区,有很大的窗户,望着窗外的绿树成荫,心里特别舒服。

重磅推荐:桃子55

对于一个peach的疯狂爱好者,之一次见这个蛋糕就按耐不住了。这个蛋糕虽然个子比较小,但是味道真的是让你惊喜。

外层是脆脆的白巧克力,里面是慕斯和桃子果肉粒,完全还原了桃子的真实味道。最重要的是,蛋糕甜度把控很好,不会很甜,吃完后口里还留有桃子的清香。

大吉岭西柚38

这款蛋糕听说是独创,将茶元素运用在蛋糕里,入口即化,层次分明。颜值超高,雪白的肌肤上点缀着银色的箔,blingbling闪闪惹人爱。

胭脂扣38

喜欢cheese口感的朋友可以选择这一款,口感比较厚重而浓郁的蛋糕,特别适合配上一杯这里的有机茶饮。

小贴士:

1地址在绿林广场里面,有点隐蔽可以导航。

2二楼的咖啡馆很适合拍照,可以在蓝墙和大玻璃窗前选景。

3除了蛋糕之外还有面包可颂可以选择。

好期待这家店早点能开到深圳来,真的出品精致完爆很多网红店。

在路边经过就被小清新的风格吸引进来了,整个店铺的风格很简约设计,大量木质家具的装饰很像奈雪的茶的感觉。

「猫爪脏脏包」

之一眼就被这个可爱的脏脏包所吸引了,怎么能做的那么萌都忍不住下口呢!

「芝士桃香乌龙」

点了一杯无糖的热饮,芝士挺浓厚,茶底的感觉比较淡和清香,桃子的味道被芝士掩盖了。

总体评价:

1网红店的氛围。

2欧包价格实惠颜值很高。

[环境]:小巷子里找到了一家很有历史感的糖水店,里面就摆了几张桌子。墙上贴着书法作品。听老板说这家店已经有十年的历史了,一般都是老街坊经常拜访。

「蛋酒汤」

暖呼呼的蛋酒汤是冬日里的阳光,酒味很香而且鸡蛋味十足。如果能加小汤圆就更加好了。

「仙草奶茶」

一杯奶茶里面超级多料仙草椰果和豆子让口感更佳。

「龟灵膏」

苦味不够,口感很q弹,但是跟深圳的还是有很大的差距。

[环境]这家糖水铺真的太火爆了吧!晚上十一点还是队伍排长龙。感觉搜了一下结果真的是排名之一名果断和闺蜜一起试一下。

「芒果双皮奶」大众团购了一个套餐139有一个糖水一个小吃很划算。这个双皮奶,入口即化奶香浓厚。但是芒果真的太稀有了吧。

「炸牛奶」香脆可口的外皮包着鲜嫩的牛奶,感觉特别爽。「鸡爪」鸡爪卤的不够入味软嫩,需要再加个火候。

[环境]这家餐厅是当地朋友推荐来吃的老字号餐厅,两层楼里面有很多包间和大厅。环境比较普通,餐具看起来不太干净。

「桂林荔蒲芋头酿」

之一次吃酿芋头,芋头太沙了入口即化。里面有很香的肉配上酱汁,真的是太好吃了。

「桂花芋头丸子」

之一次吃完全用芋头搓的丸子汤,配上桂花汤,特别喜欢软糯又清香。

「兴安桂林米粉」

桂林米粉的做法太地道了,酸豆角和炸猪肉凉拌的米粉,一碗接一碗吃不停。

「马蹄爽」

椰子汁配上马蹄爽,浓浓的马蹄爽之一次吃到这样料十足的美食。

「永福腊味小米烙」

脆皮炸的配上糯糯的小米酱,又脆又嫩,口感特别棒。

[环境]在找吃午饭的地方,就搜索到这家排名之一的店铺。打车到这里,一下子就被二次元漫画感的装修所吸引。

这里的墙上都画着传统的京剧人像卡通但是把西方元素也混搭了。