banner广告设计8技巧交互设计

时间:2022-11-24 23:20:57 作者:玉娇龙 综合材料 收藏本文 下载本文

“玉娇龙”通过精心收集,向本站投稿了6篇banner广告设计8技巧交互设计,下面是小编给大家带来关于banner广告设计8技巧交互设计,一起来看看吧,希望对您有所帮助。

篇1:banner广告设计8技巧交互设计

在工作我们经常会有banner设计需求,和大项目比较,需求方从设计成本方面考虑,不会给设计师太多的时间,那么我们如何才能在短时间内做一个出彩而效果又好的banner呢? 以下是整理的banner设计8技巧,现与大家分享:

一、主题明确

要突出产品主题,让用户一眼就能识别广告含义,减少过多的辅助干扰元素。切忌,banner被切割的太细碎,内容繁多,没有浏览重心。很多广告主往往会认为传达的信息越多,用户越有兴趣,其实并不然,什么都想说的广告,就是什么都没说好。

二、重点文字突出

用文字进一步的告诉用户,是打折或还是新货上市?如果我们最大的买点就是“4.1”折起,那么毫无疑问,“4.1”折的字样一定要大,要醒目,其余的则需要相应的弱化。

三、符合阅读习惯

阅读视线要符合用户从左到右、从上到下的浏览习惯。

不要这样:

四、用最短时间激起点击欲望

用户浏览网页的集中注意力时间一般也就几秒,所以不需要太多过场动画,需第1时间进行产品的展示,命中主题。并配以鼓动人心的措辞口号引导用户。

五、色彩不要过于要醒目

有些广告主要求使用比较夸张的色彩来吸引访问者眼球,希望由此提升Banner的关注度,

实际上,”亮” 色虽然能吸引眼球,但往往会让访问者感觉刺眼、不友好甚至产生反感。所以,过度耀眼的色彩是不可取的。

六、产品数量不宜过多

很多广告主总是想展示更多产品,少则4-5个,多则8-10个,结果使得整个Banner变成产品的堆砌。Banner的显示尺寸非常有限,摆放太多产品,反而被淹没,视觉效果大打折扣。所以,产品图片不是越多越好,易于识别是关键。

下面对比一下以下A、B两款Banner中,哪一款更易于识别和引起关注呢?

A取产品局部特征图,同时配合宣传语,简洁明确,易于识别

B产品数量过多,没有亮点,页面堆的太满。

七、信息数量要平衡

很多人总认为信息多就,觉得所有信息都很重要,都要求突出,结果其反。如果banner上满是吸引点,那用户只会被注意,所以在Banner的有限空间内做好各种信息的平衡和协调非常重要。

八、留空

banner画面中需要留空,留空可以使图形和文字有呼吸的空间。

总结

通过以上总结出,我们在设计制作Banner时,需要注意以下几点

1.突出产品及其特征,采用有吸引力的宣传用语,适当弱化公司名称和标识;

2.图片并非越多越好,突出重点是关键,必要的产品说明不能少

3.合理安排画面内容,做到主次对比鲜明

4.颜色不宜过度夸张,努力营造愉悦、舒服的感观感受

篇2:Banner设计“点横竖撇捺”交互设计

文字,这种与人类历史几乎同步的信息表达形式,同样也是视觉传达设计中最重要、最基础的元素之一,她的历史沿革应该已经有非常多的同学做过分享介绍,这里就不再赘述。我想讲述的是字体在网页设计中的运用,她最为常见的一种承载形式:banner字体设计,这几乎是每个Web设计师都会遇到的设计内容,不论是通栏、半通栏,还是各种大大小小尺寸以及活动营销推广的页面头部,都可以看到字体设计的身影。

阿里巴巴中国站首页改版后对于页面内的banner推荐位有了更高的要求,这也引发了我对如何做好一条banner的思考,我觉得在banner设计中相对图形及背景元素的运用,文字本身的设计与排版要重要很多,即使在没有任何背景元素的情况下,文字依然可以良好的传达信息,因此如果我们对banner上的文字进行巧妙设计不仅能鲜明的表达设计主题还能够增强用户关注度从而获得高的点击率,更可以提升网站页面审美价值,也只有理清的这样的思路才能更好的制订设计规范,保证页面广告投放质量的一致性。

下面根据我的理解大概的罗列了几种平时最常见banner字体设计表现形式(视觉大牛们请轻拍):

根据文字本身的具体内容及其含义,使得文字的笔画结构与文字内容含义一致,符合用户的心理预期,下图中“断”字就故意在最后一笔切断。

思考banner的观众是谁或者说这个产品是谁用的,针对儿童类产品,在字体的表现上可以幼稚活泼一些,在设计上增加一些童趣的意味,假如是针对机械类产品,可以在字体笔画结构上做的硬一些,棱角分明,假如是针对女性的,文字的构建上可以纤细柔美、也可以时尚秀丽,假如… …

根据不同的主题氛围进行设计,如端午节,中秋节等传统节日进行的推广设计,可以增加人文的设计元素,如使用书法字体,用字体去烘托这个氛围,同样比较常见的还有一些使用礼品带、花枝藤蔓等装饰性元素结合文字出现以增加设计的美感,

用辅助图形与字体结合,这样的组合方式非常常见,设计原理就是根据字意词意,使用与之相关的图形元素与字体笔画形体相结合,图形元素的使用可以是具象的也可以抽象的,但对于这个的形式也很容易陷入设计泥潭,过分的强化图形或者说图形过于复杂,反而对字体有效传达造成影响,在设计时尽可能避免过度设计。

作为五笔画的最后一笔,除以上讲述的内容外,对于banner中的字体设计还是应该追本溯源,形式上的美感自然是设计表现的一方面,但再好看的商业设计也不能脱离一个设计关键要素:易识性,怎样才可以让字体既美观又具有良好传达力的呢?

1.咱们在做字体设计的时候,笔画粗细及风格要做到统一,这里说的统一并不是让你将文字的所有笔画粗细都调整的一摸一样,而是对于在一个词语内,同样的点与点或者横与横等需要尽量保持一种大小粗细,这样的好处是不会出现同样的笔画却大小不一,视觉上很凌乱的感觉。在完成了这样的粗细调整以后,为了使文字更富有变化,对于常见的勾、折等也应该进行风格上的统一,尽可能让文字结合起来看的时候拥有相对一致的视觉感受。

2.空间上的平衡,简单的说就是在进行字体设计时需调整空间留白,汉字的字型有繁有简,合理的分配笔画内的留白空间,才可以使文字看上去更为协调,不会因为有些汉字过于繁琐,空间留白不够导致很挤很压抑的极端情况。

3.为了解决可能出现的某几个字的笔画相差太大,在视觉上容易出现轻重不一的情况,对于设计完成的字体组合还有一次针对整体的微调过程,尽可能达到视觉的平衡感与一致性。

写在最后,这篇文章仅作为自己一段时间的设计知识积累,用于展示的案例图片都是取自平时的网络收集,之所以用点横竖撇捺作为标题是因为这是汉字书写最为基础的笔画,同样文字也作为视觉设计的最为基础的元素存在,两者之间存在一定的相通性,大师说设计不是一种技能,而是捕捉事物本质的感觉能力与洞察能力,很赞同。希望这篇呓语之文能多多少少给大家带来启发,也希望能抛砖引玉获得更多的相关分享,不胜感激。

篇3:Windows 8键盘设计的背后交互设计

开发一个全新的主要针对触屏的操作系统,可能并不需要重新摸着石头过河,但可能得重新设计键盘,

这便是微软在开发Windows 8后总结出来的道理。这次,主要针对触屏的Windows 8操作系统迫使这家公司重新考虑这件看似微不足道的事情:人到底是怎样输入和编辑文本的。

在Building Windows 8的博客中,微软负责用户体验的开发人员Kip Knox发表了这个细致考虑的更多细节,其中包括了一些有关人们使用平板电脑的最基本事实。他们希望他们的平板键盘可以做到:

快速地输入文本,尽可能的接近人们使用物理键盘的速度。

避免错误,也可以更容易地改正错误

在不同手势、外部环境以及设备互动的条件中舒适地输入文本

正因为此,微软曾痴迷于每一个键盘的小组件:我们都用这组数字键做什么?空格键应该要多大?要Tab和Shift键吗?我们真的还需要一个键盘吗?

为了找到这些问题的答案,微软在细节上进行研究。有些细节甚至包括用户会持续看屏幕中的物件多久时间,他们最常打的字词有哪些,以及他们怎样手持他们的平板。

微软得出了一些结论,比如,使用过触屏键盘的用户会有明显的输入习惯。而平板因为缺少物理按键或者触觉上的反馈,会让用户的输入变得困难。为了改善这个问题,微软增加了像颜色变化和声音这样的反馈,这些都会让一个屏幕中的虚拟键盘变得尽可能地像物理键盘。

除了这些,在设计键盘上,还需要考虑哪些键应该出现,

这是一个非常重要的考虑。毕竟一个平板的屏幕并没有多少空间,这中间的每一厘米都占据了相当的分量,不能浪费。而在智能手机上也一样,而且可能要比平板考虑得更多,因为用户会在手机上花更多的时间。

比如在数字键上,微软的开发团队曾经就是否应该讲数字成排地放在顶端的问题有过争论。最后他们在键盘中数字的区域以井字型的方式给出。这源于他们针对数字键的发现:

人们一般会一次性地输入多个数字。

一个组织好的集合会比一条长条型的排列更容易被扫视到。

人们用这种数字排列进行输入会比成串的排列的输入要快。

除此之外,微软还砍掉了一些人们不用的键盘。这和设计者砍掉“开始”按钮和桌面小工具的道理是一样的。既然有重新开始的能力,为什么还要坚持那些没有用的功能呢?

这些研究最后出现的外观,可能让人有少许失望。因为这个键盘最后看起来,感觉和苹果装在iPad上的键盘太像了。这就好像微软认为自己是第一位登上珠穆朗玛峰的人,结果却发现带有苹果商标的旗子早已在峰顶飘扬。

不过相比起它长什么样,它具备的功能似乎和Windows 8键盘的成功有更直接的关系。当你在使用这个键盘的时候,你可能会发现一些让输入更简单的额外功能。比如说,如果你长按“&123”这个键,你就可以用另一只手选择符号或者数字,而只要你长按“&123”的手一松开,键盘又会回复到之前的样子。

尽管微软并不是第一个考虑这些东西的公司,但这对Windows 8的用户来说,是个不错的讯息。如果用户是用Surface的话,不满意还可以去买个具有触控键盘的TouchCover。但即使是这样,微软的开发人员还是为Windows 8键盘这件小事花了不少精力。

篇4:一个小的设计技巧,可以改变的事情交互设计

第一个故事:

背景:《经济学家》的一篇报道说,Google的零售行业总监JohnMcAteer表示,评论的数量对于提高销售量至关重要,“20”是一个充满魔力的数字,20条评论能让产品更具吸引力,而且还能激发更多人发表评论。

实施案例:亚马逊在每条评论的下面加了一个问题:“这条评论对你有用吗?”就是这样简单的一个问题,帮亚马逊将与产品最相关、同时也是对销售最有帮助的评论提到最前面。对用户而言评论就是有价值的,而且帮助卖家提高销售率,

结果:增加了27亿美元收入。

第二个故事:

实施案例:一公司通过取消付款前需注册这一规定,增加了3亿销售。

总结:一个小的设计体验,完全可以改变收入。重视细节,设计第一步!

文中数据来源:艾瑞网 网易新闻

本文来自:www.xibeidesign.cn/?p=417

篇5:产品开发中伺候老板要讲究技巧交互设计

之前写过如何处理“老板说”,但是大家在实际突发事件中,对于老板的封口气势仍然难以招架,如果真以走流程之类的言语挡回去,自己都替老板火冒三丈,特举出下面这种情况,跟大家说说应对上的一些策略。

场景:周末 你正在家裸奔

事件:老板电话 告知他的一个idea,需要你处理

通常同事们的应对方式:

回答一: 您这需求还有好多地方没细化,数据没验证,做不了。。。。

(老板后遗症:唉!我的人效率真低,水平太差。。)

回答二:%……&¥@#, 哦,啊。。嗯,咳!。。 *&¥&………R%。 (脑子里一锅浆糊,老板的事必须做,老板没让我跟别人说,先做了看吧)

(老板后遗症:马上就能做,看来我的人平时太闲了。做出来乱七八糟,跟我讲给他的完全不靠谱)

应对方法:

电话中:

1. 听明白老板要做啥,问清楚做的原因

2. 围绕老板的目的,丰富讨论。婉转地补充和归纳实现中老板没想到的、想错的地方。另外,建立老板对你承担任务能力的信任 :)

3. 电话中不要轻易决定动手。越有价值的feature,实现绝不是很简单的事。所以你们的讨论,也只是刺激思路、发现问题的充分拓展。实现的时候没有备忘录,是不可能没有遗漏的。

4. 讨价还价。 如果你不敢拒绝老板什么都答应的很顺利,那么换个角度,你是老板的话,会有个什么印象。这个人现在有时间。。。 这个人现在是闲着的。。。 这个任务很简单(也就是不费功夫)。。。进而。。。 ,进而就是,你在实现中没有退路!即使你很忙,也许让老板觉得你能接临时任务,又不影响其他工作,那肯定是工作量不饱和!

电话后:

这里是不能偷懒的,

表现你重视老板的需求,就要仔细想想老板交待的事,在纸上、白板上、文本工具中整理下,

你设计的实现方案和过程,与老板需要的对比

看看疏漏和必须细化的地方,坑有哪些

能实现的程度和质量,需要花多少工夫,影响到手头上的哪些工作

需要通知到谁,或者需要谁协助你给你些输入,帮你分担些啥,哪些是哪些协作角色该做的。

整理好以后,写成邮件发给老板,抄送给你想到的那些同事。

想想这样做会获得什么?

最重要的:为自己争取到了执行缓冲时间

从老板那里:获取确认和肯定。老板大都是具备煽动演说能力的人,也许是他情绪膨胀,文字能让人冷静。也让他看到你是认真的,还能帮他组织实施。记住,老板只给idea是很正常的,要不花钱雇我们干啥。实施能力的强与不强,就在于你是能组织运作整个事,还是只是貌似很reasonable地做驴。

从相关同事那里:稍微大点儿的公司,产品实现可能就分成产品角色、开发角色和维护角色。很明显,完成这件事,不全是你的职责。但是老板只讲给了你怎么办?

如果你能完整并周全地传递给协作同事,他们也会承担份内之事,他们会增进对你的信任,喜欢与你的沟通;

不如其他同事专业的地方,同事也会给你反馈,帮你确认方案;

还有些事,可能根本是老板的头脑发热,与你的同事讨论过与现有计划有冲突和弊端,没准你的同事就帮你把这事挡了。。。。

坚持对每一次这样的突发事件使用相同的方法,如果你的老板让你做特紧急或者特秘密的行动,他会习惯地嘱咐:这件事一定要马上做。。。其他事你先放放。。。 不要告诉别人。。。。!@

照顾好自己,理解老板、理解同事,协调,协调!

来自:www.laobingqun.com/space.php?uid=325&do=blog&id=1242

篇6:诱惑消费者买下新商品的3小技巧:提到钱、加框框、记得布置一下交互设计

最近收集了三篇和消费者相关的研究,我对这种研究充满兴趣,人的思考是最难以去改变的,尤其是要这个人拿钱出来!俗话说,世界上最远的距离就是脑袋和钱包之间的距离,而科学家居然能找到几种方法,让人容易心甘情愿的掏钱出来?

让我来说明一下:

第一个小技巧、刻意的提到「钱」,消费者会给新商品机会:这是一个奇怪的小技巧,大部份的人所做的决定,多多少少都会被周边的朋友或社会的主流观感所影响,比方说,最近电视上在说「某某某不能吃,可能致癌」,或是「某某某品牌根本没听过,排在前三名品牌后面」,因此,大部份的新商品,一开始就是被不公平对待的!但,如果这时候,这个人被巧妙的提醒到「钱」?一切就改变了,他会突然变得非常「自主」,突然忘记什么是知名品牌,也不再被任何朋友或任何社会主流意见所主导,他会自己的去思考他到底想要什么,如果新的商品其实不错,就算没听过,他也会买下!

想做出这个效果其实不难,科学家做了实验,他们只是给实验者看一台上面写着「今日汇率」的计算机屏幕,或请他造一个「和钱有关」的句子,结果就造成了这奇妙的效果。所以,许多广告会推出「coupon券」或是「抽奖送现金」,大家以为消费者真的非常在意钱钱,但其实只是消费者被「去影响化」了。

第二个小技巧、加一些「框框」,就让消费者较安心买下新商品:消费者在买东西的时候,有时会因为「缺乏安全感」而影响他买东西的意愿,比方说,她差一点想买这台轻巧又可爱的小笔记计算机,但又「怕」花这么多钱买了之后她不会使用,所以就打消了念头。或是他其实很想去这个地方玩个几天几夜,但因为当地的治安最近不是很好,虽然机票在打折,但他还是不太敢就这样贸然买下!尤其是新的商品,更让消费者没有安全感,而在此时,大部份的卖家都是靠一些实证、文字,来让消费者产生安全感。

科学家研究其实可以不必这么麻烦,让人类最有安全感的方法,就是让他看到一个「框框」,这个框框可以唤起人们的安全感,而且此框框不必框在你商店的四周,它可能只是在一幅画,以一个粗粗的「画框」框起来!或是在你的公司的logo周围,有一个粗粗的框框将LOGO给框起来!我突然想到,之前写过一个网站ProFlowers,它就是以非常厚的框框将整个购物网站框住,当时该网站的促购表现远超过其他的购物网站,现在我想,那些框框应该是有助于消费者做出决定的,

第三个小技巧、巧妙布置成它应该在的地方,能大幅提升购买欲:杜克大学一位女性心理学者就深入到装潢的世界,她发现了装潢的领域中的「staging」的重要。所谓「staging」就是当一间房子准备要卖出,会请来装潢设计师来「整理」一下,这时候这位设计师的重点首先会是将这间屋子的客厅归还像是客厅的样子,厕所归还像是厕所的样子,房间也归还像是房间的样子。他们发现,这样来卖房子,会比直接拿着现有的屋子来卖,还要更容易成交!

心理学家更进一步的研究发现,如果将房子看作是一个商品,原来,每个人在欣赏商品的时候,虽然会被商品的展示者所引导,但是他自己心中已经有一把尺,认定每一个商品的定位,有一个「画面」出来了,这时候,如果这些商品真的和它被认定的定位连结在一起,那么这个人买下商品的机会就「大很多」!所以心理学家建议,明明这个房间长得就像一间主卧房,就要故意以「staging」弄成主卧房的样子,不要因为原房间拿来当小孩房就继续以小孩房的样子示人;同样的道理,如果你有一个商品想卖得更好,那建议你可以将此商品刻意的放在一个小小的展示间,而这个展示的方式是「符合绝大多数大众对此商品的期待」,那么它可以卖出去的机会就「大很多」。

这几种方法真的很简单,有机会左右消费者的意志。我们常说,无论在网络的世界,还是在实体的世界,所谓「转换率」通常是在10%以下,也就是说,十个人有九个人是不会买东西的,或许他们留到下一次买,或许他们永远不买、来一次就再也不来,这就是为什么这些研究非常重要。你想要让你的业绩翻一倍?只要这九个人之中,有一个人买下,那你的业绩就从一个人变成二个人,增加一倍了!如果九个人之中有两个人买下?那你的业绩就增加二倍了!因此,许多商店的重点都是让那些已购买的VIP着手,希望他们以后再多买一点,但我认为,反而应该从这些「来了,却没买」的人着手;而你不是从过去的数据库着手,而是放眼明天、后天、大后天……每天都继续会有那个关键的「九个人」不买东西,让他们开始想买?

当然,自己身为消费者,则要小心商店是否有时候刻意营造一些方法,让自己原本购买的意志产生影响。研究愈久,愈觉得买卖东西简直就是一场尔虞我诈的拉锯战,消费者和自己心里在拔河,厂商在里面默默参与、影响着,还有好多好多我们还不知道的心理小技巧在里面。

平面广告设计技巧

交互设计面试自我介绍

人机界面设计初探交互设计

情感化设计氛围交互设计

Android应用界面设计交互设计

关注问题,而不是解决方案交互设计

广告设计 求职信

公益广告设计

广告设计论文

广告设计及教案

banner广告设计8技巧交互设计(通用6篇)

欢迎下载DOC格式的banner广告设计8技巧交互设计,但愿能给您带来参考作用!
推荐度: 推荐 推荐 推荐 推荐 推荐
点击下载文档 文档为doc格式
点击下载本文文档