【移动应用UI设计模式】第一篇：导航的设计--次级导航模式

最新推荐文章于 2022-04-16 00:33:36 发布
最新推荐文章于 2022-04-16 00:33:36 发布
阅读量1.2k 收藏
点赞数
分类专栏： 手机平台项目学习和分析
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ministarler/article/details/17484441
版权

次级导航模式

1.列表菜单


2.页面轮盘式  --页面不宜太多


3.图片轮盘式

图片轮盘式导航类似于一个二维轮盘,或者说更像是 iTunes 的 Cover Flow 导航 1。IMDB 用图片轮盘式导航显示观看次数最多的电影。在为 Adobe Flex Showcase 设计的零售应用中,作者也使用这种导航来展示特色产品(见图 1-34)。 


4.扩展列表式


Ministarler
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
移动应用ui设计模式pdf_移动ui了解应用ui设计的13种基本模式
weixin_26715991的博客
08-30 1382
移动应用ui设计模式pdf 重点 (Top highlight)Welcome to the world of numerous apps for every occasion. Thanks to the ubiquity of mobile applications, today a smartphone is an office, entertainment center, library,...
移动应用ui设计模式pdf_电子商务应用程序中的7种UI模式
weixin_26725483的博客
09-06 1136
移动应用ui设计模式pdfI recently did a competitor analysis of current, top e-commerce apps. I observed Target, Nike, Apple, Samsung, Ebay, Chewy, Banggood, Drop, and Best Buy.我最近对当前的顶级电子商务应用进行了竞争对手分析。 我观察了Targ...
移动应用UI设计模式摘录汇总
我相信......
07-06 2663
移动应用用户界面的一般功能元素包括：导航，表单，表格和列表，搜索和分类，工具，图表，视觉吸引，反馈和帮助。 常见的导航包括跳板式（包括九宫格），列表菜单，选项菜单，陈列馆式，仪表式，隐喻式和超级菜单，在次级导航中也会用到页面轮盘，图片轮盘和扩展列表。跳板式又叫launchpad，同等重要内容使用网格布局，但并不拘泥于网格布局。而列表菜单也包括个性化列表，分组列表，增强列表等，适合显示较长
移动UI设计中的7种主要导航模式
热门推荐
图灵教育
02-19 2万+
正如精良的设计一样，优秀的导航也大象无形。不管是浏览好友信息，还是租赁汽车，完美的导航设计能让用户根据直觉使用应用程序，也能让用户非常容易地完成所有任务。一款应用的导航可以被设计成各种样式，但我想着重介绍６种主要的导航模式，也就是主菜单的导航模式（见图1-1）。 图1-1 主要导航模式 跳板式 跳板式导航对操作系统并没有特殊要求，在各种设备上都有良好表现。它有时也被称为“快
移动应用UI设计模式.epub
06-10
移动应用UI设计模式.epub 书面向创造移动应用的产品经理、设计师和开发者。随着公司不断定义和改善他们的移动战略，找到最佳设计的案例是一大挑战，特别是对多操作系统来说。无论你是负责设计一款简单的iPhone应用...
8种移动APP导航设计模式大对比
03-01
当我们确定了移动APP的设计需求和APP产品设计流程之后，开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来?“互联网的一些事”推荐此文，为读者带来这...
五种移动应用导航设计总结
02-21
我觉得《移动应用UI设计模式》真是一本设计师必备的工具书，不过由于行业发展速度太快，里面的有些配图和模式已经发生不少的变化，根据这书的基本理论总结了一些在ios和Android两个主流系统中app设计中经常用到的...
四个步骤实现层级清晰的导航栏
weixin_34360651的博客
06-21 220
【编者按】本文作者为 Wes McDowell，主要介绍通过四个步骤实现层级清晰的导航栏，进而提高网站的转化率。文章系国内 ITOM 管理平台 OneAPM 编译呈现。 精心规划的导航策略可以成就一个网站，反之，则可能毁了一个。规划得好，网站访客就会顺着你安排的路径走下去，要么购买你的商品、成为你的潜在客户，要么填完网站咨询表单。 规划得...
Axure-APP原型设计-图片轮盘式导航-猫眼电影app为例
12-18
图片轮盘式导航集合了图片、文字等页面元素，通过横向交互，供用户动态浏览信息。从交互形态上说，可以认为它是一种“不会循环播放的跑马灯”。 “猫眼”首页中的“正在热映”“即将上映”“热门演出”等栏目，均采用图片轮盘式导航。用户通过筛选进入心仪影院，选择准备观看的电影，以及日期、场次。在“影院”页面中用户可以选择影片，依旧采用了图片轮盘式导航。使得原本可能需要多个页面层级展现的信息，在当前页面即可满足用户的操作需求，大大提升了用户体验。 本案例需要完成的任务有：第一，制作该案例的静态页面；第二，设置图片轮盘式导航；第三，设置日期与场次的交互效果；第四，设置影片、日期和场次的交互效果。
好看的轮盘菜单组件
01-20
插件描述：利用jquery实现的轮盘菜单组件. 参考示例：http://www.jq22.com/jquery-info5594
UI——day12.次级页面（二）
qq_45801179的博客
11-26 346
APP的导航形式 经典标签:底部标签栏、浮动按钮、舵式导航 优点：方便用户快速跳转，减少层级的跳转 缺点：占定一部分区域，误操作 抽屉导航 优点：收纳不常用又不得不有的标签，让主页干净 缺点：抽屉里不易被发现，用户单手操作也费劲 Tab导航/Tab选项卡 ios:分段选择控件 android：固定标签导航 宫格导航 优点：排版规整 缺点：太多对用户不友好 列表导航 优点：简单、高效 缺点：没有主次，太单调 轮播导航 优点：方便页面切换 缺点：当页面太多的时候，滑动较麻烦..
如何在HTML前端页面实现滚动导航图(多张)
qq_42300526的博客
01-14 3811
前端页面滚动导航图(多张) 效果 原理： 内部足够宽的div平铺所有图片，外部div限制显示宽度，随时间缩小margin-left的大小，达到从右侧进入的效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</...
22款经典UI设计二级下拉菜单导航系列
weixin_30755393的博客
11-24 251
1、干净漂亮的多级下拉菜单导航 下载地址：http://www.lanrenzhijia.com/nav/1523.html 预览地址：http://www.lanrenzhijia.com/demo/1109/nav/ 2、jquery动感下拉导航菜单 下载地址：http://www.lanrenzhijia.com/nav/1527.html 预览地址：http://www....
移动应用UI设计模式电子书pdf下载
欢迎关注微信公众号：DroidMind
12-26 1464
下载链接: https://pan.baidu.com/s/12TeLO0Cu1Ib0LsQEK2PSQw  提取码获取方式：关注下面微信公众号，回复关键字: 1115
ui设计师必须了解的13中移动app界面设计的基础知识
maoqiu1234的博客
04-16 2674
如今智能手机已成为办公室、娱乐中心、图书馆和超市——所有这些都在您的口袋里。在如此大量的应用程序中，设计一款可以留在人们手机上的应用程序变得越来越困难。用户界面设计是一个复杂的过程。为了构建有效的移动UI，设计师必须考虑定义用户和思维方式等方面，了解UI设计模式，能够使用各种设计工具并提出满足项目要求的独特美学。 功能和用户体验并不是一切。第一印象与设计有着非常重要的关系。人们在应用程序中看到的第一件事是什么？就是界面！因此，设计师需要在不同类型的用户界面中进行选择，以确保用户坚持并喜欢浏览应用保持活..
APP UI 设计模式笔记（一）导航
十年饮冰，难凉热血
01-16 1104
APP UI 设计模式笔记（一）导航 原文：《Mobile Design PatternGallery》 [美]Tberesa Neil 著王军锋 译, 人民邮电出版社
《移动应用UI设计模式》学习
tanjingweiyi的博客
07-19 620
7017.7.10-2017.7.16（28周） 本书分章列出了常用的功能如导航、表格、工具、引导等，并且针对某一功能详述了多种实现方法，具体实例清晰明了。 在设计APP之初想要实现某一功能时，可以参考以选择最适合的方式实现功能，避免设计时 时间紧迫遗漏了更好的实现方法。 由于很多方法都是常用的，笔记只记了方法名称，并无详述。笔记如下 http://pan.baidu.com/s/1

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值