爱刨根知识网

  1. 首页 > 经验知识 > >

移动应用UI设计模式读书笔记，移动应用UI设计模式 百度网盘

生活经验知识分享

移动手机站导航的设计模式有哪些
下图是《移动应用UI设计模式》一书的截图，截图中列出的是一些适合做主导航的导航模式 。
其中跳板式导航、列表式导航和选项卡式导航最为常见，仪表式导航和隐喻式导航一般在拟物化设计或者是工具类的app中比较常见，超级菜单式现在会用到的比较少 。由于这个行业发展速度很快，还出现了一些书中没有列出，但是在现在也很常见的导航模式，例如，出现于Android的侧边抽屉式设计，现在在ios中也得到了广泛的应用 。下拉式菜单也会作为主导航出现 。
下图是书中列出的一些只适合做次级导航的模式：
例如：页面轮盘式、图片轮盘式和列表式中的行内扩展式，还有一些超级菜单式导航也被用作次级导航 。
一 ：跳板式导航
跳板式导航的特征是，登录界面中的菜单选项就是进入各个应用的起点 。对操作系统并没有特殊要求，在各种设备上都有良好表现 。它有时也被称为”快速启动板”(Launchpad) 。
一般用做主导航，常用的布局模式3*3(常说的九宫格布局)2*3、2*2和2*1网格 。但也不一定要拘泥于网格，也可以按照不同的优先级顺序，放大或者缩小网格，以突显出内容的层次感 。
美图秀秀采用的就是2*3的跳板式导航模式,通过上下、分页来突出优先级 。
ASM采用的是不规则网格的跳板式导航，以突出内容的优先级 。
在跳板式导航和其他导航搭配使用中，一般会被用作次级导航，常见搭配模式：选项卡式+跳板式
携程的首页中就是使用了以选项卡为主导航搭配跳板式导航的模式
二 ：列表式导航
最常见的主导航模式之一，又可分为分组列表、个性化列表、行内扩展式列表(这个一般用做次级导航)和增强性列表(是在简单的列表菜单之上增加搜索、浏览或过滤之类的功能后形成的)
列表菜单很适合用来显示较长或拥有次级文字内容的标题 。
ios设置中使用的就是分组列表 。
photo sticker中首页采用了个性化列表的方式
印象笔记的ios版中使用了列表式导航混合跳板式导航的设计，其中列表式导航中又使用了分组列表和扩展列表 。
Pinterest在搜索中的次级导航采用的就是增强性列表 。
三 ：选项卡式导航
几乎大部分的app都采用的是这种导航模式作为主导航 。根据操作系统不同，选项卡位置和设计也不相同 。ios的选项卡是在底部，Android的则是在顶部 。
其他导航模式和选项卡式导航搭配使用时一般都会用做次级导航 。
Polyvore的ios版, 使用的是底部选项卡导航：
keep的ios也使用的是底部选项卡式导航 。
Flickr的Android版使用的就是标准的Android的选项卡在顶部的设计 。
Forever 21中使用了选项卡式导航搭配图片轮盘式导航 。其中图片轮盘式导航为次级导航 。
Wanelo中使用的是选项卡式导航搭配选项卡式导航，一般这种搭配模式在app中也非常见 。
Snapette采用的主导航为选项卡式导航搭配下拉式导航 。
Snapette采用的次导航为下拉式，其中下拉式导航又以列表的方式排列 。
The Hunt中使用了主导航为选项卡式导航搭配轮盘式导航的模式 。
RIVER ISLAND中采用了主导航为选项卡式导航搭配陈列馆式和抽屉式 。
四 ：陈列馆式导航
陈列馆式的设计通过在平面上显示各个内容项来实现导航，主要用来显示一些文章、菜谱、照片、产品等，可以布局成轮盘、网格或用幻灯片演示 。
BBC News的首页导航模式
淘宝二手中的主导航采用了陈列馆式导航，次导航采用的是抽屉式导航 。
淘宝二手中使用的次级导航是抽屉式导航，在抽屉式导航中又采取了跳板式导航2*3的设计 。
五 ：抽屉式导航
起源于Android的一种导航模式，后在ios中也常见到 。一般在Android中用做主导航，在ios中往往会搭配其他的主导航模式做次级导航使用 。
印象笔记的Android版就是采用了侧抽屉的导航模式 。
Foursquare的ios版采用的侧抽屉式导航模式 。
六 仪表式导航
仪表式导航提供了一种度量关键绩效指标(Key Performance Indicators，KPI)是否达到要求的方法 。经过设计以后，每一项量度都可以显示出额外的信息 。这种主要的导航模式对于商业应用、分析工具以及销售和市场应用非常有用 。
完美衣橱的统计中在次级导航中采用了仪表式导航 。
Mint 和Ego 应用中的仪表式导航(书中的例子)
七 隐喻式
这种导航的特点是用页面模仿应用的隐喻对象 。这种导航主要用于游戏，但在帮助导航 人们组织事物(如日记、书籍等)，并对其进行分类的应用中也能看到 。
Candy Crush中的选关采用的就是隐喻式 。
八 超级菜单式导航
这种导航模式在现在的app设计中使用的比较少，而且一般会用做分类检索de 次级导航使用 。在手机网站的导航设计中比较常见 。
这个app中就采用了超级菜单式导航做为次级导航使用 。(不好意思忘记这个app的名称啦*……(_))
九 下拉式导航
这种导航模式在手机网站中比较常见，在app中做为唯一性的导航不是很常见 。
Iivingsocial中的ios版首页采用下拉式导航作为唯一的导航 。
总结：
在未来的趋势中个人认为是淡化各个平台的差异，尽量通过一套设计来无缝的连接各个应用在不同设备上的体验，同时也节省了人力和物力 。通过上述的总结也不难发现两个系统的设计差异在日渐融合缩小 。所以在选择导航时不应该只局限在”标准设计”中，而是应当本着以”内容”为先的思想来考虑 。
移动APP端有哪些独特的交互设计模式 【移动应用UI设计模式读书笔记，移动应用UI设计模式 百度网盘】移动APP就是第三方应用程序 。APP是指应用（外语缩写：APP、外语全称：APPlication） 。
移动应用服务，就是针对手机这种移动连接到互联网的业务或者无线网卡业务而开发的应用程序服务 。
随着移动智能终端的广泛应用，移动终端正向功能增强化、多模化、定制化、平台开放化的方向发展，而移动终端营销（APP）——作为SNS新的开拓渠道，正逐渐崭露头角
移动应用的UI设计有什么书籍推荐吗? 一、《众妙之门——网站UI设计之道2》 来自全球的知务设计师无私地分享了他们多年积累的宝贵经验 。书中涵盖了网站UI设计相关的不同的领域，覆盖面非常广，具有很强的操作性和专业性 。全书逻辑严密、言简意赅，设计人员可以快速地找到自己想要的东西 。二、《认知与设计:理解UI设计准则(UI领域大师力作)》 张一宁 自称“一个认为写代码就是做与人打交道的设计的工程师” 。拥有二十多年编程经验，从事过系统集成、金融行业应用的中间件和服务产品的研发，以及电信与互联网服务的开发和管理 。三、《移动应用UI设计模式(简易的UI模式参考书)》 《移动应用ui设计模式》是一本移动应用ui 设计模式参考书，分10 大类介绍了70 个移动应用设计模式（包括反模式），用400 多个屏幕截图和图解帮助读者理解和利用ui 设计模式，以解决常见的设计难题，同时提供了“即学即用”式的技巧和经验 。
移动ui设计都有什么规则？ 原则一：内容优先
界面布局应以内容为核心，提供符合用户期望的内容 。
原则二：为触摸而设计
界面的设计交互系统以自然手势为基础构建，符合人体工程学保存一致性 。
原则三：转换输入方式
使用各种手机的设备特性和设计手段，减少在应用内的文字输入 。
原则四：流畅性
保持应用交互的手指及手势的操作流、用户的注意流和界面反馈专场的流畅性 。
原则五：多通道设计
发挥设备的多通道特性、协同的多通道界面和交互，让用户更有真实感和沉浸感 。
原则六：易学性
保持界面架构简单、明了，导航设计清晰易理解，操作简单可见，通过界面元素表意的和界面提供的线索就能让用户清楚地知道其操作方式 。
原则七：为中断而设计
考虑应用的使用情景，确保在各个产生出中断的情境下，让用户恢复之前的操作，保持用户的劳动付出 。
原则八：智能有爱
给用户提供让他感到惊喜有趣的、智能高效的、贴心的设计 。
移动UI设计是做什么的？
是做手机界面交互的，我现在就在做这个，今年在太原华信智原学的UI设计，希望我的回答能帮助到你

    推荐阅读


    上一篇：不可胜数近义词反义词，不可胜数近义词语

    下一篇：怎样把二维码转换成链接，怎么把拼多多助力二维码转换成链接