网站页面可以适当使用图文结合排版
网站页面可以适当使用图文结合排版
在页面设计时正确使用图文排版可以带来良好的视觉体验,那么如果做好网站页面的图文排版呢?
1、选择正确图片
图片可以传达情感,因此我们要联系设计中的场景来选择正确的图片,所撰写的文字也要切合图片,要做到图文相关。
2、要有层次感
在进行图文排版的时候,我们要遵循一个经验法则:文本越小,空间上就显得越远。所以要清楚文本相对于图像中的其他元素位置,是在图像之前,还是在图像之后?是融入图像之中还是独占一方?进行更深入的分析就是要怎样把文本关联到图像的聚焦元素中去?
3、色彩与亮度对比
使用与文本有鲜明对比的图片很重要,如深色的背景使用滤镜或叠加元素,或者深色背景搭配亮色文本,可以确保图片与文本有足够对比度。
4、尺寸和位置的对比
图片的尺寸也是相当重要的,因为图片的大小也是增强图片与文本对比度的方法之一。在设计的过程中,确定好了图片的尺寸之后,还要把文本放到合适的位置上,让文本和图片可以完美的搭配并带来良好的视觉体验。
下面给大家一个图文排版比较好的案例

雅致的文字排版悬浮在半空中,和背景融为一体,这种设计除了众所周知地提高逼格之外,能明显地提升页面的深度。强对比的色彩搭配也是设计师别具匠心的体现,我想你已经发现了。
卖贝商城更多商品介绍:html5网站源码 CEO 搜狐媒体(商业在线)新闻源推广