图片、文字和色彩一直是网站设计的核心内容，设计师需对这三大块内容进行合理的排版布局，让每一个细节都发挥出应有的作用。
网站设计中占据篇幅最多的就是图片和文字，想要获得一个好的网站设计效果，就需要将图片和文字合理的搭配起来，让每个元素都各在其位。那么如何做好图片与文字的配合呢？
字体选择与字体组合方式
网站设计中，文字的不同字体和不同的组合方式，所得到的效果是完全不同的，所以我们在网站设计时应做好这方面的准备工作。中文字体的选择有很多种，比如“微软雅黑”，就是一种在浏览器中看起来视效效果最好，也最舒服的字体。
文字与图片的组合方式
文字与图片的组合方式一般可以分为两种，一种是图片突出，文字在组合中起到的是解释说明的作用，另一种是文字突出，图片在组合中起到的作用是衬托和突出文字的重点。
主体物与视觉焦点
主体物与视觉焦点是摄影作品里的两个基本要素，因此在一张照片里通常会有一个突出的人或物作为主体。在网站设计中，如果我们把主体物看作是一个面，就会更容易理解文字在图片的作品里的作用，让文字和图片之间保持和谐统一。
文字部分与主体物之间的位置大小关系有三大原则：
M1<m2< span>
文字部分的面积绝对不能大于或接近主体物的面积，否则很容易造成主体物被忽略的情况。
//C
文字“面”与主体“面”的边线保持联系（直线或平行），意思就是让文字的平面与主体物的平面存在相关性。
A=B
文字“面”或者与画面边缘的距离几乎相等于主体“面”与画面边缘的距离
字体与图形的配合
以“图片突出文字”为目的的排版，其特点是不需要分析照片里面的元素。在大部分设计教程以及很多优秀的设计作品里，图片被认为只是作为一个大色块存在，它的存在只是为了最后你想要表达的文字（情感），铺设基调。
大部分优秀排版里采用的解决方案是运用字体与图形的配合，而其中类型有三种：
PART 1/形状图形
形状图形主要指方形、圆形以及一些不规则的形状图形。
PART 2/直线
PART 3/字符
一般是指的数字以及英文字母，配合文字能有更好的突出效果，而阿拉伯数字的效果最佳。
優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質服務" 的經(jīng)營理念，誠信務實的服務了近萬家客戶，成為眾多世界500強、集團和上市公司的長期合作伙伴！
優(yōu)網(wǎng)科技成立于2001年，擅長網(wǎng)站建設、網(wǎng)站與各類業(yè)務系統(tǒng)深度整合，致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設（品牌展示型、官方門戶型、營銷商務型、電子商務型、信息門戶型、微信小程序定制開發(fā)、移動端應用（手機站、APP開發(fā)）、微信定制開發(fā)（微信官網(wǎng)、微信商城、企業(yè)微信）等一系列互聯(lián)網(wǎng)應用服務。
公安局備案號：
專屬顧問
