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

心得技巧
品牌网站的交互设计分析
设计参考:40个about-us网页设计实例
网页设计理论:面包屑设计
移动版本的电子商务网站:首页和导航设计
移动版本的电子商务网站:搜索和目录页设计
设计心得:网站搜索的用户体验设计
总结网站导航怎么设计才好呢?
40个漂亮的应用插画风格的网页设计实例
网站设计风格:logo和导航的设计
网站设计实例:网页二级导航菜单处理案例
WEBJX收集相当不错的邋遢风格的网站设计实例
14个杂点和粗糙背景风格网站设计实例
设计欣赏:50个非常漂亮的Flash网站
10个有用的网站界面设计技术和最佳做法
10个在文字排版/网页布局中的常见错误
设计参考:定义和理解上下文语境
关于格言引用设计的创造性的例子和最佳做法
网页设计中图标与网页内容的组合设计
37个很棒的旅游行业网站设计
72个电子商务网站产品价格列表设计实例

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


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

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

Naver shopping

e8bdaee692ad1

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

e8bdaee692ad2

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

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

开始状态:
e8bdaee692ad3

点击广告位上面的TAB后:

e8bdaee692ad4

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

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