童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

韩国三大门户的基础设计

11月3日 斩情道投稿
  前言
  本博文通过韩国的最具有代表性的NAVER、DAUM、NATE三大门户网的设计,从中了解首页布局,页面色彩应用,以及频道导航,页面模块处理等一些基础设计,使得让我们更方便、直观的跟我们国内的门户做对比,了解韩国门户的设计方面的流行的趋势和风格把握,希望能给每一位关心门户设计的朋友一些新的启发。
  页面布局、结构
  以上三个门户的首页页面布局和结构中可以看到比国内的几个门户网的布局大不一样。韩国的首页布局通常都是以简洁清晰、区块明显的的特点吸引用户。但这并不意味着内容上单一、乏味。韩国的门户更多的是利用清晰的导航来引导用户更快、更直接的到达用户所需要的页面中,而不是把全部的频道、分类罗列在首页。记得曾经在一位韩国设计的博客上看到过他写的一段话,讲到:用户预览网站就像逛商场一样,商场不一定为了大卖把所有商品堆积在顾客进门的大门口处,而更重要的是怎样让用户少走一些弯路,买到更多自己满意的商品,这就需要一个清晰明了的导航和合理科学的布局。
  页面色彩应用
  为了更好的做出对比以上拷贝的都是三家门户的同样形式的专题页手机应用的宣传专题。
  从中可以看到,每家门户都是围绕着VI的标准色来制作的,其三家的设计风格都很接近,淡淡的背景,清晰的文字、直观的素材。没有过多的修饰和渲染,没有过多丰富的颜色这就是韩国的设计风格。
  频道导航规范
  每个门户都有丰富的子频道,因为涉及的频道太多,我这里只能列了一些重点频道和,具有代表性的频道导航。
  以上三家门户的频道导航处理上略微不同的是NATA任何频道白底黑字,只是用分别不同的细的色条来区分频道之间的差异。NAVER和DAUM用的是VI标准色,和应用频道的特点取了一些周边补助色。但任何频道都没有脱离VI的标准色,这样处理的好处是很好的体现了其品牌的凝聚力和品牌旗下的概念。
  页面颜色及文字颜色
  三家门户页面用色基本上都严格按照VI的专色和浅色的搭配,整体看协调。
  其中VATE的文字用色上有明显的特点,没有标明文字链,只是用CSS文字感应来表示可点。
  在国内的界面设计中,中文字链的部分通常都用蓝色、或者蓝色掉划线来表达。但目前没有一个界定的标准,什么样的文字链是蓝色,什么样的文字链只是用通常的颜色文字感应样式来表达。NAVER和DAUM的文字链处理上,一般的文字链都是用主体文字颜色来表达,在特殊特定的文字链才应用了蓝色文字链。
  icon
  及客户端、wap
  icon和客户端一般线下使用,所以更需要保留自身品牌感。icon必须在有限的像素空间上既能表现出产品的特点,也要表现品牌的统一形象、品牌的整体感、品牌的系列性。
  以上三家门户的icon和客户端都有共同特点,都保留品牌自身的基本色和风格、质感,确保了用户的识别性。在国内的icon和客户端的用色上比较混乱,由于只重视其产品的自身特点和风格,往往忽略掉了品牌感。这一点,我们可以多多借鉴一下。
  页面模块的视觉处理
  作为设计师应该有良好的对模块的表现手法,而且还要具备对模块意识。哪些模块可以利用标签形式,哪些模块要做成切换滚动形式
  以上三家门户的模块处理方式上和视觉表现形式上都比较雷同,基本上都用浅色线条、和浅色色块、甚至都没有应用渐变、反白文字的深色分类条。这种处理方式页面看着比较清爽、简洁。
  结语
  以上是韩国的三大门户NAVER、DAUM、NATE的基础的设计中几个方面,我们从中了解了韩国的设计风格和规范的应用。
  wed设计是一门综合的艺术表现形式,肩负着不仅要跟国外的优秀方面学习,还要设计出符合国内用户的习惯产品、也要用最科学的方法引导用户群体,使得更好更快的使用网络产品。
  完
  PS:
  为了方便大家的学习交流,特意注册的一套ID,大家可以登录后可以浏览到更多的页面,以及下载到官方的客户端。
  文字方面有疑问我会也尽我所能帮大家翻译。
投诉 评论 转载

网页设计中有创意的表单设计在网页设计中浏览者的回馈信息是十分重要的,这是增加用户粘性最最直接的方式。而那些回馈页面都要设计一些表格来给浏览者填写。如果你把这些表格设计的枯燥无味,你可能就会失去很多的浏览……怎样让用户来帮助你做产品?好的产品设计师要学会“跟大多数人商量,听少数人的意见,自己做决定”,这句话来自百度论语,说的是产品团队内部做决策的一个基本方法。但是我想把他引申一下,到产品外部,到产品的使用者……好的体验从降低输入成本开始小屏幕小空间,输入信息举步维艰,不是误点,就是需要频繁切换,不是提示不明显,就是定制能力不够。如果你的应用为用户提供的服务需要进行大量的输入,那么一定要考虑到用户的输入成本和输……图像搜索的N种畅想和1个答案前不久Google发布了全新的图片搜索功能,增加了通过粘贴图片URL和上传本地图片搜索,同时支持图片拖拽到搜索框的方式。从结果来看,这的确是Google在创新搜索领域迈出的一大……一个移动互联网应用地图服务架构在移动互联网中,各种与位置相关的服务都严重依赖于地图服务,地图服务质量的好坏很大程度决定了所提供服务的高低。尽管有GoogleMap等免费或收费的地图服务可供使用,但没有那一家……看广告?男人和女人的关注重点不同男人和女人的大脑构造真的不一样,这一点从广告的关注重点都可以看出,不信的话请往下看这份报告:这是HM的网页,虽然男人和女人都很注重模特儿的脸,但是男人明显比较不注……韩国三大门户的基础设计前言本博文通过韩国的最具有代表性的NAVER、DAUM、NATE三大门户网的设计,从中了解首页布局,页面色彩应用,以及频道导航,页面模块处理等一些基础设计,使得让我们更方……移动用户体验设计中的原型应用一把好的椅子,是否需要我们通过阅读使用手册才能知道如何使用它吗?答案当然是否定的。一把好的椅子,是在我们看到它时,我们很自然的就知道它能够干什么,我们该如何使用它。也就是说:“……不要在功能上竞争作者:阮一峰日期:2011年7月14日苹果公司的电子产品,最大的特点就是它的易用性(usability)简单,美观,容易上手。它们通常不是……Google衡量用户体验的指标体系今时今日,越来越多的产品和服务被部署在网络上,如何大规模进行用户体验的衡量成为一个巨大的机遇和挑战,怎样设置以用户为中心的指标来衡量网络应用中关键目标的转化过程,或者推动产品决……8个神奇的网页动态流体布局及其做法揭秘最近,有一种新的网页布局动态流体布局,很让我感到兴趣。它巧妙地重排元素,并填补了网页的所有空间,而在每个浏览器上显示效果都十分出色,而且通常配以流畅的动画效果。其中有些甚至针对……触摸屏输入的交互设计触摸屏手机输入时会在界面绘制虚拟键盘,用于输入字符,可以使用在所有应用程序中。特别是在短信和邮箱等需要频繁输入文字时,其输入速度直接影响用户操作效率。缺点但是同样全……
从百度站长平台学SEO技巧:网站换IP不再怕百度主动推送(实时)制作,简单3步轻松完成百度取消外链功能:把时间放在内容优化上吧解密电商:十大淘宝SEO精华问题解答SEOer们,停下互点和伪原创,进来看下如何判断网站关键词竞争的激烈程度个人独立博客的SEO优化技巧SEO中如何建设更多的高质量外链SEO现状后篇:社会化媒体会对搜索引擎造成冲击吗?让网站百度搜索关键词排名更靠前的技巧SEO主管对一个大站SEO的分析讨论浅析:决定网站百度快照更新时间的因素

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界