美文网首页
UI界面布局有哪些?

UI界面布局有哪些?

作者: 陌染007 | 来源:发表于2020-07-22 11:16 被阅读0次

移动端APP在设计布局上因为空间有限在提升界面视觉效果的同时更要提升用户使用体验。布局的类型根据APP功能不同也有不同的布局选择。常见的布局有一下这些:

1、列表式布局

 列表类布局是在界面中以列表形式展示各条信息的布局形式。常见的列表类布局有通讯类、电商类、新闻自媒体类、应用下载类等APP软件,一般在功能上以多种选择为主,通过滑动列表来浏览各条信息。其展示效果层次清晰浏览方便。

2、陈列式布局

  陈列类界面UI设计常用图标或图片的形式作出展示,常见的陈列类APP有电商类、金融类等APP。以电商类为例,商品搜索过程中通过商品图片及基础信息的罗列展示,而且商品过多通过陈列展示,滑动浏览更方便用户操作及查看信息。

3、九宫格布局

  九宫格布局通常将图标或图片以横向三个纵向多个的形式展现出来,一般展现APP功能或分类。整体数量不多趋于固定,横向三个方便浏览,纵向多个方便扩展及滑动。通过简洁的界面展现出常用功能及常用导航选择。

4、弹出式布局

  弹出式布局在界面中应用一般在广告或品类选择中常见。弹出广告不多介绍,对于品类选择的弹出一般在电商类APP通过弹出选项卡做进行商品类型选择等。常用的弹出界面以辅助功能为主方便用户操作。

5、选项卡布局

  选项卡布局一般通过图片做选项内容,然后选项卡下方有固定的图片信息。常见的有电影票类APP、电商类APP常见,通过图片对内容的展示,下方写明具体细节等等。或用选项卡图片做产品展示,下方用文字进行细节描述等。

6、多界面布局

部分功能丰富的APP界面布局也比较丰富,通过功能导航然后分为多界面进行布局,各个界面中也可以做采用多种形式结合,根据各个界面功能或展示内容选择不同的布局形式。

以上列举几点布局形式,UI设计师建议在APPUI设计上根据内容风格等形式选择适合的布局形式。让APP更美观更方便使用。

相关文章

  • UI界面布局有哪些?

    移动端APP在设计布局上因为空间有限在提升界面视觉效果的同时更要提升用户使用体验。布局的类型根据APP功能不同也有...

  • iOS页面的布局方式

    iOS有三种基本的界面布局的方法,分别是手写UI,xib和storyboard。手写UI是最早进行UI界面布局的方...

  • iOS自动布局框架Masonry的使用

    我们知道做开发都需要屏幕适配,做屏幕适配就少不了界面UI的自动布局。那么自动布局的方式常用有哪些呢?在storyb...

  • UI界面控制Demo

    控制UI界面的几种方法 使用XML布局文件控制UI界面 在java代码中控制UI界面 使用XML和Java代码混合...

  • 日常学习

    1:日常中优化有哪些: 优化主要分为UI优化、内存优化、相应优化 UI优化 1、布局控件的选择:主要布局有Rela...

  • 抓下界面布局

    抓取界面当前显示的界面布局 adb shell uiautomator dump /sdcard/ui.xml a...

  • AutoLayout

    AutoLayout autolayout的概念 Autolayout是一种“自动布局”技术,专门用来布局UI界面...

  • AutoLayout 自动布局

    Autolayout 简介 Autolayout 是一种“自动布局”技术,专门用来布局 UI 界面的 Autola...

  • Autolayout自动布局实现的方法一:storyboard的

    Autolayout简介 Autolayout是一种“自动布局”技术,专门用来布局UI界面的, Autolayou...

  • 浅谈ui界面布局

网友评论

      本文标题:UI界面布局有哪些?

      本文链接:https://www.haomeiwen.com/subject/qeszkktx.html