?

全国统一服务热线:18021770366

站内公告:

辽宁11选5开户主要提供广告设计制作安装服务以及网站制作,是一家经验丰富的广告设计制作公司,拥有十几年广告设计制作经验!

联系辽宁11选5开户CONTACT

地址:翔宇大道1009号
热线:0517-8588 1663
Q Q:34665706
邮箱:34665706@

18021770366

辽宁11选5开户中心

当前位置: > 辽宁11选5开户中心 >

为什么你的界淮安广告公司面总是不精致?

2020-01-15 点击量:

APP里面的间距和边距的设计,很有学问的,最近设计公司的辽宁11选5开户,大部分都是列表,这些页面视觉效果不强,但是难点在于要做的看起来舒服,而其中一个难点就是间距的设计。不要小看间距这个问题,新手做出来的界面大部分翻车的问题就是在于间距。 今天辽宁11选5开户就来好好研究一下关于间距的问题,主要有APP外边距,字间距、行间距和元素边距等四个方面,希望对大家有所帮助。

间距的重要性

当辽宁11选5开户想了解间距乃至更加标准的使用间距,首先辽宁11选5开户要明白为什么要使用间距。间距的使用有很多作用,可以吸引用户注意力、提升界面内容的可读性,阐述元素之间的关系。其实简单来说,间距的作用可以归纳成一句话:建立视觉层级来简化界面内容,让用户更容易接受。那么我下面就先来看第一种今天要讨论的间距:外边距。

外边距

辽宁11选5开户今天说的边距不是关于设计APP时需要留一定的屏幕间距,这个是最基础的知识了,相信大家都懂,这里辽宁11选5开户要研究的是图文与屏幕边距怎样更好的表现。通常来说,在图片和屏幕边距之间保留一定像素边距能够更好的引导用户竖向往下读,如下图所示:

为什么你的界面总是不精致?

但是当图片与屏幕边距为0的时候,用户的注意力更多的集中在图片上,如下面对比图所示:

为什么你的界面总是不精致?

由于没有留白做视觉引导,视线在往下浏览时,会被图片直接割裂,造成在图片上停留的时间更长,因此通栏的设计大多更适合出现在页面中间的运营banner上,如下图所示:

为什么你的界面总是不精致?

这种设计视觉上很容易就能吸引用户的注意,但是也很容易喧宾夺主,因此目前来说图片与屏幕边距为0的情况使用的不是很多,个人认为是有边距的图片或者banner可控性更强一点,也更推荐新手设计师借鉴。但是还有一个辽宁11选5开户对于外边距的处理有别的方法,如下图所示:

 

为什么你的界面总是不精致?

MOO音乐的外边距是30px,但是它左边卡片的标签外边距是20px,也就是说MOO对标签的处理是让标签冲出卡片左边10px,这样的设计也让用户的注意力更集中在了标签上,值得借鉴。

字间距

1、图文单行结合

首先要说的这种情况在辽宁11选5开户平时使用的辽宁11选5开户中是经常见的,大字号搭配小字号,如下图所示:

为什么你的界面总是不精致?

这种彼此对比明显,能够更好的进行信息的主次传递,那么在大字号与小字号之间的间距使用多大比较合适呢?如下图所示:

为什么你的界面总是不精致?

这里是以京东金融、淘宝、微信读书和QQ读书四个主流辽宁11选5开户里的单行文字间距为例的,上图中辽宁11选5开户可以看出文字与文字之间的间隔大多在16-20px之间,辽宁11选5开户广告,至于选择16px还是20px,个人认为是通过左边图片的高度决定的,同时不论右边的文字是两行或者是三行,也都以左边图片的高度居中。除了文字和图是左右搭配的,还有一种常见的情况是上下结构的,如下图所示:

为什么你的界面总是不精致?

这类卡片式的设计,在辽宁11选5开户的设计中经常用到,但行间距依然是一个难以让界面看起来精致的点,从上图中辽宁11选5开户能够看出来,标题文字的大小是不一样的,但行间距却都是大概率的重合,因此个人认为辽宁11选5开户可以参考这种类型的行间距数值:16-20px ,而文字的部分有各自辽宁11选5开户的设计规范。

2、图文多行结合

图文多行在设计里面算是比较复杂的情况,如下图所示:

为什么你的界面总是不精致?

这种类型要考虑到的因素很多,标题是否换行、多行的间距、字体大小这些都是辽宁11选5开户在设计的时候需要处理的细节,首先辽宁11选5开户先来看标题只有单行的情况,如下图所示:

为什么你的界面总是不精致?

从上图中辽宁11选5开户能够看出来,虽然不存在折行的情况,但是因为展示的信息很多,所以页面设计的时候也会比较复杂,这种结构大多出现在电商辽宁11选5开户中,因为外露的信息比较多,想要尽量在列表页展示更多的信息来吸引用户点击。而这里需要遵循的方法有两个,第一个是亲密性原则,将你认为是同组的信息做亲密处理,上图中蓝色高亮的部分就是表示同组信息之间的行间距,而巧合的是,其中有三个辽宁11选5开户的行间距都是16px,饿了么的行间距是20px。因此16px是在图文设计时展示亲密信息比较好的选择。第二个原则是4的倍数定律,上图中的所有间距都是4的倍数,这跟辽宁11选5开户在设计页面定间距是的道理是一样的。

行间距

?