html文本图片如何排版,【姿势】10种照片的文字排版
给照片配上文字,与平面排版有相通之处,但又截然不同,照片的文字,重在衬托照片,而平面设计的文字则重在传达力量,前者更多的是一种点缀,而后者更多的是一种武器,所以,照片的文字是为了引导人们更好的观看照片,而不是喧宾夺主。一不小心,你就可能把你的照片变成了平面设计作品。
举个很简单的例子,以这幅照片为例:
虽然这幅照片的文字很吸引人的眼球,但这个文字是平和的,没有攻击性的,它重在描述事实,起的是辅助性的作用,哪怕它的位置很显眼,但人们分配给它的注意力却是有限的,这就是属于给照片配字而不是平面设计。
当然,有时候二者的界限并不是十分的明显,比如:
这幅作品的文字是平和的,不具有攻击性的,但它又是经过精心设计的,从花纹到字体都是经过雕琢的,因此,你很难判断它的性质。不过在正规的摄影比赛中,一般都不允许添加修饰性的文字,原因之一就是因为修饰性的文字会让图片形成一种设计感,进而影响人们对图片本身的判断,比如这幅图,去掉文字你会感觉是非常普通的摄影作品,但加上文字之后你会感觉还比较不错。
一般而言,采用平和的描述可以很大限度的避免你的摄影作品变成平面设计作品。
一:文字渲染型。
何为文字渲染型?简单点儿讲,就是让人们分配更多的注意力到文字,进而用文字优化画面。跟之前说的貌似有点矛盾,实际上这是个例外。运用这个类型,最重要的就是要选好字体,手写体?粗犷体?纤细体?字体的选择几乎决定了你的最终效果。
二:朴实无华型
这种类型十分常见,也运用得非常广泛。简而言之,这种类型就是纯文字,并且没有颜色的对比,大小的对比,字体的对比等。
这种类型又有两个基本型:竖直型和水平型。
竖直型
水平型
这种类型的关键在于:把握好字体的选择,间距的选择和文字的选择。字体要融合画面,间距根据需要增减,文字一定不能与画面格格不入。
三:底纹型
什么叫底纹型?就是在文字区域存在一个底纹将文字与画面分离开来。这种类型的优点就是能够最大限度的降低画面对文字的影响,让你拥有更大的空间选择文字与排版,并且能更加有效的凸出文字。
我们经常会遇到这样的情况,当我们在画面输入文字的时候,因为颜色差异不大的关系,文字经常被画面掩盖掉了,这时候,底纹型就可以一劳永逸的解决这个问题。当然,这种类型也有一个明显的缺点,就是如果安排不好,就像是在画面上打了一个补丁一样。
下面这幅图,因为整体色调偏暗,如果再加上黑色文字,会出现文字看不清的状况,而运用底纹型可以有效解决这个问题。
底纹型的关键在于如何让底纹更好的融合进画面而不显突兀,主要的方法有一:让底纹本身具有设计感。二:调整不透明度。三:将部分文字置于底纹之外以加强底纹与画面的联系。
四:文字线型
所谓文字线型,就是在画面的文字之中有一根线,这根线呢,通常有三种表现形式:水平,垂直和斜线,而线本身又有两种形式:实线和虚线。
不要小看这根线,它可以发挥很大的作用,主要体现在平衡画面,凸显层次,引导观者等。
这种类型的关键在于安排好主次关系,选择好线条和选择好摆放的位置。
五:字体搭配型
这种类型主要就是不同字体类型进行搭配,同中求异,凸出重点,个人建议字体不要太多,2-3种足矣,另外建议印刷体和手写体进行搭配。字体搭配还包括:中英文搭配,文字与数字搭配等。
六:颜色搭配型
这个需要注意的是:颜色不要太多,2-3种即可,色彩的纯度不要太高。
七:大小组合型
这个前面也已经用到过了,就是让字体有一个大小的变化,进而突出重点和拥有节奏上的变化。
当然还有很多种组合方式,比如这种:
上面这三种类型其实经常是综合使用的。
八:图文混合型
这种就是在文字中还镶嵌着图片,图片一般以个性签名,图腾,特殊符号等构成,可以很好的活跃画面。
九:印章型
这个类型的适用范围稍微狭窄一些,主要是运用在中国风的照片里面。
十:镂空型。
所谓镂空型,就是文字是镂空的。对于镂空型的,需要注意的是底色的选择和字体的选择,一把而言,白色底色就不错,如果你能选到更适合的当然更好,字体的话要够宽大,不然太纤细就完全没有效果了。
(源于普象工业设计小站)
html文本图片如何排版,【姿势】10种照片的文字排版相关推荐
- ocr 图片纠正_2020年10种最佳OCR软件(免费和付费工具) NO.6
聪明的人都是先关注,在点赞,在收藏! OCR软件将文本图像转换为可扫描的,机器可读的在线文档. 最好的OCR软件可让您扫描任何基于图像的文档并将其存档为可编辑的PDF. 如今,这些工具使个人和企业可以 ...
- 第2章第30节:英文排版技巧:固定值在文字排版中的灵活应用 [PowerPoint精美幻灯片实战教程]
本节演示如何通过给行距设置固定值,创建既简单又美观的字体效果.首先在此处按下并向右下方拖动,选择上面两行文字. 在字号输入框里输入115,以增加文字的尺寸. 由于字号的增加,两行文字的行距也变大了,现 ...
- ios开发text kit_第9章 iOS 7中文字排版和渲染引擎——Text Kit
第 9 章 iOS 7中文字排版和渲染引擎--Text Kit 在iOS 7之前,应用中字体的大小用户是不能设置的,而且开发人员要想实现多种样式的文字排版是件非常麻烦的事情.在iOS 7之后,这些问题 ...
- HMS Core 机器学习服务6.4.0版本更新啦,文本翻译功能增加10种小语种语言类型
近日,HMS Core机器学习服务(ML Kit)文本翻译功能在6.4.0版本更新中增加了10种小语种语言类型,分别是马其他语.马其顿.冰岛.乌尔都语.波斯尼亚语.乌克兰语.加泰罗尼亚语.斯洛文尼亚语 ...
- CSS垂直居中的10种实现姿势
前言 前端开发中元素居中是最常见和最经常使用到的css技巧,不仅开发中经常会用到,面试官出题考核基础时有时候也会问道这类问题.本文主要介绍10种垂直居中的方法.希望对你我都有帮组. 1.line-he ...
- UI培训技术分享:设计大神都在用的10种技法!
越来越多的人开始学习UI设计,想要进群到UI设计这个行业,本期小编为大家介绍的UI培训教程就是关于设计师会经常用到的一些技巧,帮助大家后期的工作中的应用. UI培训技术分享:设计大神都在用的10种技法 ...
- 判别两棵树是否相等 设计算法_一文看懂生成对抗网络 - GANs?(附:10种典型算法+13种应用)...
生成对抗网络 – GANs 是最近2年很热门的一种无监督算法,他能生成出非常逼真的照片,图像甚至视频.我们手机里的照片处理软件中就会使用到它. 本文将详细介绍生成对抗网络 – GANs 的设计初衷.基 ...
- php formdata 多个图片保存_图片上传姿势以及你不知道的Typed Arrays
在思否答题遇到几个关于图片上传的问题,中间都涉及到ArrayBuffer的概念,心心念念想整理下这方面的知识,也希望让更多人能有所收获. 各位看官,一起开始吧. 1. 如何上传文件 前端中上传一般使用 ...
- 一文看懂「生成对抗网络 - GAN」基本原理+10种典型算法+13种应用
生成对抗网络 – Generative Adversarial Networks | GAN 文章目录 GAN的设计初衷 生成对抗网络 GAN 的基本原理 GAN的优缺点 10大典型的GAN算法 GA ...
- 对比这10个注意事项,你的网页文字排版达标了么?
编辑 : 陈子木 阅读本文需 8 分钟 优设投稿入口 对于网页而言,视觉信息的传达至关重要.用户通过页面获取信息,文字.图片.图标.按钮.表单等UI元素都承载着不同类型的信息.在这其中,文字的作用尤 ...
最新文章
- DNS 映射解析应用(二)
- 论信息系统的项目范围管理
- 【深度学习入门到精通系列】Python批量实现图像镜像翻转
- 程序员浮躁,谁之过错?
- Ubuntu中vim编辑器的常用操作
- adb 命令获取点击位置坐标
- 微信小程序 列表展示+详情
- php包含大马执行,分析一个常见的php大马并且解码过程
- 【Tool】CRC8 实现基础与原理解析
- 工业自动化要学python_工业的自动化控制除了PLC等常规的以外,是否需要学习相关编程语言,如运动控制,数据采集,机器学习等需要学习什么编程语言...
- linux lilo密码,LILO Security
- 在注册表里查找classid
- 怎样和虐死人的老项目谈恋爱
- 浏览器控制bartender打印方案
- Grep命令常见用法
- CentOS的自动化安装光盘制作 (详细流程)
- 双曲线知识的简单回顾
- JML(2021 EMNLP) 关联图像和文本
- 【重大发布】原生微信上架优麒麟软件商店
- mapgis java二次开发_MapGIS开发平台二次开发.docx