网站首页 > 网站 > 建站经验 正文
图片、文字和色彩一直是网站设计的核心内容,设计师需对这三大块内容进行合理的排版布局,让每一个细节都发挥出应有的作用。
网站设计中占据篇幅最多的就是图片和文字,想要获得一个好的网站设计效果,就需要将图片和文字合理的搭配起来,让每个元素都各在其位。
那么如何做好图片与文字的配合呢?
1、字体选择与字体组合方式
网站设计中,文字的不同字体和不同的组合方式,所得到的效果是完全不同的,
所以我们在网站设计时应做好这方面的准备工作。
中文字体的选择有很多种,比如“微软雅黑”,就是一种在浏览器中看起来视效效果最好,也最舒服的字体。
2、文字与图片的组合方式
文字与图片的组合方式一般可以分为两种,
一种是图片突出,文字在组合中起到的是解释说明的作用,
另一种是文字突出,图片在组合中起到的作用是衬托和突出文字的重点。
3、主体物与视觉焦点
主体物与视觉焦点是摄影作品里的两个基本要素,
因此在一张照片里通常会有一个突出的人或物作为主体。
在网站设计中,如果我们把主体物看作是一个面,就会更容易理解文字在图片的作品里的作用,让文字和图片之间保持和谐统一。
文字部分与主体物之间的位置大小关系有三大原则:
M1<M2文字部分的面积绝对不能大于或接近主体物的面积,否则很容易造成主体物被忽略的情况。
//C文字“面”与主体“面”的边线保持联系(直线或平行),意思就是让文字的平面与主体物的平面存在相关性。
A=B文字“面”或者与画面边缘的距离几乎相等于主体“面”与画面边缘的距离
4、字体与图形的配合
以“图片突出文字”为目的的排版,其特点是不需要分析照片里面的元素。
在大部分设计教程以及很多优秀的设计作品里,图片被认为只是作为一个大色块存在,它的存在只是为了最后你想要表达的文字(情感),铺设基调。
大部分优秀排版里采用的解决方案是运用字体与图形的配合,而其中类型有三种:
第一种形状图形
形状图形主要指方形、圆形以及一些不规则的形状图形。
方形的3种运用方式:
突出:当文字部分融入到图片里变得难以看清的时候。在这里最好的办法就是像这样放置一个方形在背景,然后再调节字体的颜色与方块对比,使文字部分突出。
集中:这种方法是为了不弱化图片的情况下,让文字部分集中在一个方形里,增加易读性。是包装设计常在出现的排版。
修饰:这个方形其实只是代表,代表所有不规则图形的运用。当文字组合之间太过散乱,又或者字体之间大小的差异太大的时候,放置一个(不)规则图形,尽可能连接到每一个字上,形成联系。
圆形3种运用方式:
普通:这是一个作为对比的普通排版。
突出:这个比起方形有着好的突出效果,这个圆形可以替换成一些素材,比如墨滴之类的圆形素材,甚至可以利用图片本身存在一个巨大的圆形物体的,来突出文字部分。
适用:这个同样可以突出“面”文字,这就也为什么这个方法经常出现各类商业图册、海报以及各类宣传单。
第二种直线
直线分两种,一种就是纯粹的一条直线,而另一种则是由细小的字组成的一段文字(通常是英文)。
直线的3种常见运用
联系:很常见的运用方法。
集中:作用和方形“集中”相同,只是这个是用两条线组成一个隐形的方块,更有形式感。不同这种只能出现在色彩单一或大量留白的照片。
连接符:增加形似感的小东西……可以用于连接两段文字的内容,时尚类设计作品最常用到。
第三种字符
一般是指的数字以及英文字母,配合文字能有更好的突出效果,而阿拉伯数字的效果最佳。
在网页设计中,文字内容和图片的比重占了很大一部分,但差不多的信息量,呈现在网页上的效果却会大相径庭。
如何将这些内容和元素安置在最合适的位置,也许是这其中很主要的原因。
- 上一篇: 企业网站推广提高客户信任交易的经验分享
- 下一篇: 互联网创业干货知识,14个免费获取精准流量的方法
相关阅读
- 09-13 Discuz论坛安装教程,教你学会搭建DZ论坛
- 09-12 教你用WordPress建站,完整详细的WordPress安装教程
- 09-11 DEDECMS安装教程,教你用织梦系统建站
- 09-10 帝国CMS安装教程,教你使用帝国cms程序建站
- 09-09 提高WordPress网站安全性的方法,详细步骤教程分享!
- 09-06 网站建设知识,这五个注意事项你一定要知道
- 08-28 网站建设完成后,后期需要维护的3个方面
- 08-25 一个人也能做独立网站,零基础做跨境电商的方法教程
- 08-22 摄影企业网站建设的要点,做好这些将获得更多的流量
- 08-20 后疫情时代,外贸企业用独立站开拓办公家具市场的策略
热门阅读
- 02-15 全球最出名的十大跨境电商平台排行榜
- 02-06 淘宝天猫活动红包优惠券领取入口
- 02-06 京东商城活动红包优惠券领取入口
- 02-06 新知创业网超级福利活动发布中心
- 02-06 淘宝天猫优选好货爆款特卖活动
- 02-06 淘宝天猫购物红包优惠券领取入口
- 02-06 飞猪旅行预订酒店买特价机票活动
- 02-06 天猫超市活动优惠券领取入口
- 02-06 天猫高端大牌美妆个护家清爆款抢购活动
- 02-06 淘宝天猫热卖品牌商品排行榜单
推荐阅读
- 02-15 全球最出名的十大跨境电商平台排行榜
- 02-15 抖音月付怎么取消?开通抖音月付有风险吗?
- 02-15 抖音怎么看注册时间?怎么看抖音登录了几个设备?
- 02-15 快手号登不上怎么回事?能用快手号直接登录吗?
- 02-15 服装人必看!全国9大批发市场,价低货足风格多!
- 02-15 速卖通能卖大货吗?速卖通主要卖什么?
- 02-15 抖音直播怎么看回放?直播看回放有直播声音怎么办?
- 02-15 资深服装店主分享杭州服装批发市场进货指南
- 02-15 快手主播一天挣多少钱?打pk的主播赚钱是真的吗?
- 02-15 服装卖货旺季 服装批发市场进货必知的技巧
- 关于本站
-
新知创业网是一个专业为创业者提供学习交流的创业网站,分享各大电商平台网店运营经验知识,直播带货技巧,短视频运营,自媒体运营,小程序和网站建设技术教程,互联网与实体店创业项目等综合知识库,助力广大卖家和站长创业成功!
- 手机版
- 最新文章
- 热门栏目
- 创业栏目