研发一款APP的是一个系统的工程,不仅要学会分析同类竞品,还要把握面向群体的用户心理以及用户需求,同时在界面的设计上,也同样要迎合人们的喜好。那么今天我们就来了解一下在APP设计过程中,有哪些常见的APP布局方式以及APP常见的布局方法吧!
首先我们先来了解一下常见的APP布局方式。
A.常见布局形式:竖向分栏布局
-自上而下区分内容层级
-首屏可以展示丰富内容,有助于提高浏览率,给人严谨、理性的感觉,适用度广
.注意:信息过多,易杂乱
-banner的高度不超过屏幕1/3,或是延伸至屏幕顶端
B.常见布局形式卡片布局(上下分割布局)
-图文组成的区域结构
C.常见布局形式图版布局(中轴重复图版布局)
-突出标题,高图版率,视觉冲击力强
-对背景图要求高,需求:风格统一,精致,
-小技巧:图片风格尽量保持一致
D、常见布局形式:列表布局
E、常见布局形式:两列图版布局
F、常见布局形式:宫格布局
G、常见布局形式:满版布局
接着我们再来了解一下app常见的布局方法有哪些:
A.归类法
-归类页面元素:找相同(聚合点:用户需求,行为特质,产品资源等)
-同类元素放在一起
-根据用户喜好维度合并
-展现的归类元素有代表性
B.隐藏法(需要时出现,不需要时隐藏)
-把一部分元素藏起来:躲猫猫
-非核心的
-专家用户的
-当前页面中次要的
-不鼓励使用的
C合并法:针对的是功能
交互设计三要素:任务,合并的聚合维度:目标
-合并相同目的的功能:走迷宫
-针对单一目的的多功能合并
-合并的方式要符合用户习惯
D.分格法:类似九宫格,分格大小可以不完全等大
E.切换法:
.展现页面元素:画中画
-更适合手机端提升交互感受和视觉表现力
-切换内容不宜过多
F.局部法:
.局部化改造页面:放大镜
.风格一致
-引导清晰
今天的内容到这里就结束了,希望今天小编的一番介绍,也能让大家在设计app的时候,拥有更多的设计灵感。
上一篇 一篇文章带你了解网页布局
下一篇 企业标识设计的几个注意要点
热门课程
专业讲师指导 快速摆脱技能困惑相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答本文是关于Unreal Engine基础学习的全面指南,适合初学者以及想要提升技能的开发者。
一个深度解析无基础UE5短期培训的文章,了解短期培训的重要性,以及火星时代教育如何帮助零基础学员快速掌握UE5。
对比各类视频剪辑软件,分析并推荐专业而质量上乘的视频剪辑软件培训机构
C++编程学习中心致力于为学子提供深度和广度的C++编程知识,火星时代教育则为学习者提供威谛教学环境。
了解虚拟现实技术的价值和应用,并探索专业的VR技术培训班,提升你的技能和知识
为寻求高质量室内培训方案的人提供一些指引,并介绍火星时代教育的专业服务。
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!