2016-09-16 分类: 网站建设
成都网站建设在背景图像上设计文本的模式已经流行多年,图像上的文字更具情感吸引力。在如今之前随着连接速度增加,在设计中使用更大的图像得到应用。
1.通过颜色和亮度对比
使用与文本形成鲜明对比的图,特别是使用较暗的图像和较浅的文本,或使用滤镜或覆盖元素使图像变暗,确保使用足够对比度。有一些技巧以实现颜色和亮度对比,如果图像复杂且完全对焦,使用CSS过滤器来操纵图像的对比度和亮度,使用叠加或编辑图像可能是最有效的选择。
2.通过尺寸和定位进行对比
颜色不是改善图像与文本对比的唯一方法,图像的大小和位置也很关键,选择了一个具有大的,相对同质的图像,放置文本区域。相比之下,文本的可读性较低直接位于图像的中心。
3.深度对比
选择利用景深的图像,这样可以为文本提供更平滑的背景,从而提高可读性,将文本放在图像的离焦部分,并确保文本颜色与离焦区域的原色充分对比。可以通过在较低焦点的区域中定位文本来完成。
4.图像主题
图像上的文字如果更具体的图像将更充分地沟通,不要选择通用图像。在选择图像时,图像的情感唤起和文字背景,特别是与副本传达的消息的基调有关。清楚地展示图像的主题,理解图像中采取的动作,不要选择具有弱焦点的图像,图像清晰度的重要性很高,如果图像用于唤起感觉而不是细节,则可以应用重叠或过滤器。
5.三维空间
文本相对于图像焦点的水平位置,在图像中出现在前景中,融入或者在空间中保持自己独特的位置,文本与图像的聚焦的经验法则是,文本越小,文本在空间中越远,使用的前景文本比背景更接近,尽管背景中的细节水平很高,但眼睛自然地识别出较长的线条和较大的文本形状,更容易解释文本。彼此相对接近的设计元素,可以带来更好的网站设计,使能够省去很多元素,以实现图文视觉统一。使用接近度,可用较少的背景颜色和边框,产生优雅的外观。
网站名称:成都网站建设页面的文本与图像混合技巧
文章出自:/news/43273.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容