2012年设计新趋势:侧滑导航栏

标签: 设计 趋势 导航 | 发表时间:2012-08-31 16:35 | 作者:张珑馨
出处:http://tech2ipo.com/feed

侧滑导航栏,也叫隐藏式导航栏,目前正成为应用程序开发人员最喜欢使用的一种设计模式,Path、Facebook、Windows 8等都在使用这一设计。

侧滑导航栏不仅美观,而且可以省去相对大面积的屏幕区域,同时流畅的滑动感还能给用户带来别一番滋味的导航体验,也在一定程度上增加了页面可以显示的内容。

国内的人人手机应用也采用了侧滑导航栏,豆瓣电台网页版也采用类似的设计,让原本越来越长的页面一下子整洁了起来,而且侧滑出来的页面给用户带来了更高层次的体验。

同时即将发布的Windows 8操作系统也有使用类似的设计,比如从左侧滑出任务切换,从右侧滑出开始菜单、系统设置、系统搜索等,从上端下端滑出软件设置等。

这一设计最先出现在iPhone的应用程序之上,让我们来看一下具体的案例:

相关 [设计 趋势 导航] 推荐:

2012年设计新趋势:侧滑导航栏

- - TECH2IPO创见
侧滑导航栏,也叫隐藏式导航栏,目前正成为应用程序开发人员最喜欢使用的一种设计模式,Path、Facebook、Windows 8等都在使用这一设计. 侧滑导航栏不仅美观,而且可以省去相对大面积的屏幕区域,同时流畅的滑动感还能给用户带来别一番滋味的导航体验,也在一定程度上增加了页面可以显示的内容. 国内的人人手机应用也采用了侧滑导航栏,豆瓣电台网页版也采用类似的设计,让原本越来越长的页面一下子整洁了起来,而且侧滑出来的页面给用户带来了更高层次的体验.

windows7 设计趋势

- jary - 平凡的世界:看看,闹闹,混混,写写
1.强化信息分层,改变以前比较扁平的信息架构:. IE,文件夹,即使窗口众多,也会有条不紊. 2.不拘泥于windows本身的开发架构,而是基于用户常见行为去进行信息架构:. 新建文件夹,共享,播放,刻录,均是用户针对文件夹常见的操作行为. 3.在信息架构中,更加注重关联性引导:. 比以往更加强大的右键菜单,但炫耀的并不是强大的功能,只是展示用户的普通需求.

2010 图标设计趋势

- armgod - IconMoon
天冷,人懒,事多,我就不全文翻译了. 只列几个标题,很多内容完全按照我自己的理解写了一下. 想读原汁原味的请移步:Icon design trends 2010 作者是  Denis Kortunov. 和现代女人的罩杯一样,图标也越来越大了. 原因很简单,不管是桌面设备还是手持设备,dpi逐渐变高,高像素的图标变得必不可少了.

导航设计中的信息结构

- 蕗 - 互联网的那点事
在进入今天的主题之前,我们先来探讨导航的重要性,并分析一下门户网站中导航的表现. 导航直接影响到公司的财政收入. 导航不光只是提供信息获取的途径,它的设计优劣会直接影响到整个公司财政收入. 下面我们看一个例子(以下内容来自alibaba李凡的《设计师的商业意识》):. alibaba大致的广告价格.

iOS的隐性导航设计

- 猫猫逗逗 - 所有文章 - UCD大社区
移动设备阅读类软件最重要的特性之一就是尽可能的增大阅读面积,为此,就必须尽可能的让屏幕中的导航占到最小,甚至隐藏,手机浏览器也基本属于阅读类软件,最近流行的海豚浏览器甚至将电脑中的“鼠标手势”引入到手机浏览器中. 下图是iOS中read it later软件的阅读界面,除了最上方的状态栏,阅读区域占满了整个屏幕,没有任何诸如“返回”、“关闭”的导航按钮,实际这些按钮是隐藏着的,我把这种隐藏看不到的导航称之为“隐性导航”.

iphone Web App 导航设计探讨

- Vingel - 互联网的那点事
最近在做iphone端Web App的项目. 由于产品形式新颖,技术环境不成熟,公司给与了较宽松的研发时间. 在一个月的交互设计阶段,每个环节都得到多次讨论推敲,我从中感悟颇多. 导航系统的设计是一个比较典型的点,拿出来与大家分享讨论一下. iphone Native App较常见的导航如下图所示:.