规划基本功!帮你把握图文排版的5个小技巧—UI博客精选

 2025-03-31     产品中心
产品详情

  近年来,在布景图上添加文本的方法渐渐的变盛行,融入文本在图片中进入情感。在前期,图画不得不做得很小以习惯显着低速的带宽,跟着网速和显示屏的快速提高,咱们咱们能够在规划中自由地运用更多图片。

  运用与文本有鲜明比照的图片很有重要,比方深色布景调配亮色文本,或许深色布景运用滤镜或叠加元素处理,这样就能保证有满足比照度。

  本例中,经过WebKtit滤镜奇妙的放置以及运用额定的div. 来处理图画的亮堂比照,请看下例:亮度(40%)比照度(70%);

  本例中,选取一个相对均匀,开阔的天空区域,这是放置文本的极佳方位。相反,将文本直接放置在图片中心,有地平线的方位,将致使文本的辨识度差。

  使用图片的景深不同,在失焦的当地置放文本也能杰出文字,添加可读性,到达作用。

  图片会传递情感,所以终究挑选图片的时分,要联络规划中的场景,文本也要切合图片。

  详细是文本相对于图画中其他元素的方位,是在图画之后,仍是图画之前?是融入其间?仍是独占一方?进一步剖析,如何将文本相关到图画的聚集元素?

  本例中,虽然布景图细节丰厚,但咱们的视觉会停留在超长的文本上,疏忽了图画。一起人物与文本看起来像在同一水平线上,层次感弱。