健身海报怎么做-海报如何设计才能让人注意，更加醒目？

健身房宣传单页怎么做

通过下面的步骤能让你的健身房宣传单页更有吸引力。

在预算很紧张的情况下你能设计出切实有效的健身房宣传单页吗当然可以,只要你能让人们的注意力一直集中在你的健身服务上。

想像你步入一个家具展厅,停留在一件你真得很喜欢的家具旁边,你脑子的第一反应是什么是它的价格这家公司还有什么其它健身服务还是店的电话号码

都不是!你只想更进一步的了解这东西是什么质量,对自己合适吗,还有怎么才能得到它。

你在设计健身房宣传单页时就是要做到这一点——展示有吸引力的商品,给顾客一个拥有它的理由,并告诉顾客如何得到它。

原来的健身房宣传单页并不理想。这个店到底在卖什么纷乱的页面只会让读者迷惑。页面上的店铺地址,电话,地图都着意地处理得比较低调,避免喧宾夺主,但却没有很好的突出最核心的东西——健身服务!

下面我们看看如何让一个简单的健身房宣传单页成为一个得力的推销员。

1、首先布置健身房宣传单场景

如果你把一个宣传单页想象成一台戏,那么纸张就是舞台。和戏剧一样,好的广告的作用就是要让人们的注意力都集中在你的健身服务上。

因为健身服务的背景是比较暗的,那么健身房宣传单页的背景也处理成黑色与它配合,ok,舞台已经暗下来了,就等演出开始。当然背景并不一定就是黑色,不过处理成黑色是最容易形成戏剧氛效果的方法。

添加一个很细的边框,可以把它想象成幕布,引导读者的目光到中间的内容。

这种线框一定要很细,如果太粗太亮就会分散读者的注意力。

2、把健身服务推向前台

将你的健身服务放在页面的显眼位置上,就像你在家后院招呼朋友吃烧烤时,你也会同样将这些台椅放在院子的显眼的地方一样,让每一个客人都看得见摸得着。

健身服务一定要清晰,实物照片是最合适的,一般厂家提供的照片质量都比较高,比如例子中的照片,你可以试着向厂家索取。如果不行,那就请摄影师给健身服务拍张高质量的照片,这样可能费用比较高,但是请记住:如果顾客不能清楚地打量健身服务,他们也不会掏钱。

也许有时候你有一种给健身服务增加一些特殊效果的冲动,且慢!在一个健身房宣传单中,健身服务是需要展示的重点,不要自作聪明搞一些倾斜,变形的效果,这样会显得华而不实;也不要把照片弄得太小,以为顾客会拿起放大镜仔细研究一番;更不要像海报一样对进行剪裁,顾客只会忽略健身服务本身,甚至以为你要刻意隐藏什么。

3、加上标题

一旦展示了健身服务,下面就要加一些文字来更详细的说明健身服务,介绍一些不是一眼就能看出来的优点和用途。

顾客喜欢体验各种新健身服务,如果你把顾客想象成非常渴望进一步了解的受众,那你就可以写出好的健身房宣传标题。

想象一下,如果是给好朋友介绍这件健身服务,你会先介绍哪一方面,要从最激动人心的部分开始。那么就思考一下你的健身服务什么地方最惹人喜爱,为什么顾客要买它们,然后用文字表述出来。

规则一:短标题更合适。

我们平时说话时,如果一个人每说一句话都要用上20个以上的词,只会让听的人发疯。顾客可能喜欢你的健身服务,但是忍受不了你这样唠叨。一样话,百样说,最好找一种最简洁,准确的说法。

规则二:不要叫嚷一些华而不实的口号

强扭的瓜不甜,喊这些口号不能帮助你卖东西,你会因为某种车宣称自己是代表“新新人类”就去买它吗不会,你买一辆车是因为它外观漂亮,做工地道,价格适中或是刚好满足你的某种需要。

规则三:顾客才是上帝

顾客永远是第一位的,你只能是靠边站。只有顾客掏出钱真的购买你的健身服务,世界才是美好的,否则一切都变得无意义。你要尊重这一事实,一个好的广告应该能准确反映健身服务真正的优点,文字不是在为健身服务百般辩护,而是加强这一事实。如果你认为一个顾客会毫无理由买你的健身服务,那只是在做白日梦。

4、下面加上文字说明

当你撰写你的文字说明的时候,记住:顾客只会在他能找到一些感兴趣的信息时才会读它,所以在你写的时候一定要找到顾客的兴趣点。好好端详一下你的健身服务,想想哪些信息可以让顾客对它了解更多,还有什么细节可以强调,还可以建议什么好的使用方法,有了这些信息,顾客就更可能拿起电话订购了。

如何做到让健身房宣传单页更有吸引力？

1、首先布置健身房宣传单场景

如果你把一个宣传单页想象成一台戏,那么纸张就是舞台。和戏剧一样,好的广告的作用就是要让人们的注意力都集中在你的健身服务上。

因为健身服务的背景是比较暗的,那么健身房宣传单页的背景也处理成黑色与它配合,ok,舞台已经暗下来了,就等演出开始。当然背景并不一定就是黑色,不过处理成黑色是最容易形成戏剧氛效果的方法。

2、添加一个很细的边框,可以把它想象成幕布,引导读者的目光到中间的内容。

这种线框一定要很细,如果太粗太亮就会分散读者的注意力。

健身服务一定要清晰,实物照片是最合适的,一般厂家提供的照片质量都比较高,比如例子中的照片,你可以试着向厂家索取。如果不行,那就请摄影师给健身服务拍张高质量的照片,这样可能费用比较高,但是请记住:如果顾客不能清楚地打量健身服务,他们也不会掏钱。

3、也许有时候你有一种给健身服务增加一些特殊效果的冲动,且慢!在一个健身房宣传单中,健身服务是需要展示的重点,不要自作聪明搞一些倾斜,变形的效果,这样会显得华而不实;也不要把照片弄得太小,以为顾客会拿起放大镜仔细研究一番;更不要像海报一样对进行剪裁,顾客只会忽略健身服务本身,甚至以为你要刻意隐藏什么。

一旦展示了健身服务,下面就要加一些文字来更详细的说明健身服务,介绍一些不是一眼就能看出来的优点和用途。

4、顾客喜欢体验各种新健身服务,如果你把顾客想象成非常渴望进一步了解的受众,那你就可以写出好的健身房宣传标题。想象一下,如果是给好朋友介绍这件健身服务,你会先介绍哪一方面,要从最激动人心的部分开始。那么就思考一下你的健身服务什么地方最惹人喜爱,为什么顾客要买它们,然后用文字表述出来。健身房的宣传单页不宜添加太多的内容,做得新颖一些,比如可以添加一些小程序码供客人扫描,扫描后可以直接在手机上看到健身房的全景图,这些都是很简单就可以实现的,不会用太多的成本,而且形式比普通的单页更有吸引力。

海报如何设计才能让人注意，更加醒目？

无论走到哪里,我们总能看见各种各样的宣传海报,大多数人对与广告相关的东西是有种厌恶心理的,认为它们都是骗人的,是商家的阴谋,宣传海报也一样。做得不好的宣传海报在别人的眼里就是一张废纸,但是设计得当的海报会让人眼前一亮,会给人美的享受,会有一种艺术感染力,让人自然而然去关注海报所宣传的内容。那么,宣传海报到底怎样才能做得比较吸引人呢

在设计海报之前,我们要考虑宣传海报设计步骤:

1、我们做这张海报的目的是什么、海报的体现策略、海报设计的目标受众是谁、海报设计的表现手法和创意、如何让你的设计和产品很好的相结合。

2、设计海报需注意的要素是:

(1)首先我们要以文案为辅,为主,其次对于海报所要表达的内容需精炼,抓住重点;

(2)主题的字体要非常醒目,吸引力强;

(3)充分的视觉冲击力,可以通过图像和色彩来实现;

(4)要切记内容不可过多,过于繁琐。画面应有较强的视觉中心,应力求新颖、单纯,还必须具有独特地艺术风格和设计特点。

设计海报首先要突出主题底色色调颜色和主题要协调字体大小合适该大的要突出内容适中内容简单明了一眼能让人看到是讲什么要吸引眼球让人看到所需求的而产生咨询和购买

一张海报主要有三个要素。

一风格

慢慢构思出确定好海报的整体风格。往往别具一格的氛围显得更吸睛,吸引观者自然的点开想一探究竟,细细揣摩。

二元素

我们要确定好海报所必须的的元素。标题部分,配文部分,配图部分,附文信息等。该精简就精简,少即是多。

三排版

排版往往是海报设计中既简单又极其复杂的环节。既要有主次之分,突出重点,又不能破坏了整体风格和美感。

总结

在构思一张海报时,不要着急下手。我们可以多逛一逛站酷,豆瓣等设计网站。先去看看老手高手们的排版构思,再试着逐步整合自己的想法。只有不断临摹着学习着,才会一览众山小,切勿执着于闭门造车,那样只会徒增你的飞机稿和脾气。

海报想要设计的出色可以分为一下几部分

1提炼吸睛主题

研究设计要求,提炼出精准的词语短句子作为海报的主标题设计,当然如果甲方有文案提供是最好的了。

分析主题适合使用的字体进行标题设计,例如健身海报主题体现的是形体和力量,一般需要选择干练简洁的字体,让每部分的元素与主题贴合,传达给观众最准确的感觉。

2美图氛围营造

海报是短文案与的结合图,有时候在海报中占的比重更大,因此的选择尤为重要,要求第一符合主旨要求,第二选择的能非常准确的表达主题的内容,第三质量要高,切忌模模糊糊。

3提高视觉冲击力但注意各部分颜色和谐

在颜色的使用上可以使用对比色,局部的凸出与爆发感更能够吸引人注意力。

开了一间健身房，应该怎么设计海报呢？

我认为健身房设计节日海报可能没有太大的必要,为什么呢我们来算一算,节日、节气、特殊日子一年之中非常的多,那么设计这么多的海报设计,只有请专门的设计人员或者交给设计公司来做,这样一来花费就大大的增加了!反而也不一定能吸引与这个设计花费相等量的客流量,所以在预算不足、健身房还没有稳定的情况下没有太大的必要去专门设计节日海报。

不过作为偶尔的营销手段,一些必要的活动促销海报是可以有的,那么成本低且高质量的推广海报哪里来呢我们健身房经过研究发现健身助手、青橙这样的健身管理系统都有免费自动生成海报的功能,健身助手的海报样式丰富,还挺好看的,只需要添加简单的信息,即可快速生成推广海报。青橙的海报就更偏自定义化,手动设置内容,需要花费一定的时间,但最终效果还不错。不论是什么方式形成的海报,只要是适合你们健身房的口味就好!关键是这个海报免费的呀!成本节约了好多噢!

设计干货～视觉表现建立信息层级深度好文

长文预警,建议先收藏后看!

作为视觉设计师,我们的作用除了最基本的满足用户审美需求,还会有品牌传达,信息传达,功能传达等,其中想要信息有效的传达给用户,需要我们建立信息层级,而不是一股脑的丢给用户自己理解,要做到这点有哪些视觉方法,这些方法的背后是否有理论依据,是本文的主题。

首先看下面两张图,左图为相机拍摄的效果,右图为人眼不移动时看到的效果,可以发现人眼对信息的获取并不是一次性完成的,它不能同时产生多个焦点从而把视线停留在更多的地方,设计师需要考虑的是让用户通过眼球移动,按照一定的顺序获取信息,帮助获取和理解的过程高效自然。

这个设计方法希望解决的主要是两个问题:

1、用户获取和理解信息的效率

建立良好的信息层级,能让用户在有限的时间里,快速获取和理解有用、感兴趣的信息,并产生下一步行为;

2、设计师的专业性

设计师有意识的分析信息优先级,了解哪些视觉表现手法可以建立信息层级及每一种方法背后的理论依据,不仅仅凭感觉做设计。

一、前期了解&分析

在开始设计前,除了对项目本身的背景目标有所了解外,视觉设计师针对具体的页面也需要了解一些内容以帮助后面的设计有指导方向,包括页面定位、氛围营造、信息优先级和用户核心行为。

11、页面定位是帮助分析页面信息优先级、核心行为的前提

通常有:

·用户是谁

·用户来自哪里,即从什么渠道来到该页面

·页面内容定位,提供什么、不提供什么

·页面作用

举个例子:

我们在设计采购直达市场新首页时,交互通过对页面的用户对服务的熟知度进行分析,确定首页的最核心目标用户是新买家;页面内容定位是展示市场的价值点,用户产生的数据让新买家对采购直达形成品牌的认知;

12、了解页面需要营造的氛围,能帮助我们判断哪些元素能帮助达到目标,氛围可以是内容本身,也可以通过视觉元素设计来营造,但必须注意氛围营造不应强过用户关注的内容本身

氛围可能有:

·新年主题大促

·低折扣

·信息鲜活

·用户活跃等等

以下是大促活动正式页面,左图延续了预热期嘉年华的氛围,但到活动开始阶段氛围已经不是重点,用户更关心商品及折扣本身,右图为调整后将氛围的营造和类目相结合,很好的解决了氛围和内容的关系问题。

13、分析信息优先级

1)一级信息吸引用户:假设用户只会在这个页面停留3-5秒,最能够吸引用户继续浏览的是页面的核心卖点,是一级信息,它必须少而精,在设计上要重点展示

2)二级信息帮助理解:有了一级信息的吸引,用户进一步了解内容而可能停留3-5分钟,这时展示二级信息即提炼的精华内容,帮助用户在尽量短时间内理解信息

3)三级信息详细了解:前两类信息基本上能帮助用户获取足够的信息,用户如果继续停留更长的时间去详细了解,这类信息量会更多,在设计上视觉层级会靠后,或通过交互方式展示、提供入口跳转

14、分析用户核心行为

不同类型用户会在不同阶段产生行为,我们要判断这些行为最终导向是什么

比如商品详情页面,有些用户在决定购买之前,会查看用户评价、历史交易等内容,但这些查看的行为,最终是帮助用户判断是否购买这个商品,所以核心行为是最终导向的购买。

有了这些分析,交互产出物文档中会给予大模块的信息优先级和用户行为优先级,如下图

视觉在进行细节设计前,需要对每个模块内的具体内容进行优先级的分析并产出如下示意图并和交互和业务方确认,这些都是帮助视觉设计过程不偏离方向的重要产出物。

二、建立信息层级的视觉方法

视觉表现手法主要有以下几种元素,实际设计中为了让效果拉开主次,可能会同时使用多种方法以达到更好的效果:

·位置

·大小

·距离

·内容形式

·色彩

21、位置

位置是在设计开始就会考虑的元素,人眼观看事物时,总会遵循一些特定的规律,设计上遵循这些规律,能帮助用户更容易、更快捷地看到或理解眼前的事物。其中有两条规律和位置设计元素有关:

1)当眼睛偏离视中心时,在偏离距离相等的情况下,人眼对左上的观察最优,依次为右上,左下,而右下最差。因此,左上部和上中部被称为“最佳视域”。例如,网站logo、商品名、主题等重要信息,一般放在最佳视域内。当然,这种划分也受文化因素的影响,比如阿拉伯文字是从右向左书写的,这时最佳视域就是右上部。下图是摘自摘自张帆罗琦宫晓东的《网页界面设计艺术教程》对一个屏幕划分后,用户对不同位置不同的关注度差别:

2)第二条规律是眼睛沿水平方向运动比沿垂直方向运动快而且不易疲劳,一般先看到水平方向的物体,后看到垂直方向的物体。如下图所示,左右的关注度差别要小于上下关注度差别,如想要体现并列的关系,左右排列会更合适;而如果要拉开差距,仅通过位置来实现,上下排列更容易达到目标。

举个例子:如下图时代周刊网站首页,左侧大图是当天的焦点新闻,在信息层级上为一级信息,视觉表现上不仅面积大、内容形式用大图,位置也放在优势区域,可能98%的用户会先关注到这个区域;

假如对设计稿的位置做调整如下,如果焦点新闻是第一优先级的信息,虽然它是大图的形式,占的面积也够大,但由于位置不在最佳视域,会被“LatestHeadlines”分散一部分视线,可能只有60%的用户先看到右侧了;如果信息有主次,就要让视觉表现上拉开差距,而不是一个接近均等的局面。

3)用户优先关注上部,在网页设计中有首屏的概念,首屏的信息比通过用户拖动滚动条出现的第二、三屏层级要高

由于用户使用的屏幕分辨率不同造成首屏的高度会有差别,根据我们网站的数据,目前分辨率高度为768占多数,所以设计时会以768高度为基准,去掉浏览器本身的菜单等占用的高度,实际展示给用户的第一屏平均为600px,这个数据会根据以后目标用户的分辨率变化做相应的调整,我们在设计时可用这个数值作为首屏的参考线。

22、大小

在确定了模块的位置后,我们会考虑给这模块多大的地盘,大小会很直观反映信息的重要等级。

有个体育海报设计的案例,涉及到四种球类运动包括足球、高尔夫球、棒球、篮球,如果按照实际大小设计会让篮球和足球显得更重要,为了体现体育的平等性,设计上将球的大小做了调整。

GilesColborne的《简约至上》书中的结论可以指导我们通过大小拉开差距:

1)重要的元素要大一些,即使比例失调也可以考虑

2)要想办法表现出差距;如果一个元素的重要性是2,那就把它的大小做成4

还是以时代周刊首页为例,目前的设计左侧的焦点新闻图占的面积和中间新闻图对比拉开了差距,使得用户容易先关注到一级信息而且不容易被周边干扰;

我们对两个新闻的面积进行对比可以看到差距有4倍左右;

假如对界面调整如下:焦点新闻图缩小两倍后,可以看出视觉层级的区分就不明显了。

除了元素本身所占的面积会影响视觉层级,元素的细节放大程度也同样起到作用,细节放大后,人眼会感受到元素更清晰,离眼睛更近而容易先去关注,当然前提是保证信息可被理解,如果局部细节放大但用户不能理解信息是什么就不能起到吸引用户的作用;

下图是一个模特公司的网站,首页上随机出现模特的照片包括面部和半身照片,放大脸部特征后的照片保证了用户能理解这是一个模特的形象,使得用户会优先关注细节放大的照片。

23、距离

前面讲到的将元素的细节放大,眼睛会感受离它更近而被优先注意到,虽然信息展现的媒介是个平面,但是通过视觉手段能体现出三维的效果,除了大小,还有其他视觉手法如下:

1)拉远三维距离

想要达到距离被拉远的效果,下面列举的方法是让信息变得不清晰,眼睛看起来无法对焦到信息上面,包括:

·模糊元素,下图背景的人物被模糊后,使它和两个行动点以及右侧的图标不在一个平面上,离眼睛更远,用户在进行行动点和文字识别时也不会被模糊的背景所干扰

·_档屯该鞫纫餐梢云鸬阶饔,当有些背景图模糊后比较难被整体感知,选择降低透明度也能拉远距离

·_黾影胪该魍疾,在界面色彩或元素比较多的情况下,仅降低透明度也可能无法拉开距离,如下图希望突出TV购时,其他四个模块降低透明度后由于本身色彩比较丰富而没有明显拉开差距,通过加上灰色的半透明图层后,TV购以外的模块自然的退到视线后面了。

2)拉近三维距离

·增加投影是最常用到的让元素看起来和其他内容不在同一平面的视觉手法,通常像弹出框、鼠标移上后出现的浮层等由于要压在其他信息之上,增加投影能帮助用户聚焦在带投影的模块而不受下面信息的干扰

3)除了三维,二维距离对视觉层级也有影响,根据格式塔心理学接近性定律,距离较短或互相接近的部分容易组成整体;人眼对距离临近的信息更容易先去关注,在视觉手法应用上,元素距离上一个焦点近的,视觉层级高。如下图,第一层级的新闻焦点图和右侧的小比较临近,视线容易往右上角运动;

对距离做了调整后,虽然中间的小本身比文字更吸引人,但由于焦点图下方的标题距离更近而形成整体,视线容易先往下运动。

24、内容形式

确定了模块的位置、大小和距离关系后,我们会继续考虑内容的形式包括视频、、文字等,这里主要讲我们经常使用的图形和文字;相比起文字,在抓住用户眼球这一点上是功不可没的,同时还能使用户在短时间内形成形象记忆,从视觉层级上,人眼一般会先关注图后关注文字。但仅仅这点还不够,通过抓取用户眼球后引导视线到下一个关注点,是设计上更多会考虑的点,概括有以下表现手法:

1)方向性引导

中的形象有些具有明显的方向性,如人眼注视的方向、手势所指的方向、物体运动方向、光照方向等,这些特征会引导人眼视线朝着设定的方向运动,从而达到视觉层级有主有次。

下图假设中间的人物首先吸引了人的视线,为第一层级的信息,由于人眼注视方向为右侧,使得用户关注的下一个目标会转向“coder”文字,为第二层级的信息。

下图WHATWEDO位置在左上角容易先被关注,同时右侧的人物形象占的篇幅较大也会抢视线,但由于人物运动的方向下没有其他信息,没有充分发挥引导的作用,用户浏览起来会不太顺畅

经过调整后的效果,虽然“WHATWEDO”位置上并不在优势区域,但通过方向的引导很自然的让人眼落在文字信息上。

2)符号引导

除了,一些符号本身带有顺序和方向性,也能有效引导视线根据符号来浏览,包括阿拉伯数字、字母顺序、时间顺序、箭头等。

下图的排行榜前三名,虽然用户更习惯从左到右阅读,但由于数字的引导,视线也会被影响而按照1>2>3的顺序阅读,如果希望这样的顺序更加明显,可以再通过放大1的大小,拉开差距,结合多种视觉方法达到效果。

时间轴在界面中应用也很广泛,人眼会受时间顺序的影响去浏览信息,甚至会打破常规的如从左到右的浏览习惯,如下图虽然2的位置更容易引导用户优先浏览,但时间轴对信息的影响更明显,一般用户会优先查看模块1,再根据时间先后从右向左关注模块2。

25、色彩

色彩是影响用户对界面第一印象的重要因素,色彩的应用对视觉层级的影响也能起到立竿见影的效果,总结起来人眼对色彩的关注度差别主要是以下两点:

1)先暖色后冷色

色彩的不同色相,对人眼的刺激及产生的反映目前没有找到绝对的先后顺序,但是冷色类和暖色类色彩,是有明显的层次差别的,如下图,人眼一般会优先看到左侧的,这和我们人眼对不同波长的反映有一定关系;

从生理学上讲,人眼晶状体的调节,对于距离的变化是非常精密和灵敏的,我们能判断出物体离我们的远近,但是它有一定的限度,对于波长微小的差异就无法正确调节。眼睛在同一距离观察不同波长的色彩时,波长长的暖色如红、橙等色,在视网膜上形成内侧映像;波长短的冷色如蓝、紫色等,则在视网膜上形成外侧映像。因此,暖色好象在前进,冷色好象在后退。

美国数字营销公司Hubspot曾经做过一场A/BTest,用于测试不同颜色对于用户点击转化造成的差异。在图中,左右两个测试页面在内容上完全一致,唯一不同的是按钮的颜色,在超过2000人次的样本测试中,最终红色方案的点击率超过绿色方案的点击率足足21%。而在测试之前,大部分的研究员都猜测绿色方案会获得更高的点击,因为就直觉而言,绿色代表着通行、准许通过的意思,而红色则更倾向于警告、阻止意味。

这个测试从一定程度上反映了暖色对用户关注度和行动力的影响,当然并不是说为了提高点击率就要用暖色,具体的色彩风格还是要根据产品定位来设计。

2)先高反差后低反差

除了冷暖色对眼睛的刺激不同,色彩的反差是最容易造成关注度差别的因素,在自然界动物为了生存,运用的保护色就是和反差相关,如图中的猫头鹰,和它生活的环境相关,毛色都进化成类似的色彩,以起到隐藏保护的作用;相反,颜色反差大就特别容易引起注视,如下**郁金香中独特的红色

前面讲到的大小、远近都是体现能反差的视觉手段,色彩上的反差主要通过以下方法达到效果:

·色相反差,下图中主色调为蓝色,蓝色行动点和整体颜色一致,层级相对较弱,而绿色行动点和蓝色在色相上的反差使得层级变高

但颜色有很多种,如何确定反差的大小我们可以通过色相环来查看,如下图所示,色相反差强弱取决于色相环上的距离,距离越大对比越强,反之则越弱。

·饱和度反差和明度反差比较容易理解,而且他们有数值可以控制,两个颜色之间饱和度或明度数值相差越大,反差也就越大,反之亦然,看看具体的实例:如以下导航图,当前的人物icon明度较高,和低明度黑色背景形成高反差而容易先被注视

以下环状饼图,已完成的百分比饱和度高,和总体低饱和度形成对比,相同色相通过饱和度进行对比不仅能拉开差距形成视觉层级,同时视觉效果具有整体性

总结一下上面讲到的视觉表现手法,形成表格方便大家记忆如下:

三、审视页面视觉流

运用视觉表现手法建立信息层级后,需要设计师不断审视用户的浏览顺序是否真如我们期望的层级1到2到3,包括页面大模块和模块内的浏览,这些浏览顺序会在页面上形成视觉流;

审视页面视觉流能帮助我们判断用户浏览页面是否顺畅,浏览的顺序是否有规律可循;如果我们的设计不能有效引导用户的视线,用户的浏览更趋向于随机性,就难以将希望表达的信息快速传到到位。

下面的内容主要是介绍比较典型的视觉流及每种类型的特征,包括:

·线性视觉流

·导向性视觉流

·跳动性视觉流

·放射性视觉流

1)线性视觉流

·_嵯蚴泳趿饕加没_酉叽幼蟮接一虼佑业阶笫泳趿鞫,是最符合用户视觉习惯的浏览方式,给人稳定可信之感。

如首页,整体页面和单个模块都是典型的横向视觉流,用户从左到右浏览到边界后,视线回扫到下一行继续从左到右阅读;这里会有一个横向浏览最佳区域的数值,如digg选用的页面宽度为1000px左右,每行展示3个item,用户屏幕的分辨率变大后,这两个数值是否应该继续增加,增加到什么程度,是人眼获取信息效率最高的这个疑问我还没有找到相应的理论或实验支撑,后续再查找资料。

·_菹蚴泳趿饕加没_酉叽由系较落,由于眼睛纵向的运动方式需要瞳孔不断对焦,当纵向扫视页面模块时效率和横向浏览相差不大,但阅读细节时效率会变低,如纵向排列的文字,更适用于需要逐字阅读的古诗古文;

下图是将原来横向视觉流的digg首页的排版调整后,变成了纵向视觉流,除了大图,用户会选择三栏的其中一列纵向浏览直到找到某一目标信息后,横向浏览细节。

网页界面的纵向高度限制比横向小,因为用户习惯上下滚动来浏览更多信息,当用户还处于确定目标信息时,纵向视觉流能帮助用户在不需要回扫的情况下获取更多信息;如下图facebook日历界面,时间轴横向排列时,由于宽度受限,需要横向切换或滚动条来查看更多日期:

将时间轴方向调整为纵向,使得用户能通过上下滚动更高效查看当月所有日期。

·_毕呤泳趿髂苡煸硕泻退俣雀,但由于角度倾斜使文字认知上会有一定困难,大量文字信息排列不适合这种视觉流,常用于设计中的点缀或本身信息量比较少的界面,如下图的健身俱乐部海报;

还有网页界面上小范围的斜线视觉流,来体现运动感。

·_呤泳趿,用户视线会形成个性化的曲线,具有律动和活泼感,这种类型由于眼动幅度较大,长时间大量的运用会产生视觉疲劳,所以不适合大段文字使用,一般会结合图形做曲线视觉流,让用户的视线在图像区域稍作停留;

如下图在曲线视觉流中配上,让视线在这个节点上稍作停留并浏览这个节点的内容,然后继续延曲线浏览。

2)导向性视觉流

如下图所示,导向性视觉流会设计一个诱导元素吸引用户注意,再通过诱导元素注意到目标信息;常见的诱导元素可以分为线条、形象包括人物或物品、指示符号如箭头字母等。这种视觉流要把握好诱导元素与目标信息的主次关系,纯诱导元素不宜太强,否则会削弱目标信息的传播力度;如果能在诱导元素中包含部分目标信息,可以增加信息传达的有效性。

如下图管子里的红色液体是运动的,吸引用户沿着它运动的方向到达目标消息

前面讲到的内容形式,从或符号引导到下一个视觉焦点,从视觉流角度也是导向性类型,下面这两个例子就是在页面局部使用了导向性视觉流

3)跳动性视觉流

在性质相同或相似的信息中,选择突出或感兴趣的信息之间跳动浏览,给人一种自主选择的权利,但设计上也可以通过调整元素的强弱,不露痕迹的传递主次。

如前面提过的模特公司网站界面,模特的照片都是同等性质的信息,用户浏览具有一定的随机性,但通过放大和缩小人像同样也传递了主次。

4)放射性视觉流

视线开端在页面中部,使中间的元素冲击感最强,信息传达最明确,再形成由中部发散出去的视觉运动。

比如很多汽车网站,中间的主图最能体现信息的核心,通过主图再发散到上方的导航或下方的其他服务入口。

以上介绍的四种视觉流类型是比较典型的,但不代表全部,我们也可以设计出更富创意的视觉流,无论是那种路径,用户浏览是否顺畅,信息是否按照主次传递到位,是我们要一直坚守的目标。

最后再总结一下:

1项目前期我们需要了解页面营造的氛围,内容定位;和交互一起分析信息的优先级,用户的核心行为;前期的准备能帮助视觉设计过程不偏离方向

2通过位置、大小、距离、内容形式、色彩这些视觉表现方法来建立信息层级

3设计过程和结束都要不断审视页面视觉流,看看用户浏览是否顺畅。

我们有意识的分析用户关注的信息优先级,并通过视觉表现出来,是视觉设计师这个岗位很重要的职责,希望梳理的这些方法能帮助我们将这份职责做的更好,我也乐在其中,与大家共勉!

我和朋友做了一款小程序理论坞·打造属于你自己的理论库;有很多关于交互的术语、心理学、管理学的定律和理论,微信扫描下面小程序码快速体验!

海报如何设计才能让人注意，更加醒目？

无论走到哪里,我们总能看见各种各样的宣传海报,大多数人对与广告相关的东西是有种厌恶心理的,认为它们都是骗人的,是商家的阴谋,宣传海报也一样。做得不好的宣传海报在别人的眼里就是一张废纸,但是设计得当的海报会让人眼前一亮,会给人美的享受,会有一种艺术感染力,让人自然而然去关注海报所宣传的内容。那么,宣传海报到底怎样才能做得比较吸引人呢

在设计海报之前,我们要考虑宣传海报设计步骤:

1、我们做这张海报的目的是什么、海报的体现策略、海报设计的目标受众是谁、海报设计的表现手法和创意、如何让你的设计和产品很好的相结合。

2、设计海报需注意的要素是:

(1)首先我们要以文案为辅,为主,其次对于海报所要表达的内容需精炼,抓住重点;

(2)主题的字体要非常醒目,吸引力强;

(3)充分的视觉冲击力,可以通过图像和色彩来实现;

(4)要切记内容不可过多,过于繁琐。画面应有较强的视觉中心,应力求新颖、单纯,还必须具有独特地艺术风格和设计特点。

设计海报首先要突出主题底色色调颜色和主题要协调字体大小合适该大的要突出内容适中内容简单明了一眼能让人看到是讲什么要吸引眼球让人看到所需求的而产生咨询和购买

一张海报主要有三个要素。

一风格

慢慢构思出确定好海报的整体风格。往往别具一格的氛围显得更吸睛,吸引观者自然的点开想一探究竟,细细揣摩。

二元素

我们要确定好海报所必须的的元素。标题部分,配文部分,配图部分,附文信息等。该精简就精简,少即是多。

三排版

排版往往是海报设计中既简单又极其复杂的环节。既要有主次之分,突出重点,又不能破坏了整体风格和美感。

总结

在构思一张海报时,不要着急下手。我们可以多逛一逛站酷,豆瓣等设计网站。先去看看老手高手们的排版构思,再试着逐步整合自己的想法。只有不断临摹着学习着,才会一览众山小,切勿执着于闭门造车,那样只会徒增你的飞机稿和脾气。

海报想要设计的出色可以分为一下几部分

1提炼吸睛主题

研究设计要求,提炼出精准的词语短句子作为海报的主标题设计,当然如果甲方有文案提供是最好的了。

分析主题适合使用的字体进行标题设计,例如健身海报主题体现的是形体和力量,一般需要选择干练简洁的字体,让每部分的元素与主题贴合,传达给观众最准确的感觉。

2美图氛围营造

海报是短文案与的结合图,有时候在海报中占的比重更大,因此的

林志颖晒出自己在健身房复健的照片，并配文全力复健！从照片看，林志颖虽然瘦，但看起来状态不错，毕竟，他玩的可是力量器械，若是他状态差，根本使用不了这一类器械！林志颖驾驶特斯拉出车祸之后，经历了三次手术，虽然说是顶级医疗团队给他做的手术，但手术对患者身体健康是有损耗的，介于此，林志颖应该还需要相当长一段时间来做复建，才能达到未出车祸前的状态！

林志颖出车祸车辆损坏严重，车祸后他颜面部骨折，肩膀粉碎性骨折，他能够这么快站起来并开始健身，已经是非常大的进步！如此，林志颖的粉丝们不必再揪心，林志颖正在朝着好的方向大步前进，相信他很快便可以复出，很快便可以和大家见面！林志颖在生日时其实已经公开了手术后照片，他看起来依旧是那个非常帅气的小志，即便是车祸也没有夺走他的高颜值！林志颖有非常爱他的妻子，有三个儿子，相信被爱包围的林志颖会很快恢复到那个无所不能的小志！

复出

林志颖要复出的消息不绝于耳，其实想一想很容易理解，林志颖出这一次车祸之后，他大概率不会再玩赛车，也不会再参加比赛等等，如此，今后他极有可能会把主要精力放在做生意和娱乐圈！林志颖康复之后，拍**拍电视剧等等都不是稀奇事，毕竟，他是绝对偶像，粉丝无数，会有很多粉丝期待他再出现在公众视野！

自信

林志颖自始至终都是一个非常自信的人，此次遭遇了如此严重的车祸，他竟然能够这么快站起来，林志颖作为偶像，值得我们去支持！

林志颖晒出自己在健身房复健的照片，配文：全力复健！对此你怎么看？