案例分析:图形排版设计中的五个小技巧
近年来,在背景地图上添加文本的方法越来越流行,文本被渗透到图片中,在早期,图像必须做得非常小,以适应明显的低速带宽。随着网络速度和显示速度的提高,我们可以在设计中自由地使用更多的图片,今天我们一起分享五种图形排版设计的小技巧,希望能对您有所帮助。
注:本文中所描述的原则也适用于视频和文本的选择。
颜色和亮度的对比
使用与文本形成鲜明对比的图片是非常重要的,例如深色背景、彩色文本、或使用滤镜或叠加元素的深色背景,这样我们就可以确保有足够的对比度。
获得合理的颜色和明亮的对比度的小技巧:
首先,我们看不到象形文字,这表明对比度很低。对比不仅仅是关于深度。互补色也能提供自然的对比度。如果图片是复杂的,那么使用叠加或编辑图像是最有效的选择。
在这种情况下,滤波器的webktit巧妙地放置使用,此外。
要处理图像的鲜明对比,请看以下内容:亮度(40%)对比度(70%);
识别能力较差,文本和图像都没有焦点。
使用CCS滤波器后,很容易识别。
很好的例子
埃尔
geckoboard
anodpixels
obakkifoundation
二、大小与位置的比较
颜色不是增强图片和文本对比的唯一方法。选择图片的大小也是很重要的。
在这个例子中,选择一个相对统一的、开放的天空区域,这是放置文本的最好地方。相反,将文本直接放在图片中间,用地平线的位置,将导致文本被识别得很差。
失败案例:差异对比和错误位置。
优秀案例:对比明显,位置更合适。
很好的例子:
eup.volkswagen
dtelepathy
三。使用景深
在不同景深的情况下,可以在焦点丢失的地方突出文本,提高可读性,达到效果。
很好的例子:
UNE。CH /创作
gloriasrestaurants
工作室
四。图片的选择
图片传达情感,所以在选择图片时,要联系设计中的场景,文字也应该与图片相结合。
小建议:
在一句话中表达内容,通过点击图片让访问者知道会发生什么,不要选择高清晰度的图片和图片。如有必要,可以选择过滤器或研磨机。
很好的例子:
pixelgrade
formula1data
五,层次感
文本的位置相对于图像中的其他元素,在图像之后,还是在图像之前它集成到它里面了吗或者是独家派对进一步分析,如何将文本与图像的焦点元素联系起来
经验法则:文本越小,空间就越远。
在这种情况下,虽然背景图内容丰富,但我们的视线停留在超长文本上,忽略了图像。同时,文字和文本看起来在同一水平上,水平很弱。
当文本被放大时,层次感立刻出来。
很好的例子:
danielladraper
vivaco
本教程结束,上面是五个小技巧的图形排版与设计,希望能对你有所帮助!