zoukankan      html  css  js  c++  java
  • UI设计教程学习分享:APP布局

    一、宫格布局

    这种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设计

  • 相关阅读:
    iOS开发之--打印一堆奇怪东西的解决方案
    iOS开发之--从URL加载图片
    iOS开发之--搭建本地的SVN服务器
    HTML5
    swift
    swift
    HTML 换行
    HTML 注释
    HTML 水平线
    /etc/rc.d/rc.local
  • 原文地址:https://www.cnblogs.com/leolei/p/9851041.html
Copyright © 2011-2022 走看看