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

网易UED,连个Banner都做的这么专业

3月7日 醉殇别投稿
  
  有人觉得做个banner放2张图,排几个字的事,一点技术含量都没有?像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的,其实一个banner可以研究的东西还是很多的,而且做一个banner是不难,难得是在短时间内做一个出彩的banner。
  门户的专题一般是编辑套模板拼成的,比较重要的专题,banner部分是由设计师来完成,一个banner的品质上去了,整个专题的质量感就上来了,所以这部分交给设计师来做也是重视品质的表现,这个毋庸置疑。
  但banner毕竟不比大型项目,从设计成本上说不可能给太多的时间给设计师,于是乎,设计师有时候是靠经验积累,有时候妙手偶得,质量也是时好时坏,更害怕的是当没有经验没头绪没有心情时,胸中无物,不知道如何下手,于是越急越乱,越乱越急,最后匆匆了事,这种状态下估计也出不了好的东西。在排除技术手段的前提下,如何通过一些经验的思考,让banner达到通情达意效果,也是我下面要说的,个人经验之谈,供大家参考。
  一思考专题定位
  顾及需求方的频道定位
  因为包含内容不同,门户网站各个频道有着不同的风格,所以设计师们做设计的时候也要考虑到如体育频道的运动感,财经频道的国际和高端等。
  顾及此专题的定位
  专题的定位有时候和频道的定位偶尔是有冲突的,如女人频道一贯的知性理性的大风格下,有时候会来一些可爱小女人,有时候有做温馨浪漫,在这种有风格冲突的情况下,我们还是以贴合专题的定位为主,当然也尽量做到不能背离频道风格太远。
  二明白文字在Banner中占主导地位
  从构成上讲,一个banner分为2个部分,一为文字,二为辅助图。辅助图虽然占据大多数的面积,但是不加以文字的说明,很难让用户知道这个banner要说明什么。要读一个人的喜怒哀乐,只要读其五官即可。在一个banner里面,标题文字起着五官一样的作用,所以个人觉得文字才是整个banner的主角。所以对于文字的处理,显得尤为重要,在文字处理时有几个小技巧,与大家分享。
  分清主标和副标,从主次上来说,主标为主,字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比较饱满,比较集中。
  如果主标太长,需求方不舍得删文字的情况下,对主标中重要关键字进行权重,突出主要的信息化‘的’、‘之’、‘和’‘年’‘第X届’这种信息量不大的词。
  长标题的时候,如果把‘征集各种端午风俗’排成一行,就会显得没有主次,也很有吸引力。我这里把‘端午’这个最重要的信息提出来,让用户很容易进入环境,然后让他们继续了解更多的信息。这里还要说一个小技巧,我这里‘征集各种’、‘端午’、‘风俗’这三个词虽然分别用了3种字体,但还是能读出‘征集各种端午风俗’这是一断话,因为同一个红色起到了很大的作用。
  如果需求方整体文字太短,画面太空,可以用一些加入一些辅助信息丰富画面。如加点英文、域名、频道名等。
  三构建辅助视觉
  一个banner最主要的是标题,但辅助视觉起着烘托标题文字的作用,然而这也是最有难度的一个活,设计师的个人风格和变现力在这里能够淋漓表现。文字和辅助视觉的关系,我这里列举了3个常见搭配方式,这几种方式搭配分别有不同的效果,从而产生不同感觉。
  3种文字和辅助视觉常见的搭配方式:
  1。文字背景陪衬两段式。特点突出文字,视觉集中文字,报道感强。
  
  图9
  banner赞助胡子
  图10
  2。文字主体物的两段式,文字图案相辅相成,起到文字言事图案帮助理解的效果。这样的banner适合做介绍类或者产品类。
  图11
  banner赞助淑华
  图12
  3。主体物背景文字的三段式,特点虚实结合,主次关系明显,也是效果最好,用的最广泛的一种形式。
  四、创造力对主题的艺术化表现
  1。严肃话题也能做出新感觉
  做新闻报道的时候,遇到严肃话题,一般的设师,都会比较拘谨,不敢也不愿去做视觉上的创新。所以配到这种话题,画面效果一般都会比较模式化,信息量弱,感染力不足。这时候,设计师如果敢解放思想,去动脑子做一些创新,其实严肃话题做上新感觉,能够达到意想不到的效果。
  主题文字埋没在洪流之中,让其有一种融入感。洪流、闪电、阴暗的天空、淹没的城市,画面灾难感很强,角落处的武警官兵抗洪,让整体灾难中透出希望,哀而不伤。设计师有时候不仅仅应拥有对画面掌控力,对专题主题的把握,也是作为一个设计师应该具备的素质。
  因为是做夏季高温的专题,所以在处理画面的色彩时候我对比度做的比较弱,就如同烈日下看东西的感觉。
  这是春运的专题,我在处理画面用了很多斜的构成,因为斜的东西学构成的时候表达那种不安感是比较贴切的。拥挤的人群、阴霾的天空,不安中带着希望,当一张小小的火车票就能映出当回家的曙光时候,我想,或许这就是很多人对于春运的感觉吧。回头看看其他门户的专题,光艳无比,一股社会主义的优越感油然而生的感觉,不知孰对孰错,再想时,我已迷失。
  2。轻松话题可以做出幽默感
  有时候也会做到一些轻松感娱乐感的专题,在做这些专题的时候,设计师们就能更加放开了。
  这个专题banner,做的很轻松很幽默。编辑说他的频道群里发,整个频道的人都笑翻了。
  3。作品也能带点小情调
  有时候来一些小的创意也会让banner增色不少。
  摇滚的不是乐器,还是文字
  banner赞助竆
  图22
  冰雪也的不仅仅是车,还是文字
  后面的话
  有时候我觉得做一个banner,如做一篇文字,文字可以是小说,可以是诗歌,也可以是散文,形式多样;可以用比喻、也可以拟人,也可以排比,手法也是多样。做一个banner,有时候需要字斟句酌,有时候则要点到即止;有时候该放,有时候该收;有时候可以如苏东坡般登高望远、举首长歌,有时候又可如柳永般娓娓道来、触动心灵。
  你可以用不同形式和手法来表现,但相同处,通情达意,揭露主旨。本文主要从定位、文字、辅助图和艺术性上表达了我对于做一个通情达意banner的一些见解,让大家能从我的理解中对做banner有新的看法,当然,水平有限,不足处,欢迎指正。
投诉 评论 转载

浅谈UGC的信息组织方式醒目!本文颇枯燥,很难耐心看完,提前预警一下。1、关于信息的组织方式,在1。0时代无非是人工分类,网站下面设频道,频道下面设栏目,栏目下面再设内容列表页。到了2。0……管理中心左侧栏的“黄金分割”宽度浅谈关于“管理中心”的界面设计框架,一般我们都会选择传统的“工”字结构,顶部是形象区,左侧是功能列表区,右侧是操作区,这种结构的功能扩展性和易用性都是非常好的,几乎90以上的软件系……产品线定位不断的接触到公司的新产品,同时也给公司新的产品制定规划线路。对新产品线的定位,已经涉及到公司的整体发展、公司效益、目标群体定位等多方面。产品经理在给产品线定位时考虑的是全方面位……改善用户体验的有力手段:即时反馈为什么鸟儿会飞?为什么船能浮起来?为什么打别人自己的拳头也会痛?这么高深的问题,几百年前就被一个叫牛顿的同学解决了。牛顿第三定律:对于每一个作用力,必然同时产生一个方向相……视觉大同Visualsimilarity视觉,一个设计师耳熟能详的词,每个人都会有一套自己的理论,可能任何一个非设计出身的都会说,视觉就是能看得见的呗。确实是这样,视觉广义上讲,是可以包罗所有可见事物,一种与人……商业视觉设计实战首部曲标题文字篇之前我把平面设计的视觉呈现分为:构图,调子,元素和内容四大部分组成,所以我分四部曲来讲,其中元素部分又分为标题,主体和大场景三部分,今天讲的就是标题部分。在讲标题设计之前,先说……Web设计精确点滴这篇文章说实际问题的,所以不多强调,下面是我总结的一些比较突出的细节问题,而且我一直认为这些问题比较严重,正因为这些都是基本问题,很容易解决的,但把这种忽略养成一种习惯性的“经……互联网界面设计模式We封皮上是这样描述本书的:想知道怎样在今天的Web上创造伟大的用户体验吗?本书以当前最流行的Web站点为例,介绍了两大良行之有效的Web界面设计模式。如果你想构建或重构……微博feed系统的push和pull模式和时间分区拉模式架构sns系统,微博系统都应用到了feed(每条微博或者sns里的新鲜事等我们称作feed)系统,不管是twitter。com或者国内的新浪微博,人人网等,在各种技术社区,技术大会……周鸿祎:为什么是微创新?时代在变化,认识不到这一点,做什么事儿都做不成。就互联网来说,有两个方面发生了显著变化:第一,互联网的用户群变化了,如果你还按照十年前对用户的理解去做市场、做产品,肯定是……网易UED,连个Banner都做的这么专业有人觉得做个banner放2张图,排几个字的事,一点技术含量都没有?像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的,其实一个banner可……往前迈一步,往后撤一步在很多场合,都有人问我,怎么从一个做平面设计,最后做到产品设计。翻译过来就是:视觉交互产品。其实很遗憾,这三个领域,我都是半调子。但问得多了,还是写篇博……
运营策略分析:知乎,内容社区的变现之路天巡旅行(Skyscanner)机票模块分析报告:墙外开花墙VUEVlog产品分析:能否能留住用户的心?向破产三女神低头:小众文化的鄙视链生态闲鱼产品分析报告:不止卖二手(三)产品体验报告:豆瓣FM6。0与喜欢的音乐不期而遇知乎:对标Quora,超越Quora路口app产品分析:下一个路口往哪走产品分析:前有埋伏后有追兵,荔枝如何守住赛道优势百度app产品分析:如何在移动端继续保持流量优势?PRD:倒推“映客APP”产品需求文档网易有道词典产品分析报告:让学习更“有道”女篮获重奖7000万!平均每人200万左右!隋菲菲喊话姚明有些女孩子失恋了,我觉得没必要安慰教师教学工作反思别急着把水果皮丢进垃圾桶妙用水果皮省钱又环保我心中的春高中作文被猫咬过的肉还能吃吗被猫咬过的肉还可以吃吗华为第二!2020年二季度全球智能手机销量排行公布古代没有空调皇帝和宫女是如何过冬的哺乳期四个月没来月经正常吗年休假通知男士牛仔外套怎么搭配好看男生牛仔外套春季搭配图片天猫小店加盟条件费用以及天猫小店与京东便

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