APP上导航如何用Aure画出来？

上导航是每个APP必备的功能模块，看似画起来很简单其实里面也有不少门道。之前的文章已经讲解了APP常见功能中的页面模板、下导航、列表页怎么画出来，这篇文章讲解上导航，请继续关注浪子教你画APP原型后续的其他功能模块。本文主要从上导航的元素构成、常用交互、演变3个角度来给大家讲解如何画上导航的原型。上导航由哪些元素构成上导航一般包含了页面标题，左按钮，右按钮等内容。那么PM使

业界 2018年03月01日

iOS和Android规范解析：导航设计总结

本文主要是对iOS和Android两个设计规范中关于如何设计导航的介绍，enjoy~前面几周，我们依次介绍了iOS和Android设计规范中，关于导航控件的内容，各控件对比见下面的表格：掌握了这些导航控件，今天跟大家说一下两个设计规范中关于如何设计导航的介绍。Material Design Guideline导航把内容组织起来，因此用户可以在你的应用里更方便地找到需要的内容

用户研究 2018年01月10日

从导航设计看QQ和微信的不同

QQ和微信这两大国民IM（即时通讯）应用，作为腾讯帝国的两大护城河，它们之间有何不同？之前的一篇文章，从聊天界面对比了两大应用（感兴趣的朋友可在文末查看）。这篇文章从导航设计的角度来对比一下这两款应用。我们先来观察一下两个APP的信息结构：QQ APP 信息结构微信 APP 信息结构可以看到，QQ和微信从信息结构上来说，非常类似。不同的点有以下两处：“我的”tab位置不同，

产品 2018年01月09日

网站导航设计指南

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具 “如果人们在浏览网站时遇到困难，他们就会犹豫是否要回到该网站。”你以前可能经历过类似的情况，如果你下载了一个app，却要花时间去寻找你想要的东西，那么你不可能长期呆在这里，甚至不会回来。那要如何设计出“清晰，简单，一致”的导航呢？想象一下，你周日早上出去买自己喜欢的巧克力。走进

产品 2017年12月29日

以导航产品为例谈谈产品体验

本文主要是以导航产品为例，谈谈产品体验改进的问题，enjoy~“请在前方500米，第二个红绿灯路口右转”。开车的朋友对这句话应该不陌生，这是经常听到的导航语音提示。今天，我们以导航产品为例，谈谈产品体验改进的话题。我是个重度的导航产品使用者，开车时都会打开导航。这里说的“导航产品”，并不是车辆自带的导航。为啥呢？因为车辆自带的导航一般都很差——单是看到那个丑陋的地图界面我就

产品 2017年12月27日

交互思考：浅析 iPhoneX 移动端网页导航上的存在问题

编者按：iPhoneX 发布之后，全新的屏幕和为之适配的iOS系统，为我们呈现出全新的交互。之前我们习惯了的交互，在这块带着刘海的屏幕上，不再完全相同，之前恰到好处的设计，在这块屏幕上似乎也没法完美的运作了。产品设计师Daniel Korpai 发现了在iPhoneX移动端网页导航上存在的交互上的问题，并撰写此文。使用汉堡菜单还是使用标签式导航，是移动端UI设计师常常会纠结

产品经理 2017年11月13日

详解 APP 端哔哩哔哩所有的导航类型，及高保真原型实现

由于哔哩哔哩的用户性格从整体上说更偏向于活泼，所以B站在具体的细节上的设计也考虑到了用户的调性，并不是一沉不变的。单从导航这一种设计上看，就出现了多达8种设计方式。几乎覆盖了所有现网上出现过的导航类型，让用户可以更好的玩儿自己的APP。我们可以在了解导航种类的同时，更深一层次的思考，哪种导航类型更适合哪种使用场景。首先列举一下哔哩哔哩使用过的导航种类，如下图所示：接下来，我

产品经理 2017年11月01日

产品之术：解析「底部导航」交互布局

文章对底部导航进行相应的剖析，希望对你有所帮助。引·底部导航是产品的框架所在底部导航是一个APP最直观的框架表现。从某乎的多次改版、到导航动效的多样化，每次改版大家都会对底部导航倾注很大的热情。在做功能模块时也一样，很多时候我们也需要为模块加一个底部导航。但是在需求评审的时候，你也一定听领导说过这句话：“这不就是APP套APP吗？”。其实不然，底部导航的运用和意义仔细琢磨整

产品经理 2017年09月18日

OTT 视频应用的首页导航及交互模式分析

本文对多款OTT视频应用的首页导航展开分析，希望能够给你带来一些思考与启发。互联网电视已然成为现在智能家庭的标配，以互联网电视业务为核心的OTT（Over The Top）业务已越来越多地深入到日常应用中，围绕着“电视”这一块覆盖家庭的大屏，各大内容服务商也是卯足了劲儿，想要在用户的“客厅”分一杯羹，主流的视频应用基本都已进驻大屏，BAT资本的入局，也让电视端视频应用的竞争

产品经理 2017年09月11日

原型设计：APP 下导航如何通过 Aure 画出来

下导航是APP原型设计中常见的功能，如何快速高效的通过Axure画出来呢？网上有不少文章讲过如何画下导航，要么方法特别复杂，要么步骤并不全面。典型的错误有两个，①使用多个动态面板来嵌套实现下导航。②使用动态面板来区分选中和未选中。但是学会本文你可以100%模拟出微信、支付宝，淘宝，天猫app的下导航原型效果，点击预览效果。接下来我会以微信APP为例，详细讲解每一步骤，学会之

Axure教程 2017年09月11日