同城200带吹电话-免费风楼阁全国约,附近人100块钱,上门服务24小时接单平台

当前位置：首页 >教程首页 > 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期学员王佳蕊作品

专业问题咨询

你担心的问题，火星帮你解答
×

确定