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

UI知识,首页、导航栏、标题栏三种潜规则

  • 2022-12-24 20:14:26
  • 来源/作者:互联网/佚名
  • 己被围观

跟大家分享一下UI设计时的三种潜规则 A、标签栏下滑型中: (1)普通下滑型,比如:豆瓣、QQ、微信、58同城、淘宝网、同程旅游很多工具应用性强的APP都是走这个实用路线,他的功能模块在下方标题栏,就像一件不出错

跟大家分享一下UI设计时的三种潜规则

A、标签栏下滑型中:

(1)普通下滑型,比如:豆瓣、QQ、微信、58同城、淘宝网、同程旅游……很多工具应用性强的APP都是走这个实用路线,他的功能模块在下方标题栏,就像一件不出错的衣服,看起来不够好看,但是实用。

UI知识,首页、导航栏、标题栏三种潜规则

UI知识,首页、导航栏、标题栏三种潜规则

UI知识,首页、导航栏、标题栏三种潜规则

(2)随心所欲型:比如格拉瓦,他采用的方式是左对齐,当你随便点击一个icon的时候,会展出给你做解释。

UI知识,首页、导航栏、标题栏三种潜规则

B、导航栏上滑型:

(1)滑动型:比如mono,他的导航栏采用左右滑动去选择功能模块,灵动,偶喜欢这种方式。

UI知识,首页、导航栏、标题栏三种潜规则

国内的bilibili也是采用这种将工具栏放在上方滑动的方式。这种比较适合艺术感十足,灵动的APP UI。

UI知识,首页、导航栏、标题栏三种潜规则

(2)固定型:比如QQ音乐,他将功能模块放在上方导航栏,选项少。

UI知识,首页、导航栏、标题栏三种潜规则

C、删除型:完全放弃导航栏和标题栏,因为功能选项设置在主界面,可以破坏死板的UI的固有形象。比如News digest

UI知识,首页、导航栏、标题栏三种潜规则

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

更多精彩内容

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