培训首页  >  UI设计师新闻  >  APP界面布局小技巧，快上车！
UIUE设计师精修班

APP界面布局小技巧，快上车！

来源：

北京火星人电脑培训学校

    发表于：2020-01-09 13:48:45   99次浏览
相关标签： UI设计师培训   北京UI设计师培训

APP界面布局小技巧，快上车！




火星人教育 △ 让天下学生 学有所成 △

APP界面布局设计是APP设计中非常重要的一环，合理的运用APP界面布局会让APP的界面显得很清晰美观。那么常见的APP界面布局有哪些呢？



APP界面常用布局形式


1.顶部导航。整个的应用的导航在顶部，用户通过左右滑动来切换不同的导航选项卡，主内容区域将是一个动态面板。当用户点击导航条目或者左右滑动手指的时候，就切换主内容区域的动态面板的状态。


2.标签式导航。具有多个主要功能划分的应用都采用了这个方式；适合3~5个导航菜单，核心功能比较突出，也能够以很直观的方式通知用户。


3.抽屉式。抽屉式布局是指导航隐藏在左侧或者右侧，用户通过滑动拖拽的方式，像打开抽屉一样将导航部分拖出。这种布局适合主内容较多，不希望菜单栏占据固定位置消耗空间的应用程序。


4.九宫格式。九宫格其实不一定是九个格，可以根据需要灵活地调整。九宫格布局的特点就是直观，所有的功能一目了然。
5.下拉列表式。在这种布局中菜单默认是隐藏的，用户点击后滑出，有点儿类似于抽屉布局，不过一般是上下滑动的。


6.异形。在这类布局中，会采用一些非常规的菜单来进行导航，例如：圆形的导航盘、飞出式菜单等。


7.分级菜单。多层级的菜单这种设计适合与项目很多但是每个项目的内容比较简单的界面应用，例如：联系人、地址等。



APP界面布局小技巧


1、公司/组织的图标(Logo)在所有页面都处于同一位置。
2、用户所需的所有数据内容均按先后次序合理显示。
3、所有的重要选项都要在主页显示，重要条目要始终显。


5、重要条目要显示在页面的中间位置。
6、必要的信息要一直显示。
7、消息、提示、通知等信息均出现在屏幕上目光容易找到的地方。


8、确保主页看起来像主页(使主页有别于其它二三级页面)。
9、主页的长度不宜过长。
10、APP的导航尽量采用底部导航的方式。菜单数目4~5个。


11、每个APP页面长度要适当。
12、在长网页上使用可点击的“内容列表”。
13、专门的导航页面要短小，避免滚屏，以便用户一眼能浏览到所有的导航信息。


14、优先使用分页(而非滚屏)。
15、滚屏不宜太多(长4个整屏)。
16、需要仔细阅读理解文字时，应使用滚屏(而非分页)。
17、为框架提供标题。


18、注意主页中面板块的宽度。
19、将一级导航放置在左侧面板
20、避免水平滚屏。
21、文本区域的周围是否有足够的间隔。
22、各条目是否合理分类于各逻辑区，并运用标题将各区域进行清晰划分。





文中图片素材来源网络，如有侵权请联系删除

APP界面布局小技巧，快上车！原创内容，请点击 北京UI设计师培训

  • 平面设计师
  • UI设计师
  • 室内设计师
  • 动漫设计师
  • 服装设计师
  • 规划设计师
  • 零基础
  • 有PS基础
  • 有AI基础
  • 有CAD基础
  • 有PR/AE基础
  • 其他软件基础
  • 周末班
  • 全日制白班
  • 随到随学

热门课程

  • 平面设计师精修班(创意设计师)

    询价

  • 室内设计师培训全科班

    询价

  • 商业室内设计师

    询价

  • 火星人室外建筑模型班

    询价

  • 建筑与景观VRay渲染表现班

    询价

培训问答

在线课程顾问

预约试听

只要一个电话

我们为您免费回电！

马上预约

温馨提示

学校环境

更多>>

热推课程

更多>>

培训资讯

更多>>
热门信息