当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 韩国网站设计师的网页空间利用

心得技巧
设计心得:拙劣的设计常见原因
视觉设计色彩分析:膨胀色与收缩色
图形设计实例分析:概念视觉设计
交互设计指南:突出重点让用户一目了然
用户体验:网站需要不需要在线客服
搜狐白社会交互设计:SNS中设计任务的目的
网站用户体验:网站在线客服的作用
电子商务网站设计误区全面分析
互联网产品策划:邮件回执功能
网站分析行业目前的现状
简洁易用的用户UI界面设计的9个基本原则
设计之处:谷歌的赞助商链接竞价排名设计
用户提亚设计实例:节日LOGO互动设计讨论
Web设计中的多按钮共存设计
设计思想:体验如何设计
网站设计参考:简洁的白色风格网站设计实例
视觉设计:视觉设计师遇上开发工程师
网页中的保存和取消按钮设计方法探讨
设计观点:设计顾问是干什么的?
yui3在框架设计中的牺牲和让步

心得技巧 中的 韩国网站设计师的网页空间利用


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 55 ::
收藏到网摘: n/a

很早就听说韩国网站的设计师们很会利用空间,来创造更多的信息承载量.最近浏览了几个韩国SHOPPING网站果不其然,就拿小小的广告轮播来说,非常佩服他们的设计功底.

Naver shopping

e8bdaee692ad1

我们可以看到广告区域总体由两部分组成:左边区域是显示的主体区域,使用过程体会到承载了9件产品的显示任务;右边区域承载了3条信息的自动轮播显示任务.如果用户比较关注细节,用户会发现当鼠标滑过左边区域时候,会有绚光出现.当然这不是最精巧的地方,当用户点播右边区域的展开按钮的时候用户将看到以下的展示.

e8bdaee692ad2

原来的主体广告变换成垂直边栏的缩略图,新的三条主题广告像拉黑板报一样呈现出来.当然此时左边的主题广告也没忘记再加三个轮播.如果用户想切换回原来的模式,只要轻松的点击左边的垂直边栏的缩略图即可.大量的信息承载与主题切换并没有使广告位混乱,反而觉得变换的比较自然.

如果这些也不足以说明韩国网站重视对空间的利用率的话,我们在看下面的例子:

开始状态:
e8bdaee692ad3

点击广告位上面的TAB后:

e8bdaee692ad4

关于以上例子的具体交互操作方式可以参考链接:http://www.naver.com/

如果读者对韩国网站比较感兴趣的话可以积极参与本话题,大家一起头脑风暴!