您的位置: 首页 > 资讯 > 设计

提升设计品质的8种布局方案

艺术中国 | 时间: 2010-04-14 14:47:14 | 文章来源: 中国设计之窗

 

7. 手风琴效果(折叠菜单)

折叠菜单和滑动门以及标签卡涉及同一个概念:把大量信息压缩到一小块区域里。“手风琴效果”指的是一些被水平或垂直组织的区块,通过点击,一个内容区块滑向另一个区块,并将其内部内容展示出来,和手风琴的推拉过程有点相似。

手风琴效果的实例功能性和大点击区域 Alex Cohaniuc 的手风琴菜单设计的很好。把作品项目藏到手风琴里是的做法其实挺有道理的,因为这能把每个项目的不必要信息隐藏起来,等访客有需要的时候再显示。说这项设 计好是因为:一,每块画布的标题都很大,很好点击;二,每块标签卡都使用了一个小箭头来反映开合状态;三,鼠标滑过时,当前标签卡有将它区分出来的不同背 景色。

Screenshot

水平内容滚动

Jason Reed 使用手风琴将整个站点糅合进一张页面里。他没有赋予手风琴以特别不一般的视觉特征,而是让它融入了页面之中。另外,这是一个水平方向推拉的手风琴(尽管标 签卡是垂直方向的)。请注意看他的标签卡,每个标签卡之间的距离很大,这些标签卡,或者说标题,并不像上一个例子有那么明显的区分,设计师利用了留白来将 它们各自独立。鼠标移上去的时候,这些十分易读的标签就会变成橙色,让用户能够非常明确地了解到自己将要点击的标签后面都有什么。

Screenshot

   上一页   6   7   8   9   10   11   12   13   14   下一页  


 

凡注明 “艺术中国” 字样的视频、图片或文字内容均属于本网站专稿,如需转载图片请保留 “艺术中国” 水印,转载文字内容请注明来源艺术中国,否则本网站将依据《信息网络传播权保护条例》维护网络知识产权。

打印文章    收 藏    欢迎访问艺术中国论坛 >>
发表评论
用户名   密码    

留言须知

 
 
延伸阅读