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

心得技巧
干净的组织有序的网页内容布局的8种技术
网页设计实例:超级下拉导航菜单
用户体验设计:找到可用性测试参与者
设计参考:互联网创业的战略能力
导航设计:选中状态应该高亮还是灰调
互联网语音交互技术产品特点
电子商务B2C网站注册登录的必要性
中国用户体验交互设计师何去何从?
用户体验设计实例:交互设计表格
交互设计:用户体验的时间尺度
版面设计中的一图多用设计技巧
月薪3000以下的网页设计师生存现状
购物网站的Banner广告条设计方法和技巧
用户体验设计优化:内容可访问性
游戏分段加载用户体验设计更有利于推广
产品设计师的提升:产品需求角色分析
设计经验:设计师的10条小贴士
设计师参考:十个简单好用的设计技巧
设计网页总结的10个小技巧
设计经验:如何利用色轮选择颜色搭配

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


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

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

Naver shopping

e8bdaee692ad1

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

e8bdaee692ad2

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

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

开始状态:
e8bdaee692ad3

点击广告位上面的TAB后:

e8bdaee692ad4

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

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