当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >常见的app布局方式你了解多少?

常见的app布局方式你了解多少?

发布时间:2019-08-06 14:50:09

研发一款APP的是一个系统的工程,不仅要学会分析同类竞品,还要把握面向群体的用户心理以及用户需求,同时在界面的设计上,也同样要迎合人们的喜好。那么今天我们就来了解一下在APP设计过程中,有哪些常见的APP布局方式以及APP常见的布局方法吧!

首先我们先来了解一下常见的APP布局方式。

A.常见布局形式:竖向分栏布局

常见的app布局方式你了解多少?

-自上而下区分内容层级

-首屏可以展示丰富内容,有助于提高浏览率,给人严谨、理性的感觉,适用度广

.注意:信息过多,易杂乱

-banner的高度不超过屏幕1/3,或是延伸至屏幕顶端

B.常见布局形式卡片布局(上下分割布局)

常见的app布局方式你了解多少?

-图文组成的区域结构

C.常见布局形式图版布局(中轴重复图版布局)

常见的app布局方式你了解多少?

-突出标题,高图版率,视觉冲击力强

-对背景图要求高,需求:风格统一,精致,

-小技巧:图片风格尽量保持一致

D、常见布局形式:列表布局

常见的app布局方式你了解多少?

E、常见布局形式:两列图版布局

常见的app布局方式你了解多少?

F、常见布局形式:宫格布局

常见的app布局方式你了解多少?

G、常见布局形式:满版布局

常见的app布局方式你了解多少?

接着我们再来了解一下app常见的布局方法有哪些:

A.归类法

-归类页面元素:找相同(聚合点:用户需求,行为特质,产品资源等)

-同类元素放在一起

-根据用户喜好维度合并

-展现的归类元素有代表性

常见的app布局方式你了解多少?

B.隐藏法(需要时出现,不需要时隐藏)

-把一部分元素藏起来:躲猫猫

-非核心的

-专家用户的

-当前页面中次要的

-不鼓励使用的

常见的app布局方式你了解多少?

C合并法:针对的是功能

交互设计三要素:任务,合并的聚合维度:目标

-合并相同目的的功能:走迷宫

-针对单一目的的多功能合并

-合并的方式要符合用户习惯

常见的app布局方式你了解多少?

D.分格法:类似九宫格,分格大小可以不完全等大

E.切换法:

.展现页面元素:画中画

-更适合手机端提升交互感受和视觉表现力

-切换内容不宜过多

F.局部法:

.局部化改造页面:放大镜

.风格一致

-引导清晰

常见的app布局方式你了解多少?

今天的内容到这里就结束了,希望今天小编的一番介绍,也能让大家在设计app的时候,拥有更多的设计灵感。

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码入群领福利

扫码领福利最新AI资讯

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定