图文搭配，网页不累！

资料来源：网络整理时间：2023/3/22 3:59:56 共计：3562 浏览

　　image图片、纯文本文字和色彩一直是网站制作网站设计的核心信息内容，设计规划师需对这三大块信息内容进行合理的排版部署布局，让每一个细节点都发挥出应有的作用。

　　网站制作网站设计中占据篇幅最多的就是image图片和纯文本文字，想要获得一个好的网站制作网站设计结果效果，就需要将image图片和纯文本文字合理的搭配起来，让每个元素都各在其位。那么如何做好image图片与纯文本文字的配合呢？

　　1、字体选择与字体组合方式

　　网站制作网站设计中，纯文本文字的不同字体和不同的组合方式，所得到的结果效果是完全不同的，所以我们在网站制作网站设计时应做好这方面的准备工作。中纯文本文字体的选择有很多种，例如“微软雅黑”，就是一种在查看浏览器中看起来视效结果效果最好，也最舒服的字体。

　　2、纯文本文字与image图片的组合方式

　　纯文本文字与image图片的组合方式一般可以分为两种，一种是image图片突出，纯文本文字在组合中起到的是解释说明的作用，另一种是纯文本文字突出，image图片在组合中起到的作用是衬托和突出纯文本文字的重点。

　　3、主体物与视觉焦点

　　主体物与视觉焦点是摄影作品里的两个基本要素，因此在一张照片里通常会有一个突出的人或物作为主体。在网站制作网站设计中，如果我们把主体物看作是一个面，就会更容易理解纯文本文字在image图片的作品里的作用，让纯文本文字和image图片之间保持和谐统一。

　　纯文本文字部分与主体物之间的位置大小关系有三大原则：

　　M1<m2< span=""></m2<> 纯文本文字部分的面积绝对不能大于或接近主体物的面积，否则很容易造成主体物被忽略的情况。

　　//C 纯文本文字“面”与主体“面”的边线保持联系（直线或平行），意思就是让纯文本文字的平面与主体物的平面存在同类相关性。

　　A=B 纯文本文字“面”或者与画面边缘的距离几乎相等于主体“面”与画面边缘的距离

　　4、字体与图形的配合

　　以“image图片突出纯文本文字”为目的的排版，其特点是不需要分析照片里面的元素。在大部分设计规划教程以及很多优秀的设计规划作品里，image图片被认为只是作为一个大色块存在，它的存在只是为了最后你想要表达的纯文本文字（情感），铺设基调。

　　大部分优秀排版里采用的解决方案是运用字体与图形的配合，而其中分类类型有三种：

　　第一种：形状图形

　　形状图形主要指方形、圆形以及一些不规则的形状图形。

　　方形的3种运用方式：

　　突出：当纯文本文字部分融入到image图片里变得难以看清的时候。在这里最好的办法就是像这样放置一个方形在背景，然后再调节字体的颜色与方块对比，使纯文本文字部分突出。

　　集中：这种方式方法是为了不弱化image图片的情况下，让纯文本文字部分集中在一个方形里，提升增加易读性。是包装设计规划常在出现的排版。

　　修饰：这个方形其实只是代表，代表所有不规则图形的运用。当纯文本文字组合之间太过散乱，又或者字体之间大小的差异太大的时候，放置一个（不）规则图形，尽可能连接到每一个字上，形成联系。

　　圆形3种运用方式：

　　普通：这是一个作为对比的普通排版。

　　突出：这个比起方形有着好的突出结果效果，这个圆形可以替换成一些素材，例如墨滴之类的圆形素材，甚至可以利用image图片本身存在一个巨大的圆形物体的，来突出纯文本文字部分。

　　适用：这个同样可以突出“面”纯文本文字，这就也为什么这个方式方法经常出现各类商业图册、海报以及各类宣传单。

　　第二种：直线

　　直线分两种，一种就是纯粹的一条直线，而另一种则是由细小的字组成的一段纯文本文字（通常是英文）。

　　直线的3种常见运用方式：

　　联系：很常见的运用方式方法。

　　集中：作用和方形“集中”相同，只是这个是用两条线组成一个隐形的方块，更有形式感。不同这种只能出现在色彩单一或大量留白的照片。

　　连接符：提升增加形似感的小东西… …可以用于连接两段纯文本文字的信息内容，时尚类设计规划作品最常用到。

　　第三种：字符

　　一般是指的数字以及英纯文本文字母，配合纯文本文字能有更好的突出结果效果，而阿拉伯数字的结果效果最佳。

　　在页面结构网页设计中，纯文本文字信息内容和image图片的比重占了很大一部分，但差不多的信息量，呈现在网页页面上的结果效果却会大相径庭。如何将这些信息内容和元素安置在最合适的位置，也许是这其中很主要的原因。

　　信息内容来源于互联网网络，侵删。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。