4种网页设计技巧:图文搭配,网页不累!

发布来源:沙漠风网站建设公司

发布时间:2020.10.10

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


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


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


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


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


3、主体物与视觉焦点


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


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


  • 文字部分的面积绝对不能大于或接近主体物的面积,否则很容易造成主体物被忽略的情况。

  • 文字“面”与主体“面”的边线保持联系(直线或平行),意思就是让文字的平面与主体物的平面存在相关性。

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


网页设计


4、字体与图形的配合


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


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


PART 1/形状图形

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


PART 2/直线

直线分两种,一种就是纯粹的一条直线,而另一种则是由细小的字组成的一段文字(通常是英文)。


PART 3/字符

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

TAG:
相关资讯
多一份参考,总有益处
联系沙漠风,免费获得专属定制《策划方案》及网站建设、网站设计、网站制作报价
深圳网站建设

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线400-611-9921大客户专线158-1856-1755

提交需求提交需求

提交需求
热线
微信扫码咨询
电话咨询
微信
业务热线
提交需求
官方微信
准备好开始了吗,
那就与我们取得联系吧
400-688-6062
有更多服务咨询,请联系我们
请填写您的需求
您希望我们为您提供什么服务呢
您的预算