APP里面的间距和边距的设计,很有学问的,最近在设计公司的产品,大部分都是列表,这些页面视觉效果不强,但是难点在于要做的看起来舒服,而其中一个难点就是间距的设计。不要小看间距这个问题,新手做出来的界面大部分翻车的问题就是在于间距。今天我们就来好好研究一下关于间距的问题,只要有APP外边距,字间距、行间距和元素边距等四个方面,希望对大家有所帮助。
间距的重要性
外边距
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/NNbUrm.jpg)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/UbA7bu.jpg)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/zeiayi.jpg)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/QnuQFr.jpg)
字间距
1、图文单行结合
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/niIVrm.png)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/3ANr63.jpg)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/Rr2mMb.jpg)
2、图文多行结合
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/fqeMVf.png)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/mQvM73.jpg)
行间距
1、标题行间距
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/jI73Ej.jpg)
2、正文行间距
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/zyIVBv.jpg)
元素间距
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/vERFR3.jpg)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/Rrqeq2.png)
划重点
海盐社(公众号)
![](https://hello2024.myds.me:52014/site/uiya/uiyaweb/2020/8/qaAFvy.png)
评论0