移动设计模式大观

上传人:一*** 文档编号:150848694 上传时间:2020-11-09 格式:DOCX 页数:157 大小:8.38MB
返回 下载 相关 举报
移动设计模式大观_第1页
第1页 / 共157页
移动设计模式大观_第2页
第2页 / 共157页
移动设计模式大观_第3页
第3页 / 共157页
移动设计模式大观_第4页
第4页 / 共157页
移动设计模式大观_第5页
第5页 / 共157页
点击查看更多>>
资源描述

《移动设计模式大观》由会员分享,可在线阅读,更多相关《移动设计模式大观(157页珍藏版)》请在金锄头文库上搜索。

1、4目录第一章 导航设计 8主导航 8桌面式 8列表式 11选项卡式 15图库式 20仪表盘式 22隐喻式 23菜单式 26二级导航 27页面旋转式 29图片旋转式 31当前页面展开式 33第二章 表单设计 35登陆表单 35注册表单 37确认表单 39计算表单 40搜索表单 42多步操作表单 44长表单 47第三章 表格与列表 49普通型 51无表头型 52固定列表 52综合+数据 53分组型 55层叠型 55视觉指示型 56移动设计模式大观 中文精华翻译版5可编辑型 57第四章 搜索与排序 58搜索模式 58触发搜索 58自动完成 60动态搜索 62搜索范围 63保存和最近搜索 65搜索表单

2、 67搜索结果 68排序模式 70直接排序 71排序选择器 72排序表单 74过滤模式 74直接过滤 75过滤抽屉 77过滤对话框 77过滤表单 78第五章 工具 81工具栏 83选项卡式 87操作按钮 88情景工具 90内联操作 92多态按钮 94批量操作 97第六章 图表设计 98带过滤图表 100预览窗口 104移动设计模式大观 中文精华翻译版6预览+数据 106数据点细节 108深入数据 111缩放处理 112数据透视表 113波形图 114第七章 引导设计 116对话框 118提示信息 119全局预览 121视频 DEMO 122透明化设计 124初次使用引导 124持久性设计 12

3、5易发现设计 126第八章 反馈及可见性 127反馈设计 127错误提示 128确认信息 129系统状态 131功能可见性 136可触摸设计 136可滑动设计 138可拖拽设计 140第九章 帮助设计 141如何操作 141速查表 142向导模式 143第十章 设计反例 145盲目创新 145移动设计模式大观 中文精华翻译版7隐喻控件不匹配 151控件不匹配 151图标不匹配 153心智模型不匹配 153提示对话框不匹配 154垃圾图表 156过多的按钮 158移动设计模式大观 中文精华翻译版8第一章导航设计主导航桌面式酷似操作系统或启动控制面板,其特色是有一个按钮组成的主页转至其它内部子系统

4、移动设计模式大观 中文精华翻译版9桌面式布局也用于可显示带有个性化桌面按钮配置信息的页面,通常桌面布局是可以随个性化定制而改变的。移动设计模式大观 中文精华翻译版10通常按钮以3*3,2*3,2*2和1*2形式排布于桌面。但也不是必须遵守等长宽布局,有些时候一个按钮可能是其它按钮的几倍。移动设计模式大观 中文精华翻译版11最佳实践:菜单无主次之分,每个菜单所占空间大小一致。菜单有主次之分,主要的占空间较大,其余的占空间较小。在使用桌面式导航布局时,要充分考虑到给用户提供个性化和定制化功能列表式列表菜单导航与桌面导航类似,也是每个列表项指向相应的应用。列表菜单导航有许多衍生形态,包括个性化菜单列

5、表,分组菜单列表和增强型菜单列表。增强型菜单列表是指简单列表附带有额外的搜索、浏览及过滤功能。移动设计模式大观 中文精华翻译版12移动设计模式大观 中文精华翻译版13移动设计模式大观 中文精华翻译版14最佳实践:列表菜单导航适合长标题或者有副标题说明,使用类表菜单导航应该提供一个从子页面返回类表页面的方式,通常在标题栏添加一个一个带有菜单字样的按钮作为返回按钮。通常按钮以3*3,2*3,2*2和1*2形式排布于桌面。但也不是必须遵守等长宽布局,有些时候一个按钮可能是其它按钮的几倍。移动设计模式大观 中文精华翻译版15最佳实践:菜单无主次之分,每个菜单所占空间大小一致。菜单有主次之分,主要的占空

6、间较大,其余的占空间较小。在使用桌面式导航布局时,要充分考虑到给用户提供个性化和定制化功能选项卡式每种操作系统在标签导航的位置和设计上都有自己的标准。当选择此模式作为主导航,请为不同系统实现定制化导航位置设计。移动设计模式大观 中文精华翻译版16底部选项卡深受IOS,黑莓,webOS喜爱。移动设计模式大观 中文精华翻译版17在星巴克和蓝色移动APP的水平及卷动选项按钮,用户不需要打开更多页面就可以得到更多的选项移动设计模式大观 中文精华翻译版18安卓,塞班和Win系统喜欢顶部Tab导航,他们看起来更像传统网站导航。移动设计模式大观 中文精华翻译版19移动设计模式大观 中文精华翻译版20最佳实践:使用选项卡导航要注意视觉上对已选择和未选择的选项进行有效区分图库式图库式表面被分为各个内容区用于导航。内容区通常载有单独的文章,标题,照片,产品和其他能够放置在内容区,网格或幻灯片展示里的内容。移动设计模式大观 中文精华翻译版21有时候如果内容区是以分组形势布局,分组的内容应该容易被用户浏览到。使用侧Tab形势去管理分组内容,让用户能够在Tab中切换,查看不同分组。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > IT计算机/网络 > 手机/mobile开发

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号