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

最新推荐文章于 2024-10-06 15:47:22 发布
原创 最新推荐文章于 2024-10-06 15:47:22 发布 · 1.3k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了几种常见的次级导航模式，包括列表菜单、页面轮盘式、图片轮盘式及扩展列表式。其中，图片轮盘式类似于iTunes的CoverFlow，被用于展示热门电影或特色产品。

次级导航模式

1.列表菜单


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


3.图片轮盘式

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


4.扩展列表式


APP原型设计之跳板式导航、列表式导航、选项卡式导航、陈列馆式导航及表盘式导航的应用-Axure9
zcl050505的博客
12-05 2972
跳板式导航 跳板式导航的要点在于利用布局凸显重要模块，跳板式一般搭配选项卡式，界面简单、清晰。 以携程app为例： 采用Axure RP 9.0制作，有需要可下载源文件，已上传资源。
好看的轮盘菜单组件
01-20
插件描述：利用jquery实现的轮盘菜单组件. 参考示例：http://www.jq22.com/jquery-info5594
移动应用UI设计模式
MrHelicopter的博客
09-28 501
主要导航栏（主要导航，次级导航） 跳板式 列表菜单 选项卡式   陈列馆式 仪表式 隐喻式 超级菜单式 不适合做主要导航的模式 页面轮盘式 图片轮盘式 行内扩展式 表单 登录表单 注册表单 核对表单 计算表单 搜索表单 多步骤表单 长表单
《移动应用UI设计模式》学习
tanjingweiyi的博客
07-19 714
7017.7.10-2017.7.16（28周） 本书分章列出了常用的功能如导航、表格、工具、引导等，并且针对某一功能详述了多种实现方法，具体实例清晰明了。 在设计APP之初想要实现某一功能时，可以参考以选择最适合的方式实现功能，避免设计时 时间紧迫遗漏了更好的实现方法。 由于很多方法都是常用的，笔记只记了方法名称，并无详述。笔记如下 http://pan.baidu.com/s/1
这些设计模式都能助你一臂之力《移动应用UI设计模式》(好书分享更新中)
qq_18591859的博客
08-27 317
移动应用UI设计模式 作者:[美] Theresa Neil/Theresa Neil 出版社:人民邮电出版社 原作名:Mobile Design Pattern Gallery: UI Patterns for Mobile Applications 译者:王军锋/郭偎/武艳芳 内容简介······ 内容简介： 当你迫于压力，要制作出设计精良、易于使用的移动应用时，根本就没时间进行完全的创新。这本简要的手册提供了70多种移动应用设计模式作为参考，包括了从当前i...
移动应用UI设计模式与实践指南.zip
最新发布
weixin_42502089的博客
10-06 1606
本文还有配套的精品资源，点击获取 简介：移动应用UI设计模式是当前数字化时代中至关重要的一环，包括用户界面设计原则、布局、交互方式以及视觉元素的组织。随着移动设备的普及，用户体验已经成为产品成功的关键。本文将详细介绍常见的移动应用UI设计模式，如导航模式、表单输入、浮动操作按钮、卡片式设计等，并提供对这些模式适用场景和局限性的分析。设计师需要根据应用的目标用户、功能需求和品...
移动应用UI设计的10种模式
Oscar.Zhang
12-26 2071
这本书的书名很明显是受“四人组”《设计模式》的影响，将改善编程质量的方法用在了UI设计上。用户体验设计大师Theresa Neil在本书中介绍了包括反模式在内的10种不同类型的设计模式。要设计出优秀的移动应用，就要先了解目前不同操作系统下优秀的设计案例。这本书的书名很明显是受“四人组”《设计模式》的影响，将改善编程质量的方法用在了UI设计上。其中收集了大量的界面设计图片（iOS、Android、B
Android UI设计最佳实践与核心原则
该资源以幻灯片形式呈现，分为五个核心部分：该做什么与不该做什么、设计哲学与考量、必须了解的 UI 框架特性、新的 UI 设计模式以及图标和设计准则。其主要目标是帮助开发者和设计师创建符合 Android 平台特性的高...
【EV充电网络智能化】：IEC-61851-1-2017技术要点与解决方案揭秘
参考资源链接：[电动汽车充电模式规范：IEC 61851-1 2017解读](https://wenku.youkuaiyun.com/doc/58ysuom9bk?spm=1055.2635.3001.10343) # 1. IEC-61851-1-2017标准概述 电动汽车充电站作为新能源汽车的重要基础设施，其...
【微信小程序菜单栏设计模式详解】：MVC、MVVM与小程序框架选择的深度解析
微信小程序的用户界面与传统移动应用有所不同，它更加轻量级、快捷，而其核心组件之一就是菜单栏。菜单栏作为小程序的导航入口，承担着快速引导用户访问核心功能的责任。设计初衷不仅是为用户提供直观的导航，也强调...
【导航系统用户界面设计】：交互效率提升的黄金法则
本文综合探讨了导航系统用户界面(UI)设计的理论和实践，并通过案例分析深入挖掘设计趋势和改进策略。首先，本文概述了导航系统用户界面设计的重要性，并介绍了设计理论基础，强调了用户体验的核心地位。接着，文章...
Axure-APP原型设计-图片轮盘式导航-猫眼电影app为例
12-18
图片轮盘式导航集合了图片、文字等页面元素，通过横向交互，供用户动态浏览信息。从交互形态上说，可以认为它是一种“不会循环播放的跑马灯”。 “猫眼”首页中的“正在热映”“即将上映”“热门演出”等栏目，均采用图片轮盘式导航。用户通过筛选进入心仪影院，选择准备观看的电影，以及日期、场次。在“影院”页面中用户可以选择影片，依旧采用了图片轮盘式导航。使得原本可能需要多个页面层级展现的信息，在当前页面即可满足用户的操作需求，大大提升了用户体验。 本案例需要完成的任务有：第一，制作该案例的静态页面；第二，设置图片轮盘式导航；第三，设置日期与场次的交互效果；第四，设置影片、日期和场次的交互效果。
移动应用UI设计模式摘录汇总
我相信......
07-06 2827
移动应用用户界面的一般功能元素包括：导航，表单，表格和列表，搜索和分类，工具，图表，视觉吸引，反馈和帮助。 常见的导航包括跳板式（包括九宫格），列表菜单，选项菜单，陈列馆式，仪表式，隐喻式和超级菜单，在次级导航中也会用到页面轮盘，图片轮盘和扩展列表。跳板式又叫launchpad，同等重要内容使用网格布局，但并不拘泥于网格布局。而列表菜单也包括个性化列表，分组列表，增强列表等，适合显示较长
移动应用ui设计模式pdf_移动ui了解应用ui设计的13种基本模式
weixin_26715991的博客
08-30 1598
移动应用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 1315
移动应用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...
什么是次导航？次导航有什么作用？
qhdzj87的专栏
09-20 663
什么是次导航呢？次导航是相对于主导航而言的。一般将主导航不能放置的关键词置于页脚位置，作为次导航。比如本站页脚的武汉SEO,企业SEO等即为次导航。次导航有什么作用？次导航的作用是对主导航的补充，一般是链接到一些栏目，或者放置一些不适合放置在主导航的锚文本，可以有效提高这些关键词（锚文本）的密度，通过权重的传递来提升这些关键词的排名。设置次导航要点：1、一般将一些需要展示给搜索引擎但不是特别需要或...
UI——day12.次级页面（二）
qq_45801179的博客
11-26 434
APP的导航形式 经典标签:底部标签栏、浮动按钮、舵式导航 优点：方便用户快速跳转，减少层级的跳转 缺点：占定一部分区域，误操作 抽屉导航 优点：收纳不常用又不得不有的标签，让主页干净 缺点：抽屉里不易被发现，用户单手操作也费劲 Tab导航/Tab选项卡 ios:分段选择控件 android：固定标签导航 宫格导航 优点：排版规整 缺点：太多对用户不友好 列表导航 优点：简单、高效 缺点：没有主次，太单调 轮播导航 优点：方便页面切换 缺点：当页面太多的时候，滑动较麻烦..
APP应用UI设计之导航
xuezayun的专栏
03-13 958
对用户体验影响及其坏的几个应用错误为：软件崩溃、缺乏某些关键性的功能、糟糕的导航、混乱的界面设计。 主要导航模式：跳板式、列表菜单式、选项卡式、陈列馆式、仪表式、隐喻式、超级菜单式。 跳板式没有必要都采用网格式，也可以放大或者缩小其界面显示，以彰显某些功能重要。 列表菜单式个性化列表菜单、分组列表、增强列表等，或者加上搜索功能的列表菜单。 选项卡式通常位于屏幕的底端。 次级导航模
APP UI 设计模式笔记（一）导航
十年饮冰，难凉热血
01-16 1442
APP UI 设计模式笔记（一）导航 原文：《Mobile Design PatternGallery》 [美]Tberesa Neil 著王军锋 译, 人民邮电出版社
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值