当前位置:首页 > PS教程 > PS教程

移动设计,移动应用导航模式设计方法

  • 2022-12-24 21:51:23
  • 来源/作者:互联网/佚名
  • 己被围观

移动应用的导航和现实世界中的路标或者地图的作用很类似。它是应用软件的虚拟框架,对用户具有指示标识以及识别的功能。 如何要让用户在使用中迅速掌握应用的框架结构,并且获得良好的体验,导航的设计方法是十分重要的。 相信做设计师的都看过《移动应用UI

轮播式完美体现了以内容为核心的设计理念。一般以获取简单信息为目的应用可以采用这种方式。

典型例子就是IOS自带应用天气。

移动设计,移动应用导航模式设计方法

最美应用也是轮播式

移动设计,移动应用导航模式设计方法

 

3-2隐喻式

隐喻就是用虚拟软件来模拟现实中存在的物体及其操作体验。

例子:手机上的指南针,可以设计成模拟真实指南真的表盘。右边是一个节拍器的应用,节拍器是什么,请问度娘。右边的节拍器完全模拟了真实节拍器的界面和操作方式。这个就是隐喻式的使用。一般使用此种方式的都是一些工具类的小应用。设计时直接模拟真实物体的操作方式即可。

移动设计,移动应用导航模式设计方法

3-2陈列式

陈列馆式的设计通过在平面上显示各个内容项来实现导航。注意此种导航模式和宫格的区别:陈列式直接显示的是内容,而宫格式显示的只是功能入口。

举例:IPad上的Pinterest(不知道这是什么??看看花瓣抄的谁。。)

移动设计,移动应用导航模式设计方法

总结:

以上导航模式可互相嵌套,选一种作为主导航模式,其他作为次级导航模式。不要只局限于一种导航模式。大部分应用都会嵌套几种导航模式。到底使用何种方式导航,取决于APP的信息架构及用户需求。

看大淘宝应用了哪些导航:

移动设计,移动应用导航模式设计方法

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 工具运用,给产品图片加上尺寸标识 工具运用,给产品图片加上尺寸标识
  • ps大师之路:ps笔刷的详细设置 ps大师之路:ps笔刷的详细设置
  • ps无缝重复图案的制作和使用方法 ps无缝重复图案的制作和使用方法
  • photoshop大师之路消除锯齿和羽化 photoshop大师之路消除锯齿和羽化
  • 教你怎样分辨照片是否被ps过 教你怎样分辨照片是否被ps过
  • 浅谈photoshop图像处理中的亮调,中间调,暗调选取 浅谈photoshop图像处理中的亮调,中间调,暗调选取
  • Photoshop自由变形调整照片的透视变形 Photoshop自由变形调整照片的透视变形
  • 文字设计,英文字母组合的N种方式 文字设计,英文字母组合的N种方式