干货推荐|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

相关推荐

  • 酱课程丨交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!

    上周,我们发布了交互设计师Eary Alan的第一期课程,最值钱的内容,就是这张指导交互设计师们工作流程的“双钻图”了(横屏观看)。从0开始到完成一个设计项目,都是两次发散(Diverging)和两次汇聚(Converging)的结果。Discover探索与调研属于发散型的思考,探索研究问题的本质1. 质疑 rip the brief对需求质疑,对商业模式质疑,对用户质疑,质疑一切不合理的事情。2. 故事/场景 cluster topi...

    2018-04-07
  • 我对QQ音乐的体验:关于探索音乐的故事。

    作为一名两年的QQ音乐app用户,当初我使用它的原因在于精美的界面设计和众多高质量的音乐资源。而现在,我每天都有听歌的习惯,这个我常用的软件也成为了不能缺少的部分。我接下来从探索音乐的角度分析QQ音乐手机客户端的一些功能和体验,仅代表个人观点。

    2017-06-02
  • 如何以正确的姿势完成虚拟世界的互动?

    如果你还是个VR交互的小白;如果你已经意识到三维世界交互的不同,却还没有突破的方法;这篇文章,值得收藏、细读

    2017-05-15
  • 设计思维常用的五种工作方法

    什么是设计思维呢?顾名思义,设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维?今天这篇用两个实战案例帮你一窥设计思维的奥妙。

    2017-05-06
  • 聊下你不知道的交互设计:交互设计师在项目中是如何工作的

    从事交互设计3年了,经常有朋友和同事问我“到交互到底干嘛的?”答曰:“根据用户的需求及场景,用简单、愉悦的方式完成任务”。但他们似乎还是不太明白。

    2017-05-25
  • 【干货知识】最全面的交互设计原则和理论汇总(下)

    【点击上方蓝字↑↑↑关注「艺恋优梦」获得每晚推送】防错原则:防错原则认为大部分的意外都是由设计的疏忽,而不是人为操作疏忽。通过改变设计可以把过失降到最低。该原则最初是用于工业管理的,但在交互设计也十分适用。如在硬件设计上的 USB 插槽;而在界面交互设计中也是可以经常看到,如当使用条件没有满足时,常常通过使功能失效来表示(一般按钮会变为灰色无法点击),以避免勿按。如上图所示极客公园的评论功能快,在留言框没有内容或邮箱格式不正确的时候是无...

    2018-04-11
  • 社区O2O与传统社区平台的对比

    社区O2O是一个需要长时间探索的行业,主要是因为社区是一个复杂的地方,看似商机很大但真正建立一个粘度很高的平台并不那么容易,但平台无论从何点切入,其社区的复杂性决定了在平台搭建时不得不去思考以下四点,分别是场景、内容、载体和融合,本次和大家探讨的是生活场景的打造和载体的介入。

    2017-05-21
  • 关于用户体验&交互设计的视频分享【日常思考0001】

    (。・∀・)ノ゙嗨这里是Chiki的深夜抽风小记录,做个日常思(bing)考(zheng)收集。公众号取名“Design for What"是希望以后自己做设计的时候可以多思考设计是为什么Find your passion,and let it kill you那么开始今天的开场首秀!今晚本想磕磕榛子垫垫肚子就……就开始做事来着,结果不小心打开平板……看了会视频(明明是好久……都是借口😭)不过视频不错分享给大家👇视频在这:截了有点不一样...

    2018-04-14
  • 交互设计——绘制流程图

    在上一篇文章中了解如何寻找接触点、梳理接触点,在这篇文章中主要就是如何来绘制流程图。现在普遍对流程图的分类有四种:业务流程图、页面流程图、功能流程图、程序流程图。在这主要通过现有的APP分析来进行区分不同流程图以及如何交互设计师或者产品经理选择应该使的流程图。何为流程图在上文中讲到了流程,流程是事物进行中的次序或顺序的布置和安排。流程是自然而然就存在的,它可以不规范,可以不固定,可以充满问题。而流程图的核心就在于如何排布事物进行的次序,...

    2018-05-06
  • Mockplus实例之一看就会de五个交互功能

    实例来源:豆瓣新加日记(https://www.douban.com/note/create)先看看豆瓣新加日记的网页:再看看已经制作好的原型预览页面:在原型制作中有五个有特色的交互功能:1 题目和正文切换时,边框颜色变深这里需要交互…

    2016-07-27