导航设计

有人说,2013将是响应式网页设计之年.自用户体验设计师Ethan Marcotte在2010年提出Responsive Web Design(RWD)的名词,即响应式网页设计,这个概念从Responsive Architecture延伸到web设计领域,让所有的交互设计.视觉.前端开发都开始投入到这个趋势,或者说新的设计解决方案中. 当自己和身边的朋友越来越多的用上了iPhone.iPad.android手机或平板,当越来越多的人都在谈论这个老意识新概念的话题,当我们一直秉承的用户体验第一与网

近期在设计APP原型,用EXCEL,用Axure.但无论工具如何,产品本身的界面布局和交互设计确实逃不掉的!网络中有关于APP导航设计的总结: 第一种:app标签导航  易用性:★★★★★   趣味性:★ 标签导航位于页面底部,通常包含5个标签是比较合适的数量.这种导航是非常常见的,如果需要用户频繁的在不同分页切换,可以采用这种导航.它的缺点是会占用一定高度的空间.如微信最新版的APP界面设计图. 第二种:APP舵式导航  易用性:★★★★★   趣味性:★ 目前流行一种标签导航的变体,个人把它

设计师都知道,设计不只是为了好看.设计也决定用户如何融入一个产品,无论是网站还是app.这是一种交谈.导航菜单就是一种交谈.因为如果用户不明白使用方式,你的网站或app再漂亮都没用. 图片来源:Behance 为什么底部导航如此重要? Steven Hoober在他的关于移动设备使用状况的研究中发现,49%的人依靠一根手指完成手机上的操作.在下图中,手机屏幕上的画面表示大致的触摸范围,不同颜色表示用户能用拇指在屏幕上触及的区域.绿色表示轻易触及:黄色表示需要伸长手指:红色表示需要用户改变持握方式

Grid导航设计(初步)[1] 这一节讲一下Grid导航设计.在前面的章节中有看到Grid导航的样子,那是一个模块的父模块(ManyToOne)对子模块的导航操作.现在对于一个"省份"模块,其没有父模块,我们能对其设计成怎么样的导航呢? 只需一步,将一个字段定义为导航字段.进入"模块字段" 点击修改 保存后,刷新页面.再进入"省份模块"后,可以看到grid的左边就会有一个导航列表. 具选中某个导航值,Grid列表中显示的值就会以此值作为条件进行约

响应式设计是当前网站设计的趋势,针对不同的设备,提供布局解决方案. 而且很多UI设计技术狂人正在不断的进行各种实验,争取让响应式设计越来越好. 响应式设计的难点是导航菜单界面设计.可不能像缩放页面那样缩放导航菜单.在界面设计之前,要谋划好导航菜单在手机.平板.桌面上的布局.今天蓝蓝设计收集了25例出众的响应式设计,大家可以使用响应式在线测试工具Responsinator来看看,他们的网站设计的导航菜单,是怎样UI设计的. Harvard University Boston Globe Disne

Grid导航设计初步[3] 上一节介绍了如何自定义一个日期字段为导航列表,这一节定义数值字段为导航列表.自定义一个数值字段为导航列表时,设计过程和日期相同,只有一个不同,就是日期选择的是"年,年月,年季"等的导航方式,而数值字段选择一个预先设计好的数值区间来进行导航.先看一下导航效果. 设计的数值区间: 数值字段设置成导航字段的导航模式选项选择"按金额大小分组1". 另外再展示一个按比例导航分组的例子: 至此对于字符串,日期,布尔值,数值字段的单级导航都可以通过设置

Grid导航设计初步[2] 上一节介绍了一个字符串字段和一个Boolean字段的导航设置,这一节更进一步,对日期字段的导航进行一下设计. 对于一个日期字段,可以想到的导航是:按年度,年度季度,年度月度,年月日,并且可以正序和倒序.下面还是以省份"这个模块为例看看日期导航.在"省份"模块中,我加入了一个字段"附加日期",这个字段的值是无任何意义的,放在那里只是为了现在用它来进行导航的演示. 按上一节的方法,将"附加日期"的可导航,打勾后,

Axure8高保真原型:Web导航设计制作课程观看地址:http://www.xuetuwuyou.com/course/248课程出自学途无忧网:http://www.xuetuwuyou.com 课程介绍 适用人群产品经理.交互设计师.用户体验设计师.产品设计.视觉设计师 课程目标独立制作Web产品的高保真原型 学习后可以迅速投入进工作,掌握产品经理.交互设计师.用户体验设计师.产品设计.视觉设计师等职位的基本技能. 课程概述米草网的Axure课程已由Axure官方认证,请学员放心学习. 本

导航中色彩的一个简略用户是为拜访过的连接显现不一样的色彩.默认情况下,大多数浏览器,把已拜访连接变为紫色.别的色彩也是能够的,但一般来说,亮堂.鲜活的色彩常被未拜访连接运用;已拜访连接不会运用它们,而用更为柔软的色彩,让连接看起来昏暗和"破旧".由于我们知道大家在导航中长遵循"基地与辐条"的形式,为已拜访连接分配不一样的色彩能够协助用户定向,对"再次找到"也有助益.导航规划需求思考色彩这一重要因素,由于色彩不仅仅是装饰,它还能够促进交互,有助于辨