UI设计教程学习分享:APP布局

摘要:
1、 宫殿布局是目前最常见的APP信息布局方式,也是符合用户习惯和黄金比例的设计方式。锤子手机界面设计采用了九宫布局、六宫布局等方法来欣赏知名的APP设计:这也是一种易于ios和Android开发者编写的布局方法。2、 列表布局列表布局是以列表的形式显示特定内容。列表布局是指ListView是一个可滚动的列表布局。最常见的列表布局应该属于Android。

一、宫格布局

这种APP信息布局方式也是我们目前最常见的一种方式,也是符合用户习惯和黄金比例的设计方式,最知名的就是锤子手机的界面设计。锤子手机界面设计欣赏知名的APP设计采用的九宫格、六宫格等方式布局有:携程APP、途牛APP、支付宝APP等等。

984d31a2df324568bf0d5d89901ea49c.png

c5b6ba3a00804ca6aa5fa71c90f70587.png

九宫格是一种比较古老的设计,它最基本的表现其实就像是一个三行三列的表格。

采用宫格布局的优势:

非常方便的适配所有的移动手机机型。因为这样的结构是最有利于内容区域随屏幕分辩率不同而自动伸展宽高,同时也是ios和android开发人员比较容易编写的一种布局方式。

信息内容展示的方式,简单明了。

二、列表布局

列表布局就是以列表的形式展示具体内容,并且能够根据数据的长度自适应显示。

列表布局就是List View   是可以滚动的列表布局方式,最常见的应该属于android的列表布局,这也是最快速的app布局方式。因为无论ios开发和android 都有现成的列表布局插件和模板。

4fdbdea293364787aa263a537a5b7395.png

7b6ed0c6c33840778196e6dfb9f00cd5.png

以上的APP界面基本都是以列表布局为主导。最能代表的就是分类信息的展示形式。还有产品列表、对话列表等等。

三、大图展示布局

这类布局多见于引导页设计和一些图片分享app、或者文艺范、摄影类的APP主导的布局方式。

a0ee41779267459893823b26e9dcaa1c.png

197eff8f775d4679880e82a1f467d37c.png

编辑:千锋UI设计

免责声明:文章转载自《UI设计教程学习分享:APP布局》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇CocoaPods安装使用及配置私有库Php45道基础知识题 以及答案与解释下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

H5_0040:iframe 父子页面方法调用

父页面与子页面交互 父页面获取子页面的window对象: //原生JS获取方式: var frameWin = document.getElementById("ifr").contentWindow; 或 var frameWin = document.getElementsByTagName('iframe')[0].contentWindow; 或...

UOS安装zerotier-one

一、在线安装方式 下载安装 curl -s https://install.zerotier.com/ | sudo bash 添加开机自启 sudo systemctl enable zerotier-one.service 启动zerotier-one.service sudo systemctl start zerotier-one.servic...

Android开始之dialog警告框,单选/多选框/自定义对话框

AlertDialog:一个标题,三个按钮,列出一些选项或自定义布局; 警告:----------------------------------------------------- 多选:-------------------------------------------------------------------------- 单选---...

Linux下shell通用脚本启动jar(微服务)

Linux下shell通用脚本启动jar(微服务) vim app_jar.sh #!/bin/bash #source /etc/profile # Auth:https://www.cnblogs.com/liucx/ # Please change these parameters according to your real env. # set...

lua中table的遍历,以及删除

Lua 内table遍历 在lua中有4种方式遍历一个table,当然,从本质上来说其实都一样,只是形式不同,这四种方式分别是: 1. ipairs for index, value in ipairs(table) do end 注:这种方式的遍历只会从key为1的地方开始,一直以key递增1的顺序来遍历,若找到一个递增不是1的key就结束遍历,无论后面...

JAVA中初始化ArrayList的三种方式

  下面讲一下ArrayList初始化的几种不同方式。 一、最常用的初始化方式。 1 List<String> list1 = new ArrayList<String>(); 2 list1.add("apple"); 3 list1.add("banana"); 4 list1.add("o...