UI设计业内资深人士首次揭秘APP“风水学”,你值得拥有
最后更新 :2023.10.28
图文布局版式是app设计的骨干支架。
各类app通常会以不同的 业务需求 和 用户引导 需求来进行决定信息的排布优先级,只有合适的图文布局形式才能让用户有效的被引导,实现产品的设计目标。
以下将结合通过各类app的版面案例,来解析三种常见的图文布局版式。
希望这次的学习,也能在大家以后的页面设计中提供一些思路和选择方案。
1、上图下文
上图下文更强调了图片的重要性,已图片为先,这类图文布局通常被运用在有大量优质图片的提供和产生的app中,如设计类、杂志类、摄影类、短视频类app,利用高质量吸睛图片来抓住用户的眼球,但值得注意的是,这类布局的缺点是图片版面占比太大,版面利用率偏低,且对图片质量较高。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2020/07/02/20180927_110233_011.jpg)
如果一定要用这类图文布局,考虑到图片与文字之间的优先级关系,应尽量使用 黄金比例 做展示,如 4:3,2:1,16:9 等。
说到上图下文的图文版式,不得不提到 宫格版式 的上图下文,这种图文版式能够极大的提升页面版式的利用率,一般多用于电商平台的商品展示,能同时将多个产品图片及信息同时展示,提高流量和转化率。
而这样的版式布局的缺点则是缺乏信息的展示完整度,在布局时要更多的考虑到不同的设备终端所带来的展示信息的极限值的设置。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2021/09/05/3e98f93861_1044.jpg)
2、左图右文
左图右文的图文版式算是非常常见了。大家经常会将它与左文右图来进行对比,其实无论图片在左边或是右边。
这类布局我们优先考虑的应该是图文之间的占比,除此之外,如果在这个版面中,图片的优先级是高于文字的,那么我们通常会选择左图右文,反之则会选择左文右图。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2021/08/29/18173157.jpg)
方形的缩略图是最常用的形式,适中的宽窄比例也让右侧的文字显示空间更加舒适。横形的图片比例会让右侧的文字空间进行挤压,但是图片增加了页面的氛围感。
竖形的图片让右侧有更大的空间,同时版面的留白也更大,但是如果右侧的信息过少,则会让页面右也不完整和不平衡。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2022/02/20/6092324.jpg)
3、图文混排
为了使信息传达的更一致,如果没有大连的文字信息我们通常会选择图文混排的版式来进行页面布局,为了适应多变的图片,我们通常会在文字底部加一层黑色半透明蒙层或者给文字加隐形来增加文字的可阅读性。
![发号台官网 发号台](https://dt.plaaso.com/irmily/d/file/2022/02/28/9.jpg)
总结,各类的app会根据自己的产品业务诉求,来设计不同的版面与布局, 没有对错,只有是否合适 。只有合适自己的产品的版面布局,才能实现自身产品产生价值最大化,和商业转化。
在这里我相信有很多想要学习UI设计是一名从事了多年UI设计私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的学习干货,从最基础到,各种框架都有整理,送给每一位UI设计取的可以关注我并在后台私信我:学习,即可免费获取。
- END -
赤峰哪里起名好(赤峰给孩子起名的地方)
赤峰哪里起名好?探索赤峰的起名文化与优质起名服务 在中国传统文化中,名字承载着深厚的寓意和期望。赤峰,这座历史悠久的城市,也不例外。那么,在赤峰,哪里起名好呢?本文将带您探索赤峰的起名文化,并为您推荐优质的起名服务。...
邹雨怎么起名 邹雨名字
根据“邹雨”起名:清新与灵动的融合 “邹雨”这个名字,清新自然,充满灵动感。在为孩子起名时,我们可以借鉴“邹雨”的寓意,为孩子起一个既有清新气息,又有灵动魅力的名字。 一、清新气息 “邹”字在名字中通常有稳重、端庄...
造价八十多万的虚作与败坟
![](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)
2016年5月广东潮汕之行,本是为朋友寻龙点穴,路过一地,我忽然看到路下一坟建造有特别的风格...
哪个星座男最疼天秤女(哪个星座男最疼狮子女)
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2019/11/05/1572920381626897.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/2020/07/20/IMG_7.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/2022/02/12/5.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
其实属马适合住在哪个方位的问题并不复杂,但是又很多的朋友都不太了解属马适合居住的方位...
6月份星座运势完整版查询 十二星座运势 查询2019年,6月第一网
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2020/10/19/9114534578.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
大家好,今天来为大家分享6月份星座运势完整版查询的一些知识点,和六月份星座运势查询的问...
2022年生肖蛇运程怎样 2022年属蛇的运程怎么样
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/irmily/d/file/2022/02/11/8.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/irmily/d/file/2022/02/20/6092324.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/2022/02/20/6092324.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/3e98f93861_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/irmily/d/file/2019/11/08/1573183727830459.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
大家好,今天给各位分享房子左右有水风水怎么样的一些知识,其中也会对风水极佳的房子进行解...
36年结婚是什么婚 36岁结婚
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/01/05/13-21010511291MH.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
36年结婚在中国被称为糖珊瑚婚,在西方则叫做梅斯林婚,珊瑚是经过海水浸泡生长,坚韧美丽的海...
100种报复别人汽车的方法,小车被人恶意划花,跪求大家帮我想想办法报复
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2022/08/02/e87ad2c8d46889ae943581c24eca3f5e.jpg?x-oss-process=style/51docs&h=200&w=300&zc=1&a=c&q=100&s=1)
提起100种报复别人汽车的方法,大家都知道,有人问小车被人恶意划花,跪求大家帮我想想办法报...
已婚女人梦见小白鼠
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2022/05/26/3oe5xzkauhv.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
孕妇梦见小白鼠变色小白鼠,小白鼠,正是因为小白鼠是白色的,所以才称为小白鼠。可是,孕妇梦见...
兔宝宝取名字更佳字,1987年属兔女取名大全
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/12/06/0b6b052809d1e6399276402442945942.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
兔宝宝取名字更佳字 小兔子白又白,如此可爱的它成为许多人饲养宠物的首选。今日,可爱点小...
1991年3月属羊是什么命,1991年3月属什么生肖
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/12/06/ca8dc8a1c20b78ae49396eee845601a4.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
1991年3月属羊是什么命 1991年属羊人属于金羊,这一年的属羊人心地善良,有志气,外柔内刚,有责...
00后属羊的是零几年,2022 年28岁是哪年出生的
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/12/01/f030cb207745769efb0768ed08879155.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
00后属羊的是零几年 现在一昼夜是24小时,但在远古时期,我们的祖先把两个小时化分成一个时...
生辰八字看真假童子,童子命其实是一种福报
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/30/b85b86ea05bf92d258006139f3071263.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/27/dc4d23a31f0f09b44790d18484b6af96.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
属虎和属龙的适合做夫妻吗 民间的俗语,是最能够反映出老祖宗生活的。在日常生活中,那些通...
90年属马的婚姻,90年男马和90年女马的婚姻
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/24/bf8f95b1a935de90dd629879293962fa.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
90年属马的婚姻 欢迎 上方红色【 】按钮, 风谷子曰,学习了解风水命理宜忌,知命转运! 古语说:...
属鸡与属猪婚配好不好,属鸡和属猪的相克吗
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/24/1e3e1cba9b337f2f532018b20814f61b.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/24/ba45e4b0e58a5dba0ab64f9cc649949d.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/669a5b2a68bcede5cc5e822496f30f11.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
算命免费运势 一张照片算出你一生的命运?当算命披上人工智能的外衣,走上发展下线吸金的时...
2000年属龙今年多少岁,2000今年多少岁了
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/22/ae45e0f298281b82bdbb8a510d8ef549.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
2000年属龙今年多少岁 我们自己的岁数大家都清楚,那么大家知道岁数分周岁和虚岁的。周岁...
属鸡和属兔相克吗,属鸡的和属兔的合婚么
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/20/5ad52af6e791839e5c2322512f00d0e6.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/20/4db1e788dcb242c1ba527ba02c216fa7.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
2022年家里必定添丁的生肖 文/1点星座 对于一个女人来说生儿育女才是人生大事,去年结婚今...
45岁今年属兔的命运怎么样,属兔什么时辰出生命苦
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/18/7e03b94b1cca13ebb22ce4ca6859eb4c.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
45岁今年属兔的命运怎么样生肖兔恋爱前后有什么区别吗? 恋爱前:属兔的人在日常生活中总表...
76年属龙的女人命最差,76年龙女45岁一劫难
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/16/350b6900eeef9a7c5f84f75feae7332c.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
76年属龙的女人命最差很多女人都是很勤劳的,无论工作有多么繁忙,回到家里都要把自己的家务...
2022年走大运的生肖,2022年发横财的生肖
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/16/f81dbe25b70cb7e3a6d4545b90789082.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
2022年走大运的生肖鲜见 / 文 本人已婚,年少离家打工,十几年过去了,依然是做普工,想想未来,颇...
63年属兔人十年大运,1963年的兔有几次婚姻
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/16/e9d4ae15b5d20ecdbc928c016979f8a4.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
63年属兔人十年大运生肖牛 属牛之人处事洒脱,为了追求理想而奋斗,等到了10月,坏事不近身,横...
鼠在五行的属性是什么,十二生肖五行属性
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/16/96acc7db94160df2a0a88abac4554cee.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/16/be853691fb1ddea8bdd57fb7736398dc.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/16/06e8a1d730ca7034ccbb2c856adb7d6b.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
生肖老鼠今年财运怎么样2022 年属鼠人的整体运势运程 在2022 年属鼠的人做事称心如意,喜...
2005年属鸡是水命还是木命,属鸡最不好的时辰
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/15/e8537fe8b9a8bdc30698e148af932ec6.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
2005年属鸡是水命还是木命1925年乙丑(属牛)海中金命。 1926年丙寅(属虎)炉中火命; 1927年丁卯...
算命说另一半长相准么,大家八字算另一半准吗
![](https://www.fahaotai.com/ripro/timthumb.php?src=https://dt.plaaso.com/fahaotai/d/file/2021/11/15/bfcf1d565e0f7da7710b9e0be578e074.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/15/33056943e4ced2cd2b0cffa209d728cc.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/14/c3676c0a62ca180c847d2769bb8bb8d8.jpg&h=200&w=300&zc=1&a=c&q=100&s=1)
丁亥月生的命运分析 生辰八字算命依据命主的出生日期,性别等资料推算出来的一套为预测者...
94年属相婚配表女,94年属狗女注定的配偶
94年属相婚配表女 女属牛的属相婚配表女属牛的属相婚配表女属牛婚配男属鼠天造地设的一...
- 数据加载中,请稍后...