当前位置:首页 >教程首页 > Photoshop >浅谈韩国网站视觉体验

浅谈韩国网站视觉体验

发布时间:2018-11-17 19:57:24

  从我们(本人80后)接触互联网开始,就时不时地接触到各种韩国网站。几年前,国内的设计师们还在为图片大小困扰,每张图片要切成20KB以内使用时,韩国网站已经能给我们带来具有冲击力的视觉感官效果,其中包括炫丽的图片和Flash的自由应用,这些都让我们羡慕不已。其中有不少网站用精致优雅的视觉效果和舒适饱满的布局排版给用户带来愉悦感。

 

  这些感受可以有很多种解答方法,但我想用更特别的观点来解答。

 

  就是韩国的互联网环境和专业化环境。

 

  优越的互联网环境

 

 

  韩国是互联网普及最早,最块的国家之一。早在1996年已有电子商务服务,在2001年已经是全世界网速最快的国家,而到2004年有一半以上的民众成为网民。

 

  韩国拥有全世界最快的网速---14.2mb,所以韩国网站是可以使用超过50k,甚至几百k的图片,还有眼花缭乱的Flash。这很大部分解放了设计师的发挥空间,也给用户带来了流畅的体验。互联网产业的崛起也使韩国形成独特的互联网环境。

 

  互联网用户人口比

 

 

  根据2010年统计数据,83.7%为互联网用户,其中10~49岁之间人群绝大部分在使用互联网,所以互联网环境丰富多样化。

 

  用户的每周上网时间是平均15小时以上, 其中有57.7%的用户喜欢网购,所以韩国有不少优秀的2C类网站为他们服务。

 

  设备普及率和智能手机用户趋势

 

 

  韩国国民中有81.4%人拥有台式机,而智能手机的普及率为65%,预计2015年智能手机的设备使用率将超过电脑,成为主要的上网设备。所以现在韩国的很多网站都陆续采用响应式设计和开发自己的手机应用,应对越来越多的平板设备访问。

 

  设计的专业化环境

 

  互联网的快速发展增加了对高素质设计人才的需求,在各大设计院校也逐渐开始对互联网设计进行专业化教育。如:视觉设计专业中也增加了多媒体设计和UX设计。

 

  政府也支持着设计产业的发展。如:对中小企业提供无偿设计顾问或聘请设计机构为其提供服务,派设计师到海外的设计机构免费学习, 给中小学生提供免费义务设计教育等等。

 

  民众可以通过国家教育补贴在培训中心学习网站设计和提高视觉修养。

 

  全民对设计的重视和政府的支持下国家设计竞争力从2002年的全球排名25位提升到2009年的第2位。并且2010年首尔也被评为世界设计之都。

 

  这种环境因素造就了现在的韩国互联网视觉设计的独创性。

 

  《韩国式》网站

 

  韩国的互联网环境已经很成熟, 在这种环境的影响中也出现了众多的网站, 设计上具有独创性、稀有性和自身的价值。所谓的自身的差异化设计。在视觉感官传达上形成了自己的风格, 感官上规整、清爽、有着较好的亲和力。

 

  我经常浏览的韩国网站中《大型综合类网站》有NAVER,DAUM,NATE等,《购物网站》有auction,gmarket,cjmall等,也经常浏览《NAVER》系列网站。

 

 

  我在这些网站中曾经参考和借鉴过布局排列,图片应用,运营功能区域展现方式等好的设计方法。

 

  从网站视觉传达的先例中可以再次切入到几个关键点, 可借鉴一些可取之处。

 

  网站的品牌传达

 

  品牌是人们对一个企业及其产品、售后服务、文化价值的一种评价和认知,是一种信任。

 

  韩国的部分网站对自己的品牌视觉规划,传递上做的很好,包括颜色、图标,字体,标识、还有部分线下产品的传递。

 

  下面已NAVER为案例:

 

  颜色应用

 

 

  NAVER是韩国最大的综合网站,也是最大的搜索平台,占全国78%的搜索、信息等市场占有率。在韩国一提到NAVER,用户联想到的第一个画面通常是绿色搜索框,不仅是因为NAVER的品牌色为绿色, 更多是在早期的时候用跨媒体营销做了很好的宣传,传递了《Green window = NAVER = 搜索》的概念。现在是只展现绿色搜索框就能马上分辨出是属这家公司的, 成功传递了《NAVER = 搜索》的信息。

 

  其中颜色起到了重要的作用,于搜索框巧妙结合之后变成了别人无法抄袭的独有的个体,再结合营销和宣传投入之后成为了韩国最大的网络品牌,当然前提是要有足够好的技术和服务的支撑。

 

  绿色的应用铺到旗下的所有产品中,甚至在插图细节中也展现了品牌色的点缀效果,做到了不管产出多少个产品,都能感知到网站的规范化作风。

 

  个性化产品图标

 

 

  NAVER的产品图标有自己的特征,其中包含方正的形状、浅灰的颜色、矢量的质感和光感,再到细节的细腻程度。图标的统一规划设计不仅适用于各种平台和设备,独有的设计风格传递着品牌的延续性。

 

  网站自己的字体

 

 

  韩国的大部分字体是收版权费的,但是NAVER为了给更多人分享韩文的价值和美丽,自己开发并发布了通用性很强的免费字体, 并且应用到自己的网站中。免费字体不仅给用户带来了便利,还逐渐成为设计师的主流字体。

 

  节日LOGO

 

 

  节日LOGO更多是给用户传达人文和关爱,NAVER的节日标识中体现了日常生活和自己的文化特征,一年的节日标识数量达到40多个,给用户传达更多的亲近感和自身品牌形象。

 

  韩文字体

 

  字体设计是让用户在网站中了解形态,掌握内容的视觉语言处理技法,帮助视觉传达和语言的沟通的双重作用。

 

  韩文文字创制于1444年,现代文字是由24个字母组成的朝鲜文字。是一种表音文字,由14个子音和10个母音组成。14个子音字按口型和舌位发音器官的样子创造,按发音不同分为牙音、舌音、唇音、齿音等。韩文文字是由子音、母音、辅音组成的组合型文字。

 

  现代字体是在20世纪的时候设计并广泛应用,重新设计之后文字内的空间密度和文字之间的间距做的很协调。

 

 

  韩文字体形状虽然比较复杂,但相对中文字体笔画少,部分边缘圆滑,词汇之间有空格,整体密度的协调性良好。所以在网站设计应用上显得可读性强,节奏感和空间感更舒服。

 

 

  韩国众多设计院校设立字体设计专业并研究开发适合当代设计的韩文现代字体和固有字体。设计师们将字体的应用视为设计的重要组成部分,韩国网站也是通过结合字体变化呈现出高质量的画面。

 

  有规律的布局

 

  在韩国网站设计的感官背后隐含着更为科学的设计方法,就是布局的数学排列方式。采用的不仅是栅格系统,还结合了黄金分割陈列方式。

 

  栅格是我们在网站设计中常用的布局陈列方式。栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。

 

  黄金分割是一个数学术语,用来表示两个元素的比例,它的值大约等于1.618。黄金分割早在文艺复兴时期的绘画作品中已经广泛使用。我们熟悉的苹果设计也是应用了黄金分割方式,从LOGO,产品,图标,OS X Lion等都采用了黄金比例方式。

 

 

  Shopping.naver.com首页为例:

 

  整体布局正好分为2:3,每块为210px,间隔为10px,在页面左右搜索中正好起到了自适应效果。 内容信息上把最重要的内容放在的黄金分割区域之内,在细节上采用了3:2和4:3的比例来排列,就连banner的内容排版,文字的长度和图片的空间也是用黄金分割法排列的。

 

 

  韩国的互联网环境和专业化环境对韩国网站发展起到了重要的作用,形成了《韩国式》个性化网站群。

 

  上述的内容我们在工作中也方方面面思考着,但是我们需要提炼出更多的个性化设计方法传递给用户,需要不断研究和完善设计细节。

 

  如:品牌传达中的用户对品牌色的认知最大化,区别化的个性图标,具有代表性的字体和文字排版方法,适合未来的前瞻性布局等等。

 

  在细节设计上也可以更好的传递出品牌的文化价值和信任感,更科学的布局排版和字体应用上可以给用户带来体验上的愉悦感。

 

  我们也同样迎接着更好的互联网环境和设计环境,但时常还是会关注邻国网站,因为他们也在进步,我们需要更多的设计上的专业思考和专业培养。

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定