首页 招聘 房产 车辆 生活 二手 黄页
新闻 楼盘 图片 联盟 论坛 留言 同学
简历 租车 分类 装修 交友 寻人 培训
快递 火车 酒店 Q群 网吧 天气 微信
当前位置:首页 > 论坛 > 帖子 >
楼主 阳光人生 发表于 2004-10-08 15:19:36
韩国网站技术赏析  
刚才看了一篇文章,感觉还不错!如果有设计这一行的朋友(最好比较精通),可以加我285304245  LAZY

做了 4 年美术设计 ,探索过各种道路和作过多种实验之后,想谈谈我对网页设计的看法。前几天,和一个同行聊天,他就抱怨说,国内的网站不够精美。我对他的抱怨是赞同的,但以为他自己的作品也不够精美。最近我看了很多可称是精美的网站,比方说,韩国设计的网站,还有欧洲一些国家的商业网站。我总觉得这才叫设计 --------- 网站从美观到结构,就该是处处完美。朝这个方向努力,网站才能和其它媒体分开,它是设计艺术,是一种远不是谁都能上一手的行业,这样才对。 

  笔者系美术院校毕业,一直以为自己的作品不俗,直到最近,浏览到韩国一些网站,才改变了自己的看法。在不知不觉之中, 网站设计已经发生了很大的变化。韩国网站和国内网站之间的区别,就像汽车和马车的区别一样大。韩国网站中的精品,从页面结构到内容排版,从色彩运用到细节处理,没有一处的安排经不起推敲,每一个细节都经过精心设计。如果你仔细品味下去,就会发现, 每一个按钮、图片的处理都极其讲究,一些细节不仔细看还不一定会发现。但是,如果少了这些细节,整个网站的整体形象就会大打折扣! 

  我对 网站 设计的看法,就是被韩国优秀网站固定下来的, 最佩服韩国设计师做事的认真态度。 韩国网站设计追求唯美实用,而且富有创意,让浏览者狂喜,让打算转行美工的人害怕。在我的以往视野里,只有个别网站偶而设计成这样,但远不像韩国网站,多数都让人敬畏。必须承认,韩国设计师曾经使我大受惊吓。我挑选了一些具有代表性的韩国网站,作为范例,拿出来赏析一番,与大家交流分享。 

一、页面结构 
  韩国网站的页面结构相对来说比较简洁干净。顶部的左边是网站的 logo ,右边就是它的导航栏,和国外网站不一样的地方它极少采用下拉菜单的样式,而是把各级栏目的下级内容放在导航栏的下面,这样便于访问者一览无余。把 flash 元素引入导航栏是一个创造!它使得导航栏的按钮像一组清脆的珍珠被串联起来,鼠标放到上面能产生一种韵律的美感。然后下面是个大方的 Flash 条,随机变动,类似于国内的 banner-------- 它是网站的眼睛,它是网站的窗口,让网站富有灵气!再往下就是各个小栏目的主要内容,如图 1 所示: 

http://www.e-studio.com.cn/doc/korea/image001.png
二、色彩运用 
  韩国设计师很多都是工艺美术专业出生,对色彩的运用非常熟练,咋看来有些非常难看的颜色到了他们的手里很轻易地就搭配出一种很另类或很和谐的组合,给人的感觉要么素雅干净,要么雍容尊贵,让人觉得欣赏他们的网站是一种愉悦享受。在我看来,韩国的设计师真是深得 Windows xp 的设计精髓,渐变色以及透明水晶效果运用非常恰当,而不像很多网站动不动就滥用仿苹果按钮,美哉美矣,但是和整体风格不协调,看起来显得很突兀。 

  韩国网站的各个栏目一般都比较喜欢采用不同的色调来表达不同栏目的主题,灰色是他们最爱用的颜色,因为灰色属于中性色,能和任何色彩搭配,大大的改变色彩的韵味,使对比更强烈。正文文字也大都采用灰色。而局部则喜欢用色彩艳丽的色条或色块来分割不同栏目,我们来看下面的几张图片: 

  图 2 是圣诞主题的网站,颜色运用对比强烈,在我们看来红色和绿色搭配就是“红配绿,死牛肉”,其实相反色系两色相配,即所谓红配绿、蓝配黄、橙配紫,这种搭配如果处理得好,出来的效果会很抢眼。如这个网站,看起来显得很生动活泼,使得红显得更红,很符合网站的喜庆主题。

http://www.e-studio.com.cn/doc/korea/image003.gif

    图 3 是个典型的旅游休闲网站,该网站采用了银灰色做为底色,然后用色彩明快的橙色、绿色、粉红色的色块来划分栏目,显得整个网站整洁清新。 

http://www.e-studio.com.cn/doc/korea/image004.gif

图 4 一看颜色就知道是个女性的时尚站点,它把几个栏目做成晶莹剔透的泡泡球放在顶部的大 Flash 条里,非常醒目。渐变色运用同样很出色,整个站点显得异常优雅迷人。

http://www.e-studio.com.cn/doc/korea/image005.gif

三、Flash动画及图片的运用 
  韩国的宽带普及率很高,所以设计师设计起页面来不受限制,可以自由创意,大量的图片、flash得到很好的运用,网站里的图片动不动就是40、50K的大图,网页图片多的页面大小通常都是几百K,这在我们国内是根本不敢想像的。因为我国现在大多数还是猫的时代!我已经说过,韩国的flash banner大都以横幅广告条出现在页面的导航栏下面,采用的都是精美的图片或者是手绘风格的矢量插图。


  我国国内很多网站也采用大幅的flash广告条,但是通常都是着眼于如何去表现flash动画的酷、炫的感觉,使得浏览者过于关注flash而忽视了页面的其他内容。而韩国的flash则更好的服务于网站的主题,和整个页面搭配起来看得很舒服而不抢眼,他们的关键就在于整个flash不是全部变化,而只是局部在动,以及文字和背景的巧妙配合。韩国网页设计师的手绘能力高超,页面中大量采用手绘的矢量图片,使得整个网站显得精致而与众不同。

  图5是个很吸引人的网站,颜色采用类似色调搭配,看起来很舒服。最欣赏的就是flash的右边的树叶,有几片叶子在轻轻飘动,左边的图片淡淡地消失、出现,文字缓缓出现,真的是非常富有诗意,整个网站看起来生机盎然。

http://www.e-studio.com.cn/doc/korea/image006.jpg

最近在杂志界开始吹起了复古风,六、七十年代的手绘插图又开始流行,杂志书籍中大量使用手绘时尚插图取代以前的照片,这股流行趋势很快也影响了网站,韩国设计师紧随其后,在时尚站点和儿童站点中大量运用手绘的插图,如图6 、图7所示。 
http://www.e-studio.com.cn/doc/korea/image007.jpg

http://www.e-studio.com.cn/doc/korea/image008.gif

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

http://www.e-studio.com.cn/doc/korea/image009.jpg
http://www.e-studio.com.cn/doc/korea/image010.jpg
五、层次感和细节处理 
  韩国网站令人称赞的地方还有它的网站看起来很有层次感,而这个层次感远不是单靠做几个立体字来体现的,其实靠的也不过是添加简单的图片或文字阴影效果,或者,巧妙的利用构图来形成视觉上的差异,但就是这种设计上的创新使网站的立体效果呼之欲出。我最佩服的是韩国设计师做事的认真态度,他们的每一个按钮、图片的处理都非常讲究,其实一些细微的部分不仔细看还不一定容易发现,但是如果少了这些细节的地方,整个网站的整体形象就会大打折扣。


图10中我们看到,网站的右边画了个好像是探照灯的视觉形象,它周围的立体效果使得它看起来像是放置在一个房间里,然后照亮左边的大幅画像,感觉就像在电影院一样,和它这个娱乐主题倒很吻合。
http://www.e-studio.com.cn/doc/korea/image012.jpg

图11是个框架相当简单的网站,如果处理得不好,很容易流于呆板无趣,但是,就是因为使用了大量的、和整个网站色调相统一的图片元素,使得网站整体看起来既有层次又有律动感。
http://www.e-studio.com.cn/doc/korea/image015.jpg


1楼 飞鸟VS鱼 2004-10-09 09:25:15
从韩剧中唯美的背景画面,不论男女都十分注重自己的仪容,都不难看出,韩国人对艺术的追求,是典型的完美主义者
2楼 rtqq 2004-10-10 09:10:21
东方人的特点吧,呵呵,一般东西方人喜欢这种鲜艳的颜色,不过小心审美疲劳哟!!呵呵!!
[首页 上一页 下一页 尾页] 页次1/1