图文排版的几个小技巧（上）
发布日期：2016-01-27 08:30:36
浏览次数：
来源：广州网站建设
分享：
很多设计狮们通常在图文排版时，一定也遇到过一些困惑吧。特别是首页BANNER大图的排版，此处也是网站的门面，浏览者为关注，也饱含了客户浓浓的期待。本次途必科技小优将分两次同大家介绍一下网站建设中，图文排版的一些小技巧，有大量的图片范例哟。不喜勿喷~~
一、色彩与亮度的对比
使用与文本有鲜明对比的图片很有重要，比如深色背景搭配亮色文本，或者深色背景使用滤镜或叠加元素处理，这样就能确保有足够对比度。
获取合理色彩与明亮对比的小技巧：
看不出字形，说明对比度偏低了；
对比不只是深浅之间，互补色也可提供自然对比；
如果图片复杂全焦，利用叠加或编辑图像应该是有效的选择。
本例中，通过WebKtit滤镜巧妙的放置以及使用额外的<div>. 来处理图像的明亮对比，请看下例：亮度（40%）对比度（70%）；
辨识度差，文本与图像均无焦点。
使用CCS滤镜后，易于辨识。
优秀实例：Ayr
二、尺寸与位置的对比
色彩不是增强图片与文本对比度的方法，选择图片的尺寸也很重要。
本例中，选取一个相对均匀，开阔的天空区域，这是放置文本的位置。相反，将文本直接放置在图片中间，有地平线的位置，将致使文本的辨识度差。
差的对比度和错误的位置。
对比度明显且位置更加合适。
优秀实例：Eup.volkswagen
责任编辑：途必设计部
版权所有：http://www.uweb.net.cn (优网科技) 转载请注明出处
关闭
推荐新闻
童心无界 童萌有礼——六一儿童节活动来啦！
六一儿童节是属于“孩子们”节日，不管是天真卡爱的小朋友，还是童心未泯的大朋友。跟着我们一起重回童年，让童心出发吧。
2024.06.03 10:56:04
途必科技十一月生日会--关怀与爱
时隔一个月，又迎来了我们可爱小伙伴们的生日，本月有好几位的寿星生日。途必科技为了关怀员工，特地举办了此次的集体生日会活动，并且还有很多丰富的小吃零食，饮品饮料，当然更重要的蛋糕也是不可或缺的。
2023.11.29 10:57:26
一起成长---十月途必科技员工生日会
秋高气爽的季节里头，我们迎来了十月份途必科技小伙伴们的生日，在这个温馨的聚会里一同感受着生日的快乐，能在工作繁忙之余享受到节日带来的温暖。每一次的生日会都是大家在共同的成长，当然啦，成长的路上少不了磕磕碰碰，但是在我们的人生里头，总会相遇温暖，陪伴左右，成长也就变得更加有意义。
2023.10.30 09:29:30
温暖与你同在-八月途必科技小伙伴生日会
在每个人成长的背后，总会有温暖相伴，像在途必科技的大家庭里，大家都可以感受到这样的氛围，又温馨，有爱。也许有时候自己都忘了的生日，却是有人记得你的生日，有人愿意为你祝福，这又何尝不是一种温暖呢。途必科技与大家一同成长，也将爱送给大家，途必科技对出席生日会的每一位小可爱表示热烈的欢迎和衷心的感谢，同时也为八月份生日的寿星们送上美丽的祝福～祝愿可爱的寿星们天天开心，心想事成，身体健康，另外也希望每位途必科技的小伙伴在未来的工作中越来越顺利，生活里也越来越好。
2023.08.30 10:32:55
这次圣诞节，我们玩大的
这次的圣诞节，我们玩大的，为了让大家感受到如火热情般的圣诞节，此次带来了很多不一样的玩法和活动。行政人事部代表途必科技给大家制造了很多不一样的惊喜，在这里你可以收获丰富满满的礼物，漂亮小姐姐和可爱圣诞老人的合影，小伙伴们其乐融融的氛围，
2022.12.25 17:00:04
专属顾问
