网页｜厌倦了汉堡图标，这 4 个替代方案也许不错

越来越多的用户抱怨网页设计已经变得无聊无趣了。高端的技术和流行的趋势已经为网页设计构建起了一套约定俗成的规则，而开发者和设计师在社区中依然不停地探索新的可能性，寻求下一个病毒式流行的新热点。虽然新设计和新界面层出不同，但是许多看起来和之前流行的设计大同小异。说道UI界面，这几年最深入人心的应该就是汉堡图标了。前年，对于汉堡图标是否会成为大势所趋的撕逼一直没停过，而在去年，针

产品 2016年12月02日

如何设计出优秀的底部导航

设计师都知道设计绝不仅仅是做出外表好看的东西。设计还涉及到如何做才能让用户使用你的网站/应用程序。这项工作内容就像跟用户间对话一样，而导航就是对话内容之一。因为如果用户连他们究竟在哪儿都搞不清楚，那你的网站/应用程序设计的再棒又有什么用呢。一、为何底部导航如此重要 Steven Hoover 在他的“用户究竟如何使用移动设备”的研究中发现，49%的人习惯于使用单个拇指来完

产品 2017年01月27日

制作 UI 设计规范时，你遇到的最大瓶颈是什么？

上一篇文章是给大家提供一个制作UI设计规范的大体思路，这一篇准备来聊聊我们在具体执行过程中遇到的最大问题、瓶颈是什么！此篇文章适读人群：想进阶的初级UI设计师、有追求的初级交互设计师。发现问题前期做规范的过程是十分痛苦的，每做一个板块都要花很多时间去思考怎么表达、展示才能让其他设计师和程序员都一目了，然而随着内容的增加，发现很多地方无法深入的执行下去，只能含糊其辞，给我们制

产品 2016年12月24日

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

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

Axure教程 2017年09月11日

超实用！聊聊标签式导航的设计思路（附设计师做笔记方法）

有人说导航仅仅就是方便用户操作的小东西而已，没那么神奇。是的，对于小众的产品来说，确实没那么神，因为神你也看不出来。去看看Facebook为什么把抽屉式导航改成标签导航，就知道导航对一个App的影响有多大了。导航分很多类别，如标签导航、抽屉式导航、九宫格导航、混合组合导航、列表式导航、Tab导航、平铺导航等等。之前在我的读书笔记中也有提到过三类导航：平铺类、标签类、列表类。

交互体验 2016年08月01日

8 种移动 APP 导航设计模式

标签导航设计优点：操作便捷，结构简单，信息清晰，增加信息曝光率。缺点：占用页面一定的高度；适用：适宜购物类、社交类，操作路径短，使用很普遍。标签导航设计舵式导航设计较流行的设计，同一层级，且需要一个非常重要且频繁操作的入口优点：引导和鼓励用户生成内容，并曝光信息。适用：适宜UGC类，拍照类。舵式导航设计抽屉式导航设计菜单隐藏在当前页面后，让用户将更多的注意力聚焦到当前页面优

产品经理 2017年06月27日

列表式导航的设计思路

Facebook为什么把抽屉式导航改成标签导航，就知道导航的影响有多大了。正文现在文章太多，基本上都不深入，只是点到某个知识，跟大家说个理论的东西，然后罗列出所有导航的形式，每个形式都用几十个字概括下。读者看了之后跟没看是一样的，遇到问题还是没法解决，只知道有这类导航存在而已。有人说导航仅仅就是方便用户操作的小东西而已，没那么神奇。是的，对于小众的产品来说，确实没那么神，因

产品经理 2016年10月08日

90% 的设计师都不知道的信息架构知识

《用户体验要素》将用户体验的流程分为五个层次：战略层、范围层、结构层、框架层、表现层。战略层确定了产品目标和用户需求；范围层对用户需求和产品功能进行筛选、分析、分类、定优先级；接下来就是结构层的信息架构的设计了，也就是今天要说的内容；确定了信息架构和用户的使用流程，框架层会解决导航设计、界面设计和信息设计；最后交给表现层，去完成产品视觉、触觉、听觉、嗅觉、味觉上的设计，互联

产品 2016年11月02日

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

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

业界 2018年03月01日

移动导航的基本模式（下）

上期小结了常见的五种移动导航，标签导航、TAB导航、舵式导航、抽屉导航和宫格式导航。这期继续分享另外五种常见的导航。列表式导航列表导航是手机和网页端都十分常见的导航模式，主要用于展示文字信息。使用列表式导航的页面都十分干净，内容清晰，能快速定位到目标。APP中一般以图文结合的模式展示。小结：采用列表导航的页面内容多为左对齐，同时页面会产生大面积留白，使页面看起来干净整洁。使

产品经理 2017年08月16日