本期内容

近年来,网络消费急剧上升,视频点播、视频直播更是火热。菏泽网通分公司面对网络消费群对网上视频消费服务要求的不断提高,决定引进先进的流媒体视频点播平台,满足消费者的需求,抓住商机,提高网站平台的运营价值。通过对社会公开招标...

全文
返回首页>>流媒体平台信息>>

运营网站的页面设计和整体形象

VIEWGOOD首席设计师——孟伟娜

如《VIEWGOOD快递》第一期中所说到的,网站页面是给用户的第一感觉,直接体现了整个网站的品味和形象。从目前电影网站的网站风格来看,沿袭韩国网站的较多。不可否认,现在韩国的音乐、电视剧、电影、游戏等在80年代后出生的新新人类中很流行,然而很多网站在模仿韩国网站的时候,往往会出现很多不伦不类的感觉。这对运营类网站来说,让人会觉得这个网站做的很粗糙,与互联网上许许多多个人做的网站没有什么区别。这样的话,对于运营网站来说,无异于一个晴天霹雳。如何才能从众多网站中跳出来,而不让用户觉得不伦不类呢?让我们来了解一下韩国网站在设计中的一些元素,这样更容易回答这个问题。
  韩国的商业站点在框架结构、内容排版、色彩搭配、图片运用上达到了非常和谐的统一,在这里我们将主要的从网站的上述几个方面具体的介绍如何才能设计一个拥有独特风格的电影网站。
    一、页面结构
  韩国网站的页面结构相对来说比较简单,可以说几乎是统一的风格,顶部的左边是网站的logo,右边就是它的导航栏,和国内网站不一样的地方它甚少采用下拉菜单的样式,而是把各级栏目的下级内容放在导航栏的下面。然后下面是个大大的flash条,再往下就是各个小栏目的主要内容,如图所示:

采用这种方式的的导航设计使得用户对于整个网站的栏目划分都十分的了解,一目了然。对于自己想寻找的内容也就一清二楚了。
  二、色彩运用
  色彩是一种非常神奇的东西,国人传统上觉得搭配起来非常难看的色彩,经过适当的调整在画面中的比例,反而会让人觉得有一种耳目一新的感觉。
  图1是圣诞主题的网站,颜色运用对比强烈,在我们看来红色和绿色搭配就是“红配绿,死牛肉”,然而在这个页面当中,红色和绿色搭配上,在存在的比例和存在的位置上都布置的十分恰当,且让人觉得有一种大气的感觉。其实相反色系两色相配,即所谓红 配绿、蓝配黄、橙配紫,这种搭配如果处理得好,出来的效果会很抢眼。如这个网站,看起来显得很生动活波,使得红显得更红,很符合网站的主题。 但是千万别忽略了与主体颜色搭配的一些辅助颜色,在这个页面中应该注意到的是白色和黄色的效果。
图1
  图2是个典型的有关旅游休闲韩国网站,该网站采用了灰色做为底色,然后用色彩明快的橙色、绿色、粉红色的色块来划分栏目,显得整洁清晰而不呆板。
图2

   下面这两个网站运用渐变色很出色,图3一看颜色就知道是个女性的时尚站点,它把几个栏目做成晶莹剔透的泡泡球放在顶部的大flash条里,非常醒目。整个站点显得异常优雅迷人。
图3
图4
  同时,在页面设计的过程中,还应该注意特殊效果和图案的合理运用。很多网站动不动就滥用仿苹果按钮,和整体风格不协调,看起来显得很突兀。韩国网站的各个栏目一般都比较喜欢采用不同的色调来表达不同栏目的主题,灰色是他们最爱用的颜色,因为灰色比较中庸,能和任何色彩搭配,大大的改变色彩的韵味,使对比更强烈,正文文字也大都采用灰色。而局部则喜欢用色彩绚丽的色条或色块来区分不同的栏目。
  三、Flash动画及图片的运用
  在提到FLASH动画以及图片的运用时,我们首先要提到的是,韩国的宽带普及率很高,所以设计师设计起页面来完全毫无顾忌,大量的图片、flash得到很好的运用,网站里的图片动不动就是40、50K的大图,网页图片多的页面大小通常都是几百K,我们国内带宽基本上都很有限,过分的运用FLASH对于打开网页的速度都是有很大的影响,因此在网站设计的时候应该注意FLASH的应用密度。不过对于图片来说,运营级的电影网站还是必不可少的。而且要做精。韩国的flash banner大都以横幅广告条出现在页面的导航栏下面,采用的都是精美的图片或者是手绘风格的矢量插图。国内很多网站也采用大幅的flash广告条,但是通常都是着眼于如何去表现flash动画的酷、炫的感觉,使得浏览者过于关注flash而忽视了页面的其他内容。而韩国的flash则更好的服务于网站的主题,和整个页面搭配起来看得很舒服而不抢眼,他们的关键就在于整个flash不是全部变化,而只是局部在动,以及文字和背景的巧妙配合。韩国网页设计师的手绘能力很强,页面中大量采用手绘的矢量图片,使得整个网站显得精致而与众不同。
  图5是个很养眼的网站,颜色采用类似色调搭配,看起来很舒服。最欣赏的就是flash的右边的树叶,有几片叶子在轻轻飘动,左边的图片淡淡地消失、出现,文字缓缓出现,真的是非常有意境,整个网站看起来生机盎然。
图5

  最近在杂志界开始吹起了复古风,六、七十年代的手绘插图又开始流行,杂志书籍中大量使用矢量时尚插图取代以前的照片,这股流行势力很快也蔓延到了网络上,韩国网站紧随其后,在时尚站点和儿童站点中大量运用手绘的插图,如图6 、图7所示。
图6

图7
  四、文字排版
  网站的内容排版因为要考虑到可读性,很多栏目的文字编排都比较简单,利于阅读,而在一些内容较少的页面如网站的广告或宣传页上排版则富于变化,更类似于杂志内页的排版,我怀疑很多韩国网页设计师都是从平面设计师转行过来的。如图8、图9。
图8

图9

  五、页面的立体感及细节处理
  韩国网站还有个令人称道的地方就是它的网站看起来很有层次感,而这个层次感不是靠作几个立体字来体现牛涫悼康囊膊还翘砑蛹虻サ耐计蛭淖忠跤靶Ч颓擅畹睦霉雇祭葱纬墒訋r>煵钜欤褪钦庵稚杓粕系牟痪心嘤谛问绞雇镜牧⑻逍Ч糁觥:杓剖ψ鍪碌娜险嫣纫恢笔谴蠹夜h!燍他们的每一个按钮、图片的处理都及其讲究,其实一些细微的部分不仔细看还不一定容易发现,但是如果少了这ゃK降牡胤剑鐾镜恼逍蜗缶鸵蟠蛘劭哿恕
  图10中我们可以看到,网站的右眒Rl铞好像是探照灯的东东,它周围的立体效果使得它看起来像是放置在一个房间里,然后照亮譏斑的大幅画像,感劲z佢电影院一样,和它这个娱乐主题很吻合。 
图10
  图11是个框架相当简单的网站,如果处理得不好,很容易会编Nt宥奕ぃ且蛭褂昧舜罅康暮驼鐾狙丈绺裢骋坏耐急旰屯计究雌鹄聪缘煤苌
图11

  我们在这里介绍了韩国商业网站设计的种种特点,希望大家在设计自己的电影网站时能够灵活的将这些i牡阍擞玫缴杓浦校敲つ康娜バХ隆⒊堑姆绺瘢窃谑遣豢扇 OM蠹易⒁庋昂脱芯克堑纳杓品绺窈腿险娴奶龋伎既绠冽巌毜丶坛杏判愕拿褡逡帐酰拖执杓评砟罱岷掀鹄矗龀龈刑厣牡缬巴尽

首页  联系我们  网站地图  管理中心  ENGLISH


VIEWGOOD(远古科技) 版权所有
Copyright©2002-2007 VIE鞦OOD, all right reserved.
苏ICP备05006706号