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

相关推荐

  • 一组能切实提高转化率的网站着陆页设计

    网页设计 师目前在设计界是一个最为尴尬的存在,一方面他们被视为和GEEK党混在代码堆里不懂审美的怪咖,另一方面他们又苦于网页中被局限的自由而无法在创意上得到最大延伸,设计师本人无法给自己准确定位。

    2017-06-02
  • 交互设计 | “综合类&艺术类”院校申请侧重点指南

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-21
  • 为Apple TV进行UI设计需要了解哪些基本规则?

    仔细想想,你会发现我们正处于大屏UI 设计的一个有趣的阶段。2015年推出的Apple TV 已经是第四代产品了,但是其他的同类型产品尚且处于第一代或者说早期阶段。发布会上吹出的牛逼最终还是要经过市场验证,而实际状况比起大家预期的结果,更加复杂。到底要如何给Apple TV 设计APP呢?今天的文章,我将为大家分享一下我们为丹麦最大的内容供应商设计APP的经验和相关的资源,也许能帮大家一窥究竟。

    2017-05-26
  • 十步交互设计方法

    理清业务逻辑是交互设计的第一步,你必须得拥有非常清晰的逻辑思维,因为某些产品往往伴随着海量的功能、大量的模块、错综复杂的交互流程以及难以理解的业务技术背景,这些都是对设计师逻辑思维的一个挑战。如果你没有清晰的清晰的逻辑思维,那可能就不适合做交互设计了。

    2017-05-27
  • 汽车仪表盘信息系统设计:偏重的是视觉设计而不是交互设计

    从交互设计的角度来看待汽车仪表盘信息系统设计,文中所用的交互设计观点是来自他人的各种总结。

    2017-05-11
  • VR中的协作游戏

    在VR中分享经验、与他人协作,这是绝无仅有的一个新维度。玩家们甚至语言都不通,这个事实如此奇妙,证明了我们仅凭极少的手段就能沟通和协作。

    2017-04-28
  • 聊天的未来不是人工智能 ,及时交互才是关键

    作为Kik首席执行官,对于即将到来的聊天机器人革命,我思考了很长时间。一年半前,我们率先推出了一个基本版聊天机器人平台,之后,数百万Kik用户和这个机器人进行了对话。其他消息应用(比如Telegram和Slack)也在开发自己的聊天机器人,此外有传言称,Facebook将会在四月12日举办的f8大会上为Messenger推出自主开发的机器人平台。可能是有史以来第一次,聊天机器人能实现你和你周围世界的即时互动。最近,我亲身经历过的一件事,可能最好说明这一切。我的所有操作如下
    打开聊天应用 > 扫码> 输入“2”> 输入“百威”> 选择卡号。搞定!这种即时交互,只有聊天机器人能够做到。你不需要下载App应用,也不需要创建新账号,还有最重要的,你不用学习了解一款新应用里的操作界面了!只需扫码、聊天就能满足需求。这种体验,就像是我在手机上按了一个按键,三分钟之后一辆Uber出现在我面前。如今,科技行业喜欢把它称为O2O模式——在一款App里预订到实体产品或服务。而现在,你甚至不再需要一款App应用,只需用聊天的方式,就能满足自己的日常生活需要。

    2017-05-26
  • 视频平台VS网络电视:内容营销提升用户体验是硬道理

    近年来,视频平台发展迅速,视网同步、网络独播等不断满足观众的各种需求。在“马太效应”(即强者愈强、弱者愈弱的现象)愈发明显的行业环境下,各大视频平台领跑行业,但版权购买、会员抢夺、内容营销等现象导致行业竞争持续加剧,视频网站将迎来升级。同时,随着互联网发展,“互联网+电视”的形式也在逐渐普遍,对于观众而言,足不出户便可以通过科技满足观看喜好已成为现代生活的标志之一。那么,视频平台与互联网电视有何区别呢?它们在内容选择和盈利方式上又有何不...

    2018-02-12
  • 不仅要漂亮:看图像如何引导用户体验!

    俗话说得好,“一图胜千言”。图片不仅要漂亮,还要够意思!

    2017-05-08
  • 交互设计基本功-pc端

    很多小伙伴0基础想转ux,看了很多网上的文章和书,但是依然不知道具体怎样入手。看完这篇文章,你就可以真正的入门了。1、按钮的5种状态1)正常状态:可以点击且没有进行任何动作的状态2)鼠标悬停时状态:鼠标停留…

    2017-08-01