移动UI设计-菜单篇
1、导航模式
导航类型 | 导航种类 |
主要导航模式 | 跳板式、列表菜单式、选项卡菜单式、陈列馆式、仪表式、隐喻式、超级菜单式 |
次级导航模式 | 页面轮盘式、图片轮盘式、扩展列表式 |
2、导航种类样式及场景说明
2.1 主要导航模式
A.样式说明
B.应用场景
主导航样式名称 | 应用场景说明 | 备注 |
跳板式 | 登录界面中的菜单选项就是进入各个应用的起点 | 对操作系统没有特殊要求,在各种设备上表现良好 |
列表样式 | 每个菜单项都是进入应用各项功能的入口点,很适合用来显示较长或拥有次级文字内容的标题 | 包括个性化列表菜单、分组列表和增强列表(简单的列表菜单上增加搜索、浏览或过滤之类的功能后形成的) |
选项卡菜单式 | 极大的保留web菜单设计特征 | 不同操作系统上有不同表现,对于选项卡的定位和设计,不同操作系统有不同的规则 |
陈列馆式 | 在平面上显示各个内容项来实现导航,主要用来显示一些文章、菜谱、照片、产品等,可以布成轮盘、网格或幻灯片演示 | 有时这些内容进行分组更易于用户浏览,很好地应用于用户需要经常浏览、频繁更新的内容 |
仪表式 | 一种度量关键绩效指标是否达到要求的方法,主要应用于商业应用、分析工具、销售和市场 | 不要使用过多仪表导航,使用前需要开展研究决定 |
隐喻式 | 用页面模仿应用的隐喻对象,主要用于游戏 | 需要谨慎使用隐喻式导航 |
超级菜单式 | 超级菜单式导航和网站所有的超级菜单导航类似,较大的覆盖面板上分组显示已定义好格式的菜单选项 | 首先要确定信息架构,如导航对象仅仅是应用中少数主要内容,就可以使用选项卡类导航模式 |
2.2 次级导航模式
所有的主要导航模式都可以用作次级导航,如选项卡下用选项卡导航、选项卡下用列表导航、选项卡下采用仪表盘式导航、跳板式导航下采用陈列馆式导航等。
还有一些导航模式适合作为次级导航:页面轮盘式、图片轮盘式、行内扩展式
A.样式说明
B.应用场景
次级导航名称 | 应用场景 | 备注 |
页面轮盘式 | 操作者可利用“滑动”操作快速浏览一系列离散的页面 | 如果页面超过8个,最好考虑使用列表菜单导航 |
图片轮盘式 | 主要来展示特色产品 | |
行内扩展式 | 通过下拉屏幕显示更多信息 | 很好地逐步显示某个内容项的更多细节或选项 |
移动UI设计-菜单篇相关推荐
- 移动UI设计学习总结
以下是我阅读书本得到的一些知识方面的总结: UI设计常识* 1.手机界面的构成被分为几个标准的信息区域:状态栏**,标题区,功能操作区,导航栏.** 2.APP运行在手机操作系统的软件环境中,其UI设 ...
- 苹果风格ui设计_重新设计苹果音乐应用程序ui ux案例研究
苹果风格ui设计 重点 (Top highlight) TLDR? UI重新设计 (TLDR? UI Redesign) I didn't realise how much I'd written f ...
- Java的基本学习(五)——高级UI设计与异常处理
前言: 我们继续接着前面的内容来继续学习 高级GUI组件设计 Java采用委托事件模型来处理事件.当事件产生时,通过注册的监听器对象的Listener接口的事件处理方法来进行处理.然而,当一个List ...
- android常用控件实验报告,ui设计实验报告.doc
ui设计实验报告 ui设计实验报告 篇一:UI设计实验报告 实验项目四:UI设计 一. 实验目的和要求 1.熟练运用Eclipse软件中的swing设计. 2.掌握UI编写的软件. 3.能都熟练的进行 ...
- 2016{太原UI设计师}郭文军讲解UI设计版式
2016{太原UI设计师}郭文军讲解UI设计版式 1.多内容少功能-----列表式.瀑布流 2.多内容多功能------菜单式 3.少内容少功能-----九宫格式 4.少内容多功能-----旋转木马式
- UI设计是青春饭?今天告诉你真相!
最近有学员来问,"我想转行学习UI设计,但是听很多人说,UI设计是吃青春饭的,互联网公司是不是只选择年轻的血液而淘汰年纪大的?"今天,我来统一回答一下. UI设计是不是青春饭? 我 ...
- 学习UI设计都可以学习哪些软件?
学UI设计要学习哪些工具软件?今天来做个大盘点 Photoshop(简称PS) 不懂设计的人也听说过PS著名大名.确切地说,确切地说,PS它是一款强大的综合性软件,主要用于位图处理,可以做图片处理, ...
- BlackBerry高级UI设计
作者: 王志刚 概论 这篇文档 讲述的 是如何 在 Bla ckB erry 设备上应用 的 UI 效果, 文档的 介绍 的内容包 括如下 部分 : 1 . 基于 M I D P 的 UI 2 ...
- ae合成设置快捷键_郑州UI设计学习进阶之AE导出GIF动画方法分享
AE是当前UI设计师比较常用的工具之一,是一款图形视频处理软件,然而它并不能直接导出GIF格式的图片,这让很多设计师很是苦恼.接下来的郑州UI设计学习进阶课程就给大家分享AE导出GIF动画的几种方法. ...
最新文章
- C++加快编译速度的方法
- GoldenGate复制单表开并行
- 使用 IntraWeb (5) - 页面布局之 TFrame
- 我学python前一句_Python学习教程:人生苦短,我用Python?入门前你要知道这些
- DeepCTR-Torch,基于深度学习的CTR预测算法库
- 前端学习(2666):完成vue3.0的todolist编辑
- java assembly 打包_maven 使用assembly 进行打包的方法
- 有个码龄10年的程序员跟我说:“他编程从来不用鼠标”,我说:
- 阶段3 1.Mybatis_06.使用Mybatis完成DAO层的开发_2 Mybatis中编写dao实现类的使用-保存操作...
- valgrind 报告 ecpg内存泄露 (二)
- 遗传算法详解及matlab代码实现
- 【OBS-studio-webrtc】obs推流到webrtc服务器端:接管OBS输出流到自定义推流服务
- 人脸识别+表情识别系统
- 什么是V2X?如何通过V2X技术实现5G智慧交通?(一)
- Ajax学习日志(五)—— 如何传递json格式请求参数
- java开发微信公众号(SpringMVC)2-消息管理功能
- Github项目(克隆,上传)简单git命令流程使用记录
- WEB前端面试常见的问题及答案
- 设计模式3-软件设计原则
- 7-1 sdut-Collection(Map)-1 读中国载人航天史,汇航天员数量,向航天员致敬
热门文章
- 牛客网 剑指Offer,一些值得记住的小题(五)
- 睡眠、出轨、八字都能测了,手机距离测量万物还有多远?
- 国外流行的五款免费在线图片编辑器评测
- 易语言从c盘开始搜索文件,易语言全盘查找指定文件并返回地址
- cc9.3 indesign_Adobe InDesign CC经典教程
- ifix从sqlserver里读数据_Ifix学习(7)
- JAVA项目同时上传多个文件和多个内容
- matlab稀疏矩阵方程,Matlab命令集——稀疏矩阵函数
- 股票卖出技巧及原则,你了解哪些
- linux ata4 serror,linux系统救援模式解决开机引导失败问题