UI设计素材|底部导航设计的黄金法则

导航模式是提高可用性的捷径。当你查看近年来最成功的交互导航设计时，显而易见的赢家是那些完美执行基本原则的人。虽然跳出条条框框思考是一个非常好思维方式，但有些规则是你不能打破的。以下是创建出色的移动导航的四个重要原则：

简单首先，最重要的是，导航系统必须简单。良好的导航应该感觉像一只无形的手，引导用户。一种方法是根据移动用户最有可能执行的任务来确定移动应用程序的内容和导航的优先级。

可见正如雅各布·尼尔森（ Jakob Nielsen）所说，识别物体比记忆更容易。这意味着你应该通过使操作和选项可见来最小化用户的记忆负担。导航应该始终可用，而不仅仅是在我们预期用户需要导航的时候。

明确导航功能必须是不言而喻的。你需要以简洁明了的方式传递信息。在没有任何外部指导的情况下用户应该一目了然的知道如何从A点转到B点。试想一下购物车图标，它作为一个标签或查看项目的标识符。用户无需考虑如何导航才能进行购买；此元素将指导他们执行适当的操作。

一致性所有视图的导航系统应相同。不要将导航控件放在不同页面上的新位置。不要欺骗你的用户，要始终保持言行一致。你的导航应该使用“最不意外的原则”。导航应该激励用户参与并与你所提供的内容互动。

大拇指设计法则史蒂文·霍伯在对移动设备使用情况的研究中发现，49%的人依靠一个拇指在手机上完成任务。在下面的图中，手机屏幕上的图表是近似可达图，其中颜色表示用户可以触及的屏幕区域，并与拇指交互。绿色表示用户可以轻松到达的区域；黄色表示需要伸展的区域；红色表示需要用户改变握住设备的方式的区域。

底部导航

底部导航材料设计 - FREEBIE FO

Twitter的重新设计（谷歌底部导航）

材料底部导航

UI设计素材|底部导航设计的黄金法则相关推荐

UI干货素材分享|导航设计
导航是一个网站最重要的入口,客户是否能快速获取到自己想要的内容,这里的设计至关重要. 微软导航视图一个好的网站是由多个细节共同组成,不管您是服务型企业还是产品型企业,网站导航设计得体,会让整个网站架 ...
云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装
阅读目录 1.底部导航BottomBar设计与实现 1.1 说明 1.2 基于每个tab的子frament的父类的实现 1.3 建立bean类包含tab的信息(icon+文字) 2.打造适合电商主界 ...
质感设计 android,扣丁学堂Android开发Flutter质感设计之底部导航
BottomNavigationBar即底部导航栏控件.显示在应用底部的质感设计控件,用于在少量视图中切换.底部导航栏包含多个以标签.图标或两者搭配的形式显示在项目底部的项目,提供了应用程序的顶级视图 ...
UI实用素材|字体在设计中的重要性
UI设计中字体分为重要字体.较重要字体和一般字体,根据文字信息的重要性来确定文字的字体和字号.其中重要的文字一般为大标题.导航栏:较重要的文字为二级页面小标题.栏目标题等:一般字体为普通正文文字和 ...
UI设计素材|卡券界面设计
卡券界面多出现于大众消费类和营销类APP中,常以列表形式出现,可以根据活动内容设计不同风格. 优惠券应用概念样机的优惠券应用卡券列表: 设计卡券列表时,既要保证每个活动厂商的LOGO可以凸显出来, ...
UI实用素材模板|app底部导航栏的图标可临摹素材，教你分析！
图标在产品中的应用非常重要,不同位置的图标有不同的设计思路. 底部导航栏图标重要性底部导航栏的图标是路牌,承担着指路的作用,给用户指明进入产品后可以分别通往什么页面.早期的底部导航栏是单一的指路功能 ...
UI设计师必备的APP设计素材
引导页设计素材 iBlocks iOS 线框图套件 Platforma 引导页线框登录页设计素材基于组件的iOS 8 UI套件酷登录/注册屏幕首页设计素材尤伯杯首页重新设计耐克首页重新设计 ...
高质量的设计素材，有效提高工作效率
学艺术设计的,不管是作为灵感的参考还是美学的提升,都离不开设计素材.而大部分作品都是由多种多样的素材组合成的,图片.字体.图形.图标等素材是设计作品中可见的组成部分:而设计创意和设计灵感相对来说是比较 ...
这5个设计素材网站，绝对不能错过
推荐几个我做设计经常用的素材网站,重点是免费! 1.菜鸟图库菜鸟图库-免费设计素材下载这个是一个综合性素材网站,主要以设计素材为主,很多平面.电商.UI等设计素材,还有很多免费.可商用的高清图片素 ...

UI设计素材|底部导航设计的黄金法则

UI设计素材|底部导航设计的黄金法则相关推荐

最新文章

热门文章