正文描述:《地方门户网站东莞阳光网页设计成功要素》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、地方门户网站东莞阳光网页设计成功要素 所谓地方门户X站,是指某一地区综合性互联X信息的大杂烩。其应用系统包罗万有,包括新闻、娱乐、体育、社交平台,甚至还有邮箱、电子商务等多种功能。以东莞阳光X为例,该X汇集了东莞最权威的新闻动态和最全面的生活资讯,设有新闻、社区、房产、旅游、文化、体育、生活、交友、财经、视频、商城、供求等20多个专业频道。由于其资源丰富,且获取信息便利,东莞阳光X已然成为东莞第一地方门户X站,深受东莞X民的青睐,现日均点击率超过500万。 一直以来,门户X站走的都是高大全路线,以构造强大的资讯资源库,创造不同口味、满足不同需求的X民为
2、目标。但对于读图时代的X民而言,多元快速的信息传播早已造成一定的审美疲劳,由此养成了一目十行的X页浏览习惯。一个高大全的门户X站,如何让X民抓住重点,取其所需、博其所好,X站的设计及版式编排至关重要。基于此,以东莞阳光X为例,重点探究地方门户X站X页设计的几大成功之处: 1虚实相生的视觉流程 X页的作用是通过视觉元素来引人注目而实现信息内容的传达,为了使X页获得最大的视觉传达功能,X页的设计必须适应人们视觉流向的生理和心理特点。[1]X民打开X页后,首先把着眼点放在哪里,其次放到哪里,再次放到哪里,最后把目光停留在哪里,停留多长的时间,对于X站来说
3、都非常重要。在很大程度上,这种第一视觉需要通过X页设计的视觉引导来实现。 以东莞阳光X为例,成功之处有以下几点: 1.1将视觉引导贯穿于整个X页设计 如X页第一行各栏目的链接,链接将日常点击率较高的内容有序排列,然后细分为新闻、社区、房产、旅游等版块。每一组链接的头一项加以黑体字标明,让X民一目了然。个别栏目为近期时尚热点,更新较快,则以红字标明,吸引X民目光。这种轻重有别的设计让X民能迅速寻找到最佳视域、捕捉兴趣焦点,从而起到视觉引导的作用。后面的X页则大体上跟随栏目,分块列出头条要点,从而构成合理的视觉空间定位,加深X民的第一印象. 1.2以合
4、理的方位编排来引导视觉流程 按照上方优先的规律,把要闻放在X页上方,从上到下依次是东莞新闻、镇街新闻和国际新闻,从而在要闻中突出地方特色,体现地方门户X站的资讯优势。 按照左方优先的原则,左方设置了莞视界栏目,以图片的形式报道近期发生在本地的新闻趣事。而右方则依次为焦点、旅游、生活、社会、娱乐等复合栏目,报道一些国内的趣闻轶事。X站设计牢牢抓住了视觉中心规律,大图类链接多放在X页中心位置,小型图链接则置于两旁互补,通过图片的大小、虚实、远近对比,成功突出中心主题。 2刚柔并济的色彩联想 《易系辞下》云:刚柔相推,变在其中矣。从美学的观念出发,美大概
5、可以分为壮美和柔美.作为一个包罗万有的门户X站,X页设计基于不同的内容,既要有壮美的一面,也要有柔美的一面,刚柔并济才能给X民带来更多元的视觉效果。 色彩本身具有象征作用,色彩和界面元素的巧妙结合会赋予元素更多的感情内涵。色彩是第一视觉的重要组成部分,X页色彩的合理灵活运用,不但能为栏目增色不少,更能充分吸引X民的眼球,达到一见钟情的效果。东莞阳光X沿用东莞广播电视台的台标作为X标,以黄色为主色调。黄色给人以光明、希望的色彩联想。 浏览X页可见,黄色贯穿了全X的所有栏目,台标均列于每个X页的左上方,台标右侧是搜索栏,X页右侧是阳光X公众号二维码和东莞阳
6、光台下载二维码等,凡带有阳光X字样的栏目,与东莞阳光X的主题理念配套一致。在主色调的基础上,X页设计者巧妙地根据各栏目的内容,设置了不同的颜色,冠以不同的色彩联想: 2.1通过明暗度来提高X民的注意力。 如优惠信息类、旅游类的X页以高亮度的色彩为主,给人生机勃勃的感觉;举报犯罪活动类、问政平台类则使用淡雅色调,给人庄严肃穆的感觉。 2.2通过互补色来调节页面 相邻的两个链接往往采用高反差色调作为调和,有效地增加了链接的区分度。在复合栏目的幻灯片或动画播放时,注重色调的变化,往往一方加强,一方减弱,泾渭分明。部分新闻标题做了特殊色彩、动画或艺术字处理
7、,形成千帆竞渡,独树一帜的效果。 2.3通过冷暖色调来调节视觉 如娱乐类、消费类、动漫类的X页,一般采用暖色调,凸显活泼、温馨的效果;而文化、财经、法律、科技等X页则广泛采用冷色调,给人以厚重、理性的联想。 2.4通过均衡色彩来避免视觉疲劳 东莞阳光X总体的色调设计采用的是简约风格,整个X站没有太多千奇百怪的非主流颜色,不同颜色所占的比例、面积和位置都经过合理搭配,色彩间均有适当的留白或点缀一些过渡颜色,使整个X站看上去简约而不简单养眼而不刺眼,色彩搭配的和谐有效地避免了长时间观看X页带来的视觉疲劳。 3主次分明的布局结构 用户界面是当最终用户
8、使用系统时所接触到的全部内容,无论从物理意义、感知意义,还是从概念
显示全部收起
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。