干货推荐|40款独特的移动导航用户界面

越是简易,你的APP/网站就越出色。移动用户的界面可以有很多种形式和风格。


越是简易,你的APP/网站就越出色。移动用户的界面可以有很多种形式和风格。

干货推荐|40款独特的移动导航用户界面

提起设计APP,最重要的就是导航了。无论是应用在台式机,还是移动设备,导航都必须得直观、有趣。水平的、垂直的、简约的或者详尽的,设计上都必须给人以美感,同时能真正起到合理的作用,达到预期的效果。APP的设计必须立足于用户,一丝不苟于每一个细节,让用户都能轻而易举上手使用。一旦你实现了这一点,你就已经设计出了非常功能化及人性化的产品。

越好的APP/网站,用户需要操作的就越少。越是能让用户更简单的使用,无论产品的注重点是在销售,形式,还是让客户通过APP/网站进行各种信息的共享,都能更好的转换。同时,如果用户能有一个愉快的操作经历,他们才会有可能继续使用这款APP,并且推荐给其他人。作为一个设计师,要把这个当成优先重点,尽一切可能让用户以最简易的方式浏览你的APP/网站,你其实已经事半功倍了。

好的移动导航,你必须坚持这些基本,然而却是最重要的原则。具体表现在它的外形、简洁、一致性、互动性、风格以及可达性。APP/网站必须有一个清晰、简洁的外观,在不会混淆用户注意力,即促进导航的前提下,你可以加入自己独特的风格。简洁是关键,是基本要素。但不等于无趣,就做成和其它的APP一样。记住,想脱颖而出让用户驻足并提高参与,你的设计里所有的页面必须始终如一地使用相同的导航模块,使其最大程度上互相作用,让用户清楚自己身处何处,一直在做于何事(当有人暂停鼠标时,改变字体颜色,加黑体字,并添加简短行为描述。)最后,确保你的用户导航在任何设备上都能使用流畅,这样所有人都能快速登录来测试你的设计。

在这里,当你面对一个UI设计项目,你有40款独特的移动导航用户界面可以作为灵感。这些APP都是遵守了上述原则的优秀设计案例,有报价APP、健身APP、任务管理APP、旅游APP等等。如果你正赶着最后期限,没有时间从零开始设计,你可以使用其中的一些APP进行一些个人或者商业的用途。

Snap Task

干货推荐|40款独特的移动导航用户界面

Fitness App UI

干货推荐|40款独特的移动导航用户界面

Volcano App (Folded menu)

干货推荐|40款独特的移动导航用户界面

Menu

干货推荐|40款独特的移动导航用户界面

BFC Partners Mobile

干货推荐|40款独特的移动导航用户界面

Portfolio App

干货推荐|40款独特的移动导航用户界面

Side Menu

干货推荐|40款独特的移动导航用户界面

Project Manager

干货推荐|40款独特的移动导航用户界面

Mobile Dropdown Slider

干货推荐|40款独特的移动导航用户界面

Side menu animation

干货推荐|40款独特的移动导航用户界面

English Cards Animation

干货推荐|40款独特的移动导航用户界面

Quotes app (Sketch freebie)

干货推荐|40款独特的移动导航用户界面

Travel App

干货推荐|40款独特的移动导航用户界面

Menu by Frantisek Kusovsky

干货推荐|40款独特的移动导航用户界面

Slide Menu (code)

干货推荐|40款独特的移动导航用户界面

iPhone App Design /// Opened Menu

干货推荐|40款独特的移动导航用户界面

MetroLite App

干货推荐|40款独特的移动导航用户界面

Fantasy Leagues App

干货推荐|40款独特的移动导航用户界面

iOS Menu Concept

干货推荐|40款独特的移动导航用户界面

Medium for iPhone

干货推荐|40款独特的移动导航用户界面

Mixpanel Navigation Menu Icons/UI

干货推荐|40款独特的移动导航用户界面

Keezy menu

干货推荐|40款独特的移动导航用户界面

Menu Concept 1

干货推荐|40款独特的移动导航用户界面

GIF: Menu animation

干货推荐|40款独特的移动导航用户界面

‘Scout’ home screen

干货推荐|40款独特的移动导航用户界面

Nextr filter settings

干货推荐|40款独特的移动导航用户界面

Nav

干货推荐|40款独特的移动导航用户界面

Public Transportation iPhone App

干货推荐|40款独特的移动导航用户界面

App Media Mockup

干货推荐|40款独特的移动导航用户界面

Mobile Menu

干货推荐|40款独特的移动导航用户界面

WhatsApp Redesign [Unofficial]

干货推荐|40款独特的移动导航用户界面

SideMenu Real Pixels by Tomas Jasovsky

干货推荐|40款独特的移动导航用户界面

Menu slider/ feed screen

干货推荐|40款独特的移动导航用户界面

The Flyer app – Profile and Sidebars

干货推荐|40款独特的移动导航用户界面

Dashboard – Realtor Project

干货推荐|40款独特的移动导航用户界面

Tasks with people

干货推荐|40款独特的移动导航用户界面

Voting screen (side menu)

干货推荐|40款独特的移动导航用户界面

Clyp – iPhone Sidebar

干货推荐|40款独特的移动导航用户界面

Mobile Portfolio

干货推荐|40款独特的移动导航用户界面

DROP CALLING

干货推荐|40款独特的移动导航用户界面

 

作者: Iggy

原文地址:http://line25.com/inspiration/mobile-navigation-user-interfaces

译者:珊子想要去LA

译文地址:http://www.xueui.cn/appreciate/interface-appreciate/40-unique-mobile-navigation-user-interface.html

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/28364/

(0)
CatherineCatherine
上一篇 2017-05-20 18:38
下一篇 2017-05-20 20:39

相关推荐

  • 新用户首次体验有多重要?又该如何提升?

    一款优秀的移动产品应当有一套可靠的新手体验设计策略。不要把自己限制在产品里面,从核心价值入手准备——抓住每一次可以向用户传达价值的机会。不管是应用的广告或者一个引导页,抓住任何机会去诠释产品的价值与功能吧。

    2017-05-06
  • APPLE WATCH 中文手册:WatchKit使用iOS语言

    WatchKit应用扩展可以使用绝大多数iOS技术。由于应用扩展和应用还是有一些不同,因此某些技术的使用可能会受到限制,或者不受到推荐。下面是决定是否使用特定技术的准则: · 避免使用需要用户权限的技术,比如Core …

    2015-06-15
  • 读书会第二期:《用户体验要素》(下)

    接上文···框架层1界面设计界面设计要做的全部事情就是选择正确的界面元素。界面元素的种类繁多,书里列举了复选框、单选框、文本框、下拉菜单、多选菜单、按钮等一系列网站设计中常用的控件,在2001年的时候这些控件就已经出现了,至今仍在大量使用,但是作者写这本书的时候并没有预料到目前的互联网行业有多么繁荣,所以近些年出现的很多新控件都没在书里。目前ios平台和安卓平台都有完善的设计规范可供参考,网上也可以找到海量的控件模板,只要耐心积累,多观...

    2018-04-13
  • 以文本框为例,了解交互设计师在工作中的逻辑思考方法

    文本框是设计工作中常见的组件之一,无论是PC还是无线,大多仅是样式上的不同,它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发,让大家看到交互设计师在工作中的逻辑思考方法,从而达到见微知著的直观感受。

    2017-05-17
  • 交互案例实战!三个按钮背后由小见大的交互思考

    @窒息红Leon :初入交互设计工作,最常见的需求就是——放按钮。放按钮看起来是超级简单的事,无非就是设计按钮的样式、摆放按钮的位置、确定按钮的状态与反馈等,但殊不知其『麻雀虽小,五脏俱全』,小小的按钮设计…

    2015-09-18
  • Axure案例练习-点评打分效果

    现在,外卖也好,购物也好,打车也好,点评打分是网站常见的用户互动的功能,一般都是1~5分之间评分,分值对应几颗星或者几颗心,当用户点击确定之后打分就完成了。下面我就以大众点评网为例,制作了打分效果。做之前,我们先来分析一下,点评共涉及到6个状态:没有打分的时候、一颗星的时候、二颗星的时候、三颗星的时候、四颗星的时候、五颗星的时候。根据之前的学习,知道点评区域是一个动态面板,这个动态面板有六个状态,当鼠标分别悬停时,切换出不同的状态。我们...

    2018-04-29
  • 人工智能时代,给设计师的 3 个建议

    过去一年,和人工智能相关的新闻铺天盖地。身为设计师的你可能会问:人工智能和我的日程工作有关吗?我应该为此做什么准备?Design will be less about delivering on a user’s request, and more about responding to the needs they haven’t expressed yet.
    (未来,设计会更多地去响应用户还没有表达的需求,而不是去为了响应用户主动提出的需求)「Alexa,把客厅灯关了,把我的床头灯开到一半的亮度」
    「Alexa,再买一袋我上个月买过的那款猫粮」
    「Alexa,我今天早上的会议几点开始?」

    2017-05-07
  • 干货!如何做一个让人闻风丧胆的Html5页面

    Specifies the initial zoom factor for the window or viewing area. This is a magnifying glass type of zoom. Interactively changing the zoom factor from the initial zoom factor does not affect the size of the initial or the actual viewport.A two-dimensional transformation is applied to the coordinate system an element renders in through the ‘transform’ property. This property contains a list of transform functions. The final transformation value for a coordinate system is obtained by converting each function in the list to its corresponding matrix (either defined in this specification or by reference to the SVG specification), then multiplying the matrices.The value of the transform property is a list of applied in the order provided. … specifies a scale operation using the [sx,1] scaling vector, where sx is given as the parameter. … specifies a scale operation using the [1,sy] scaling vector, where sy is given as the parameter.

    2017-06-03
  • 交互分析:什么时候该用新窗口打开(target=_blank)?

    是否从新标签打开页面看起来也许并不是特别起眼,甚至可以说是一个很小的细节。但是正是这种小细节往往决定了你网站的用户粘性,是否可以在竞品中胜出。

    2017-08-04
  • 互联网产品经理常用工具有哪些?

    互联网产品经理的工作是复杂和多样的,PM们通常要负责产品各方面的事务,因此工作中需要用到的工具有很多,现在就跟这笔者一起来看看互联网产品经理常用工具有哪些,想走产品经理路线的同学可以提前了解一下。一、产品经理的主要工作"工欲善其事,必先利其器!"既然是"善其事",关键就是搞明白产品经理相关的工作内容,针对工作合理有效的利用软件,才能达到事半功倍的效果。要说到产品经理的职能,这是另开新篇的话题,这里我们先通俗概括一下PM的主要活动:1、参...

    2018-03-13