童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

浅析Banner设计

6月2日 逆落雪投稿
  当今,无论任何一款互联网产品,都需要搭载PC平台进行推广,Banner更是推广的一大利器,怎么将Banner设计好就成为一个需要探讨研究的课题。
  
  Banner规格尺寸大小不一,文件大小也有一定的限制,这就使得在设计上增加了许多障碍,颜色不能太丰富,否则会在文件大小的限制下失真,软文不能太多,否则会没有重点,得不偿失,怎么在方寸间把握平衡,变得十分重要。接下来,我为大家总结累一些,如有鄙陋,请指正,万分感谢。
  第一部分:颜色
  1Banner与环境对比
  试想如果在一个以浅色调为基准的网站上投放Banner,是不是从明度上拉开对比会很好的提高用户的注意力呢(相反亦然)。
  以此也可推想出,如果在一个有颜色基调的网站上投放补色或者对比色的Banner,效果就会变得更瞩目(补色和对比色案例)。
  2Banner颜色简单至上
  (1)试想一个Banner五颜六色,是不是就能够吸引眼球了呢?首先,先对比一下
  哪个更吸引你的注意力呢?大多数人肯定会觉得后者给用户带来的视觉传达力更强,简洁明确、朴素有力的效果,给人一种重量感和力量感。前者颜色虽多,却没有带来更好的视觉传达效果,为什么呢?颜色过度使用会打乱色彩节奏,并且,减弱了颜色间的对比,使整体效果变弱。
  (2)其次,使用颜色越多,最后保存时文件体积越大,加载起来越慢,让用户等待就意味着和用户说再见了,如果靠降低品质来达到Banner的上传要求,那展现给用户的是低质量的banner,也一样会丢失一些用户。
  所以,颜色简单有力,加载清晰快速,对于banner的视觉传达很重要,只要让用户产生点击欲望,我们推广的目的就达到了。
  第二部分:构图
  1构图的定义及规则
  构图其实说白了就是经营画面,进行布局,如何在你构图的引导下吸引用户点击,产生欲望,了解内容,如果都能达到,那说明你的构图成功了。构图的基本规则是:均衡、对比和视点。
  均衡:均衡不是对称,是一种力量上的平衡感,使画面具有稳定性。
  均衡不是对称
  对比:在构图上来说就是大小对比,粗细对比,方圆对比,曲线与直线对比等等。
  白色线条的对比产生了空间感
  视点:就是如何将用户的目光集中在画面的中心点上,我们可以用构图去引导用户的视点
  将视点集中引导到slogan上
  介绍完构图的基本规则,举例子检视下:一张XMEN的宣传banner,这张banner人物排布既平衡又不对称,人物大小不一,产生出对比,突出了部分剧中人物。Banner正中一个大大的X,把视点集中到了画面的最中心,很好的利用基本构图规则进行banner设计。
  
  2构图的样式
  构图大概分以下几种:(1)。垂直水平式构图(2)。三角形构图(正三角和倒三角)(3)渐次式构图(4)。辐射式构图(5)。框架式构图(6)对角线构图
  (1)垂直水平式构图:
  平行排列每一个产品,每个产品展示效果都很好,各个产品所占比重相同,秩序感强,此类构图给用户心情:产品规矩正式、高大、安全感强。
  (2)正三角形和倒三角构图:
  多个产品进行正三角构图,产品立体感强,各个产品所占比重有轻有重,构图稳定自然,空间感强。此类构图给用户心情:安全感极强、稳定可靠。
  多个产品进行倒三角构图,产品立体感极强,各个产品所占比重有轻有重,构图动感活泼失衡,运动感空间感强。此类构图给用户心情:不稳定感激发用户心情,给用户运动的感觉。
  (3)对角线构图:一个产品或两个产品进行组合对角线构图,产品的空间感强,各个产品所占比重相对平衡,构图动感活泼稳定,运动感空间感强。此类构图给用户心情:动感十足且稳定。
  (4)渐次式构图:多个产品进行渐次式排列,产品展示空间感强,各个产品所占比重不同,由大及小,构图稳定,次序感强,利用透视引导指向slogan。此类构图给用户心情:稳定自然,产品丰富可靠。
  (5)辐射式构图:多个产品进行辐射式构图,产品空间感强,各个产品所占比重不同,由大及小。构图动感活泼,次序感强,利用透视指向slogan,此类构图给用户心情:活泼动感,产品丰富可靠。
  (6)框架式构图:单个或多个产品框架式构图,产品展示效果好,有画中画的感觉。构图规整平衡,稳定坚固。此类构图给用户心情:稳定可信赖,产品可靠。
  
  3软文(Slogan)
  (1)俗话说得好“话不在多,精辟就行”当今炙手火热的微博就是一个例子“140字概括你要说的”,Slogan也是一样。
  (2)要言之有物,第一要抓住用户的心里,了解用户的想法很重要。第二我们要推给用户什么,用户对什么感兴趣。下面举个例子:
  Slogan只有四个字,终于来了,白色iphone4吊足了apple迷门近两年的胃口,这四个字恐怕是他们最想听到的。用户从不会质疑apple的性能,科技领先性及用户体验性,他们最想的恐怕就是拥有自己梦寐以求的白色iphone4。所以,apple的slogan简约而不简单。
  来源:百度MUX
投诉 评论 转载

网站用户体验要点(一)关于体验约瑟夫。派恩和詹姆士。吉尔摩在《体验经济》一书中提出其观点:所谓“体验”就是企业以商品为道具,以服务为舞台,以顾客为中心,创造出可以使消费者全面参与、让消费……浅析Banner设计当今,无论任何一款互联网产品,都需要搭载PC平台进行推广,Banner更是推广的一大利器,怎么将Banner设计好就成为一个需要探讨研究的课题。Banne……追寻点击愉悦感提升网站平板体验的6个技巧在这篇文章发布时,仅在美国就有近70万的平板电脑用户,这比前一年的数据增加了一倍。这意味着,美国近30的互联网用户使用平板设备上网浏览。2011年到2012年间,电子……论一个好的交互设计师如何养成成长可以是一种好玩又有意义的体验设计,身为交互设计师,你正好能可以利用你的专长,给自己设计一个合适的学习体验。了解自己的学习特性一个好的交互设计师往往了解自己学东西……瀑布流布局的开发实践瀑布流的布局方式展现的内容通常是扁平化、琐碎的东西。首先吸引人的应该是图片,并且图片是那种参差不齐的,如果瀑布流中文字过多,会给人很杂乱的感觉,所以瀑布流更适合单纯的图片浏览。……浅谈交互式UI设计指南Web开发社区有着大量的交互式设计轻松解决方案。虽然现在大多数网站都能够做到交互性了,但是我们需要不断向前、创新。我们很容易将注意力集中到编码方……手Q微信:内部竞争与手足相残的微妙边界手机QQ已开启腾讯经典模式如同虎嗅之前预测,腾讯正在用生命山寨腾讯。用腾讯内网推荐的一篇生活电商团队成员写的文章说法,手Q是走上了“正确和光明的道路”。可以直言不讳地说,……聊聊那些有趣的交互设计〔核心提示〕那些“酷”的创造,并不一定就“好”,但值得书写。又有什么,能比创造更激动人心的呢?前言:这篇文章是关于那些让足以让我们热泪盈眶的、富于想象的发明和激……交互设计师,你要懂视觉推荐理由:作者Danis2010。交互设计师之所以要懂得视觉语言,主要体现在原型制作的工作部分,因为输出的虽然是低保真原型,但低保真原型的设计过程其实也是一个视觉化过程。……滚动视差设计指南作为未来网页设计的热点趋势之一的“滚动视差”在近年来被越来越多网站所采用,特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一般出现了很多像《30个让人兴奋的视差滚动网……设计有效的“用户行为与反馈效应”循环本文作者LorenBaxter,一名交互设计师,译者C7210。无论你在设计怎样的产品,总会涉及到“用户行为与反馈效应”这样的循环。很多时候,良好而有效的“反馈……让视觉营销,传达品牌的力量(Lite)这个一个Lite版本的PPT,今天我把它转成日志和大家一起交流,我也正着手书写完整版本的PPT,也期望能尽快和大家分享我更多的idea。今天和大家分享的是视觉营销和品牌传……
Axure教程手把手教你用Axure制作贪吃蛇小游戏Axure教程:让中继器像数据库一样,实现数据查询、修改、判Axure教程:用另一种方式实现轮播图交互Axure教程如何实现石头剪刀布的小游戏Axure高级教程:如何从外部获取Axure中继器里的数据Axure教程水滴式进度条详细操作及解释Axure教程移动端APP原型动效库【底部导航】Axure8。0快速入门新手教程:电子相册详解APP端哔哩哔哩所有的导航类型,及高保真原型实现Axure案例解析:蚂蚁庄园星星球自动陪练某社区APP完整原型案例(附源文件下载)Axure示例:移动端手机号注册与登录示例(附RP文件)
休谟《人类理解研究》读后感锦鲤怎么分公母,公母能混养吗家长会上大哭,人民日报1。2万热评击溃一个中年人有多容易?16岁中学生到美采访13天完成10万字著作结了造句用结了造句大全刘邦大将(刘邦手下的大将都有谁?)穷,更能看懂人性品味人真的有超常的能量吗姬小菊冬天要修剪吗,需要修剪可促进花芽分化食物中毒高发季必知三大纪律八项注意电动客车需要加机油吗

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界