首页
业务
关于
客户
服务
联系
13520390899
资 深 的 互 联 网 开 发 服 务 商
专注于 网站开发 / 小程序开发 / APP开发 / 软件开发
网十科技 > 动态

小程序设计中字体与图片的位置关系要怎么处理

对于这类图片,设计师可以采取两种办法。一种办法是字体的排版可以与线条平行。还有的小程序设计师可能会采用另一种办法,让字体的排版与主体物线条靠近。这两种办法设计出来的作品,都不会有突兀之感。字体面与主体物面有交

现如今的互联网,响应式小程序的一个特点是:一张图片通常会配上几个字或者一句话。在设计的时候,就有一个问题需要处理,字体与图片的位置关系,小程序设计师是如何处理的呢?

1、字体大小处理

通常来说,很多图片都是有主体物体的,就是图片中呈现的主要物体,在这种情况下,使用的字体不应该大于主体物。如果有的图片没有主体物,使用的字体大小也应该考虑到用户的辨认,不宜过大或者过小,不少设计师常用14px或12px的字体。

2、字体所处位置处理

大多数的图片都是有视觉焦点的,通常来说,字体应该处于图片的视觉焦点横竖轴线上,如果,字体较少,可以直接放在视觉焦点上。例如,苹果官网上,几乎所有的字体都位于产品图视觉焦点的数轴线上方。也有的图片没有明显的视觉焦点,对于这类图片,文字可以直接放置在图片为宜。

3、字体与图片边缘的距离

如果图片中有主体物,字体与图片边缘的距离,应该与主体物边缘的距离相等或者差不多。这样小程序设计的好处是,在视觉上,将字体与图片的主体物处于并列的状态,一文一图,整个画面看起来较为协调。

4、字体与图片线条的关系

如果图片中有明细物体线条,例如,图片中有河水的流向等等,也就是说,图片中主体物是有明确的线条的,对于这类图片,设计师可以采取两种办法。一种办法是字体的排版可以与线条平行。还有的小程序设计师可能会采用另一种办法,让字体的排版与主体物线条靠近。这两种办法设计出来的作品,都不会有突兀之感。

5、字体面与主体物面有交叉

如果字体较多,会形成一个字体面,而如果图片中有主体物,也会形成一个主题面,两个面之间,较好能够形成面与面之间的交叉。这样的视觉呈现,不会让字体或者主体物显得孤立,两者之间会给人有联系的感觉。

6、书法字体与小程序风格

汉字的变化范围远远超过英文,这也使得汉字字体是可以与小程序的风格进行搭配的。例如,一个做古典家具的英文小程序,英文字体在怎么变化,可能也无法传达出古典、传统的概念和意境,但是如果使用书法字体,古典的已经跃然纸上。

7x24
售后服务支持
10
故障时长赔付
16
16年行业服务经验
20
售后服务人员
70
设计、开发团队
10
国内顶尖技术专家
1000
大型及上市企业
版权所有 © 北京网十互动科技有限公司 动态 知识 数据 XML 索引 备案号:京ICP备16050073号-2

电话咨询