韩国商业网站设计分析

news/2024/5/10 0:01:16/文章来源:https://blog.csdn.net/iteye_170/article/details/81444966
一、页面结构

  韩国网站的页面结构相对来说比较简单,可以说几乎是统一的风格,顶部的左边是网站的logo,右边就是它的导航栏,和国内网站不一样的地方它甚少采用下拉菜单的样式,而是把各级栏目的下级内容放在导航栏的下面。然后下面是个大大的Flash条,再往下就是各个小栏目的主要内容,如图所示:

二、色彩运用

  韩国设计师很多都是科班出生,对色彩的运用非常得当,在我们看来有些非常难看的颜色到了他们的手里很轻易的就搭配出一种很另类或和谐的美感,给人的感觉要么淡雅迷人,要么另类大胆,让人觉得欣赏他们的网站是一个非常愉悦的过程。在我看来,韩国的设计师真是深得Windows xp的设计精髓,渐变色以及透明水晶效果用得非常恰当,而不像很多网站动不动就滥用仿苹果按钮,和整体风格不协调,看起来显得很突兀。韩国网站的各个栏目一般都比较喜欢采用不同的色调来表达不同栏目的主题,灰色是他们最爱用的颜色,因为灰色比较中庸,能和任何色彩搭配,大大的改变色彩的韵味,使对比更强烈,正文文字也大都采用灰色。而局部则喜欢用色彩绚丽的色条或色块来区分不同的栏目,我们来看下面的几张图片。

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

  图2是个典型的有关旅游休闲韩国网站,该网站采用了灰色做为底色,然后用色彩明快的橙色、绿色、粉红色的色块来划分栏目,显得整洁清晰而不呆板。

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

三、Flash动画及图片的运用

  韩国的宽带普及率很高,所以设计师设计起页面来完全毫无顾忌,大量的图片、flash得到很好的运用,网站里的图片动不动就是40、50K的大图,网页图片多的页面大小通常都是几百K,这在我们国内是根本不敢想像的。韩国的flash banner大都以横幅广告条出现在页面的导航栏下面,采用的都是精美的图片或者是手绘风格的矢量插图。国内很多网站也采用大幅的flash广告条,但是通常都是着眼于如何去表现flash动画的酷、炫的感觉,使得浏览者过于关注flash而忽视了页面的其他内容。而韩国的flash则更好的服务于网站的主题,和整个页面搭配起来看得很舒服而不抢眼,他们的关键就在于整个flash不是全部变化,而只是局部在动,以及文字和背景的巧妙配合。韩国
网页设计师的手绘能力很强,页面中大量采用手绘的矢量图片,使得整个网站显得精致而与众不同。

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



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




四、文字排版

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

五、页面的立体感及细节处理

  韩国网站还有个令人称道的地方就是它的网站看起来很有层次感,而这个层次感不是靠作几个立体字来体现的,其实靠的也不过是添加简单的图片或文字阴影效果和巧妙的利用构图来形成视觉上的差异,但就是这种设计上的不拘泥于形式使网站的立体效果呼之欲出。我最佩服的是韩国设计师做事的认真态度,他们的每一个按钮、图片的处理都及其讲究,其实一些细微的部分不仔细看还不一定容易发现,但是如果少了这些细节的地方,整个网站的整体形象就要大打折扣了。

  图10中我们可以看到,网站的右边画了个好像是探照灯的东东,它周围的立体效果使得它看起来像是放置在一个房间里,然后照亮左边的大幅画像,感觉就像在电影院一样,和它这个娱乐主题很吻合。

  图11是个框架相当简单的网站,如果处理得不好,很容易会显得呆板而无趣,但是因为使用了大量的和整个网站颜色风格统一的图标和图片,网站看起来显得很生动。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_825293.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

10个设计最经典的web2.0网站

做好一个网站,不仅要在服务及功能上胜人一筹,而且网站的整体设计也是一个不可获缺的重要因素,一个设计漂亮的站点通常能在第一时间吸引人的眼球,用户回访机率也就更大。下面这十个web2.0网站的设计堪称经典,值得我们去…

html在不同电脑上排版不一样怎么办_认识html:实现网站页面是这么简单的一回事

互联网时代人们通过上网浏览信息,打开浏览器上网看到丰富的图文、视频、音乐等多媒体信息,一系列信息反馈和视觉冲击之后,您有没有想过,互联网这么发达的时代,您觉得花一点点时间学会做个网站页面不真香?概…

网站鉴赏(一)

Hostile Recordshttp://www.hostile.fm布局 网站的布局方式常见没有什么特别的地方!色彩 色彩采用了红色与灰度,使用的灰度表现出了钢铁质感,红色与灰度的对比给人留下了印象!总体来讲色彩运用得当!技术 FLASH的运用服从于设计&am…

2007最具流行的53种网站导航

在web2.0盛行的年代,随着web标准的概念的深入人心,导航的设计也随之发生变化。色彩明快,简洁,我们精选出53种最具代表性的网站导航供大家借鉴学习。摘自:视觉中国(ChinaVisual.com)1. Change.or…

亚马逊网站导航栏的变迁史

原文链接:http://www.lukew.com/ff/entry.asp?178 可以说是亚马逊网站普及了 Tab 式导航。这么多年来,他们一直在探索着一种用户界面,可以使他们越来越多的产品清晰的呈现在用户眼前。我们现在回头去看看亚马逊网站顶部导航的历史变迁也是一…

小论中英文网站的设计差异

你有没有被客户强迫照搬英文网站的经历? 你有没有被领导指责为比较“土”的作品? 你有没有感到疑惑,因为你搬过来的“英文”网站总是那么别扭? 如果有的话,这篇文章也许能帮你提供一些证据,至少让你自己能…

大型网站技术架构演进

转载:https://cloud.tencent.com/developer/article/1396863 【大型网站技术架构笔记】系列是阅读《大型网站技术架构核心原理与实践》一书的一些笔记,记录了原书的一些重要内容以及我的个人理解。其中很多内容网上都能找得到。其实整本书,我…

韩国网站构图和配色分析

我们先看看:韩国网站构图和配色分析-构图篇 [NextPage] 韩国网站构图和配色分析-配色篇

中国顶级品牌HONEST官方网站设计解析—道格瑞恩内部资料

中国顶级知名品牌 HONEST LIGHTERS 产品定位于:高档的打火机、名贵的雪茄剪与法式烟斗 销售定位与:主要出口欧洲与美洲国家的高档市场 网站作品浏览地址:http://218.30.101.85 http://www.0086.com设计与制作公司…

国际知名网站设计大师精品设计集

http://www.2advanced.com/ http://www.01-la.com/ http://www.preloaded.com/ http://www.aliveis.com/ http://www.linkdup.com/ http://www.mixdup.com/

网站ICP备案流程图解

1.访问信息产业部备案网站 (网站打开比较慢,请耐心等待: www.miibeian.gov.cn )2.网站被通信管理局拒绝的常见原因(必读) 2.点击接受,开始注册 这个是信产部的流程图 备案流程见下: 3.开始填写个人资料:4.收取电子邮…

如何知道一个网站内页是否被Google收录或更新

请到此http://toolbar.google.com/intl/zh-CN下载安装Google工具条,安装成功后,打开它的“工具栏选项”,把“网页资料”菜单打上勾。 然后通过http打开你的网页(不能是本地文件)。点击Google工具条的蓝色“i”这个按钮,在下拉菜…

韩国商业网站界面设计分析------推荐2005-5-24 出处:vipcn.com

一、页面结构   韩国网站的页面结构相对来说比较简单,可以说几乎是统一的风格,顶部的左边是网站的logo,右边就是它的导航栏,和国内网站不一样的地方它甚少采用下拉菜单的样式,而是把各级栏目的下级内容放在导航栏的下…

33个优秀艺术类网站界面欣赏

1、http://www.apparelidea.com 2、http://www.biola.edu/undergrad 3、http://www.chrizdee.de/wordpress 4、http://www.daleharris.com 5、http://www.darasgarden.com 6、http://www.electricpulp.com 7、http://www.timeforcake.com 8、http://www.freepeople.com 9、http…

10个最经典的网站改版

一般来说,网站设计制作到最后发布到网上,这只是网站发展的最初一个阶段,网站作为公司的一个线上宣传手段,极大的体现了公司的理念和宗旨,是公司不可分割的一部分。公司要发展,网站也会不断的更新变化。让我…

网站中文字的视觉设计

可能很多人都要问,网站的文字还需要设计吗?对于很多的网站来说,字在整个网站的内容中占了80%以上甚至更多,或者换个角度上说,网站可以没有颜色,没有图片,但唯独不能没有文字。一个产品团队&…

网站的视觉路径和版式设计

cooper谈到用户的视觉路径一般是:从上到下,从左到右。好的视觉设计路径应该是顺应这样的用户习惯,糟糕的设计会让用户无所适从,焦点到处都是。当然,上图的视觉路径图并非绝对的,浏览习惯因人而异。 网站中方…

国外web设计教程资源网站收集

作者authorSawser来源http://sawse.com/2007/11/21/top-12-sites-and-tools-for-web-design-and-inspiration/不管你是专业还是业余的网页设计者,或者仅仅想了解一下网页设计是何物的,这里有些好棒的资源值得去浏览并收藏。这些收藏涵盖了各种设计类型&a…

互联网上最独特的20个网站

当你在创建一个新的网站的时候,一个版面独特的网页总会在不经意间激发你的灵感。不知道这些使用背景图片产生强烈视觉冲击的页面有没有给你带来设计灵感。1, http://www.popmatik.co.uk/ 2, Digitalmash.com 3,Melissahie.com 4&a…

60 个激发你灵感的电子商务网站展示

电子商务多火啊,可是多数电子商务网站做得都很垃圾,这里列出了 60 个设计精美的电子商务网站,你值得看看。 Heart Breaker Fashion Here You Buy Vintage-inspired Fashion Shop Sanctuary T Shop Sancuary T Showcases Awesome Beauty And H…