APP的“风水学”——你值得拥有
最后更新 :2023.11.18
借用一个传统概念——风水,来形容APP的图文布局。个人觉得所有的学问和知识其实都是相同的,也是可以借用的。其实经典的、常见的都是最好用的,那就跟着本文一起来了解下吧。——邢皮皮
图文布局版式是app设计的骨干支架
各类app通常会以不同的业务需求和用户引导需求来进行决定性信息的排布优先级,只有合适的图文布局形式才能让用户有效的被引导,实现产品的设计目标。
以下将结合通过各类app的版面案例,来解析三种常见的图文布局版式。
希望这次的学习,也能在大家以后的页面设计中提供一些思路和选择方案。
1、上图下文
上图下文更强调了图片的重要性,已图片为先,这类图文布局通常被运用在有大量优质图片的提供和产生的app中,如设计类、杂志类、摄影类、短视频类app,利用高质量吸睛图片来抓住用户的眼球,但值得注意的是,这类布局的缺点是图片版面占比太大,版面利用率偏低,且对图片质量较高。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2022/02/11/9.jpg)
如果一定要用这类图文布局,考虑到图片与文字之间的优先级关系,应尽量使用黄金比例做展示,如4:3,2:1,16:9等
说到上图下文的图文版式,不得不提到宫格版式的上图下文,这种图文版式能够极大的提升页面版式的利用率。
一般多用于电商平台的商品展示,能同时将多个产品图片及信息同时展示,提高流量和转化率。而这样的版式布局的缺点则是缺乏信息的展示完整度,在布局时要更多的考虑到不同的设备终端所带来的展示信息的极限值的设置。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2022/02/28/8.jpg)
2、左图右文
左图右文的图文版式算是非常常见了。大家经常会将它与左文右图来进行对比,其实无论图片在左边或是右边,这类布局我们优先考虑的应该是图文之间的占比,除此之外,如果在这个版面中,图片的优先级是高于文字的,那么我们通常会选择左图右文,反之则会选择左文右图。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2021/08/29/0210818173220.jpg)
方形的缩略图是最常用的形式,适中的宽窄比例也让右侧的文字显示空间更加舒适。
横形的图片比例会让右侧的文字空间进行挤压,但是图片增加了页面的氛围感。竖形的图片让右侧有更大的空间,同时版面的留白也更大,但是如果右侧的信息过少,则会让页面右也不完整和不平衡。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2021/08/29/0210818173220.jpg)
3、图文混排
为了使信息传达的更一致,如果没有大连的文字信息我们通常会选择图文混排的版式来进行页面布局,为了适应多变的图片,我们通常会在文字底部加一层黑色半透明蒙层或者给文字加隐形来增加文字的可阅读性。
总结,各类的app会根据自己的产品业务诉求,来设计不同的版面与布局,没有对错,只有是否合适。只有合适自己的产品的版面布局,才能实现自身产品产生价值最大化,和商业转化。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2019/11/06/1573030284355406.jpg)
- END -
为什么有人被情感束缚了 感情中为什么老感觉到被束缚
为什么有人被情感束缚了情感绑架的个体差异人们对情感的反应因其个体的心理特点和经历而有所不同。一些人可能更具有理性思维和情感管理的能力,能够较好地控制自己的情绪和情感反应,因此不容易受到他人情感的影响。相反...
你的另一半在哪里(我的另一半你在哪里的说说)
QQ群里群名片在哪里?教你轻松找到并设置 在繁忙的网络社交中,QQ群成为了人们交流、分享的重要平台。而群名片作为个人在群内的身份标识,其设置不仅关乎个人形象,还能体现个性。那么,QQ群里群名片到底在哪里呢?接下来,就让我...
哪里登录皇冠游戏 皇冠线上登录
哪里登录皇冠游戏:探索皇冠游戏的登录入口与平台 皇冠游戏,作为当下备受欢迎的在线游戏平台,吸引了无数玩家的关注。然而,对于初次接触皇冠游戏的玩家来说,可能会有些困惑:哪里登录皇冠游戏呢?本文将为您详细解答这一问题,带...
属狗人养狗好吗 属狗人养狗的相关风水
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2021/09/05/794f75d129_1044.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
现在越来越多人喜欢养宠物,但是不是什么生肖的人都适合养狗的。接下来,让我们一起看看属狗...
4种花“怕冷”,温度一低就黄叶落花,挪进室内是关键
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2022/02/20/6092324.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
4种花“怕冷”,温度一低就黄叶落花,挪进室内养护是关键。比如下面的这4种“怕冷花”,建议及...
农村说“房屋莫开五门”,这“五门”被称为“鬼门关”!
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2019/11/08/1573183727830459.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
农村人们在修房建屋方面的讲究规矩之多,相信在农村生活的大家都有所了解。虽然很多看起来...
哪个血型善良(天蝎座哪个血型最善良)
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2020/07/02/20180927_110233_012.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
在社交中,大家总是会一直讨论着一个人善不善良,但您是否知道一个人的血型也能反映出他的性...
生肖虎哪个方向2017(生肖虎买什么方向最佳)
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2019/11/08/1573183737602111.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
在中国传统文化中,生肖属相是人们日常生活中常提及的一个话题。每一个生肖属相都代表着一...
易经算命中皮外孩是啥意思 外皮子是什么意思
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2019/11/04/1572838705505131.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
老铁们,大家好,相信还有很多朋友对于易经算命中皮外孩是啥意思和外皮子是什么意思的相关问...
易经算命外还有几种 易经用来算命
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2019/11/04/1572838698618042.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
大家好,关于易经算命外还有几种很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分...
女孩起名字寓意大全猪年 女孩取名字大全带寓意
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2019/11/06/1573030284355406.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
大家好,今天来为大家分享女孩起名字寓意大全猪年的一些知识点,和女孩名有寓意的猪年宝宝的...
属鸡男今日运势和每日运势 属鸡男今日运势如何
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2020/03/02/chthyt.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
大家好,属鸡男今日运势和每日运势相信很多的网友都不是很明白,包括属鸡男每月运势也是一样...
l八字合婚 结婚 合八字
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2019/11/06/1573030275865746.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
老铁们,大家好,相信还有很多朋友对于l八字合婚和结婚 合八字的相关问题不太懂,没关系,今天就...
免费算命八字寿命周易 免费算命算寿命
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2020/09/16/16111927527.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
大家好,今天给各位分享免费算命八字寿命周易的一些知识,其中也会对算命免费 寿命进行解释,...
自己八字有合又冲的简单介绍 八字有冲有合怎么看
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2021/09/05/e680b64884_1044.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
本篇文章给大家谈谈自己八字有合又冲,以及对应的知识点,文章可能有点长,但是希望大家可以阅...
女人四十岁生日低调发朋友圈,四十岁生日感言朋友圈
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2022/08/05/500f6db679c5d5629417819c29ea7a92.jpg?x-oss-process=style/51docs&h=200&w=300&zc=1&a=c&q=100&s=1)
提起女人四十岁生日低调发朋友圈,大家都知道,有人问四十岁生日感言朋友圈,另外,还有人想问45...
2022年白羊座太惨了,白羊座在2022年事业方面会怎样呢?
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2022/07/31/9e8a4ee206f722bf4fc35ffff1cdd0ab.jpg?x-oss-process=style/51docs&h=200&w=300&zc=1&a=c&q=100&s=1)
提起2022年白羊座太惨了,大家都知道,有人问白羊座在2022年事业方面会怎样呢?,另外,还有人想问...
孙俪真实身高才158cm,孙俪身高到底有多高
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2022/07/26/f5f5e5cf1ed71a40fc9787d82de620ea.jpg?x-oss-process=style/51docs&h=200&w=300&zc=1&a=c&q=100&s=1)
提起孙俪真实身高才158cm,大家都知道,有人问孙俪身高到底有多高,另外,还有人想问演员孙俪身...
一个男生给你看他下面心理学,男人把自己的下身发给女人是什么心态
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2022/07/25/d353868103a3747894cfbc7c4e569eae.jpg?x-oss-process=style/51docs&h=200&w=300&zc=1&a=c&q=100&s=1)
提起一个男生给你看他下面心理学,大家都知道,有人问男人把自己的发给女人是什么心态,另外,还...
29岁属羊和属什么的最相和,属羊的和什么属相最配
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/12/05/924efb151b22ee662b35327abc31bc9d.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
29岁属羊和属什么的最相和 人活着更大的善行就是如水般涓涓流过。而没有名利的争求,其实...
宋韶光2022年属鸡,2022 年生肖运势
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/12/01/55dc84b79648e9f459e143da9d816618.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
宋韶光2022年属鸡 进入2022年的虎年,属鸡金牛座朋友各方面运势也会有很大的改动。属...
生肖蛇2022年财运运势,属蛇2022年能发财吗
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/30/30e20b0b8dc8d2ab2b99a5635ac60699.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
生肖蛇2022年财运运势 (此处已添加小程序,请到今日客户端查看) 在平常的生活中,如果想要通...
每日显示生肖的日历,电脑桌面日历
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/27/58276cf48bac8767969b0a051563bef7.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
每日显示生肖的日历 《故宫日历》,将时光珍藏。 1933年时局动荡,为了保护紫禁城内的艺术藏...
属蛇的克星是什么生肖,属蛇命中几个儿子
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/27/abc660d6bdca11dbb3bb7435cd6a0e05.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
属蛇的克星是什么生肖每个人一生都要遇见〝贵人〞,所以也特别关心自己的贵人是谁。所谓贵...
免费算八字2022年运势,2022财运最差的生肖
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/27/90399ca12a67ca889b001a2ee3de3884.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
免费算八字2022年运势射手座职场被重视度大幅提高、双鱼座感情有著很好的正缘分、牡羊年...
属蛇的和属龙的婚配怎么样,男属龙女属蛇婚配表
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/24/eea1ea57c42be9626303ecf5daf6711a.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
属蛇的和属龙的婚配怎么样 农村谚语说猪是蛇的克星,比如“蛇遇猪,就得哭”,这句话说的实际...
属龙男和属兔女结婚好不好,属龙一定要和属兔结婚怎么办
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/23/cb07dd9f732a1ebfd72a63ede8e624b4.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
属龙男和属兔女结婚好不好 属龙和属兔的性格 属龙的人体格健壮,充满活力和动力,永远不知疲...
属马的老板应找什么属相的员工,老板属狗员工属兔
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/22/0e3544f1730f0a60211dcea8a062d1e6.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
属马的老板应找什么属相的员工 12生肖是什么类型的老板? 子 生肖鼠:阳光型老板这类生肖老...
中国万年历下载安装,下载中国万年历正版
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/20/88d07a376e347e90a435db1b92dd7711.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
中国万年历下载安装 #8211; 1 #8211; 有期 用途:日历 iOS/Andriod:均可以下载安装今夕何夕...
黄金貔貅的佩戴忌讳和讲究,金貔貅的戴法与禁忌
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/20/c76ad449eb17452bfbde4a40c46a85be.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
黄金貔貅的佩戴忌讳和讲究 什么是貔貅?从很早以前开始,人们就喜欢佩戴一些有着吉祥寓意的...
属羊人今年每月运势,属羊人每月运势2022
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/20/4cd3839363265e20d4ca0ac653ee8fc6.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
属羊人今年每月运势对于属羊人来说,2022 年正月的运势表现一般。正月的运势一般主要是表...
1997年属牛女婚姻方向,97年属牛的女人命好不好
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/19/972d89227e28847acc06388a9a8091fc.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
1997年属牛女婚姻方向 婚姻是每个人人生中的一件大事,谁都希望自己能有一份幸福美满的婚...
属猪女属兔男在一起合适吗,男兔女猪财运好不好
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/18/41e45e17ac60990f91bde0c7665a8aa3.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
属猪女属兔男在一起合适吗属猪男生 VS 属蛇女生 生肖配对 速配度:生肖猪+生肖蛇=相克 ...
属兔的婚姻和配对的属相,属马与属兔的婚姻配对
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/17/7ac009ce30fd91a6fe4854977846e94b.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
属兔的婚姻和配对的属相 之前有写过十二生肖婚配表,很多 友都会评论问一些没有提到的生肖...
查询自己是否满16周岁,身份证年龄查询系统
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/16/f358a95bb6674fde7090ffc96d8d5a8f.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
查询自己是否满16周岁 目前男年满六十周岁,女年满五十周岁,并且连续工龄满十年的就可以申...
1977年属蛇女每月运势,1977年属蛇人2022 年运势
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/16/6a2adf286528dd408185efc653c71f7f.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
1977年属蛇女每月运势 人生在世更大的幸福莫过于家庭和睦,夫妻恩爱,子女有出息。从古至今,...
属鼠年龄表虚岁,属马年龄查询表
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/16/b14ad81b3a529da22e13a61a20d07982.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
属鼠年龄表虚岁十二生肖年龄对照表【虚岁】注意事项: 1、上表中所说的年龄均为虚岁。若查...
92年属猴的更佳婚配,92属猴男的婚配表
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/15/36a6c74d456233133d9013fa3b07c89d.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
92年属猴的更佳婚配 有道是姻缘由天定,每个人之间的缘分其实上天已经帮我们定好了,我们只...
1986年属虎有牢狱之灾,86年属虎人最穷不过36岁
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/14/ed7c5446ea2e63e175b4638aea109f95.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
1986年属虎有牢狱之灾 在他们46岁的时候,也就是2022 庚子数年里,虽说流年太岁无刑无克,但综...
属猴是哪些年出生的,土命人是哪些年出生的
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/14/34c67449589ef94d9c54b2b775df4314.gif&h=200&w=300&zc=1&a=c&q=100&s=1)
属猴是哪些年出生的 十二生肖出生年份对照表【1924-2022 年】鼠的出生年份:1924、1936、1...
- 数据加载中,请稍后...