网页设计中的彩色字体-佛山网站设计

作者:网站建设公司 来源:佛山网站建设日期:2020-11-09 浏览:

网站建设 - 建站教程 - 网页设计 - 网页设计中的彩色字体-佛山网站设计

佛山网站建设

  什么是彩色字体?这是一个不断弹出并开始获得认可的术语,尽管在大型设计项目中的使用的很少。

  像Adobe Typekit这样的供应商已经开始发布一些支持浏览器的彩色字体,当然也有一些更广泛的用途。有些人甚至称彩色字体为“网页设计中的下一件大事”。
  接下来,我们来看看这一趋势,你来决定它是否是一件大事。
  什么是彩色字体?
  1、彩色字体几乎就像它听上去那样,包含多种颜色,阴影或渐变,纹理或透明度的字体。它不仅仅是给字体添加了颜色,是包含很多细节的特定字体。
  彩色字体可以是字体文件中的矢量形状、位图图像或是两者结合,这就使得彩色字体比标准字体包更大。常见示例包括表情符号或含有图标的字体。
  彩色字体的大问题是现在没有真正的标准格式。有一个缺陷就是所有的字体文件格式中矢量和SVG图像可以缩放自如,但位图可能会有大小限制。
  实际上有五种格式要处理:
  SBIX(Apple):在Mac和iOS系统上的原生位图版本
  CBDT(Google):在Android系统上的原生位图版本
  COLR(Microsoft):在Windows 8.1+系统上的原生矢量图版本
  SVG(W3C):矢量和位图版本
  OpenType SVG(Adobe/Mozilla):将SVG形状放在OpenType字体中的矢量和位图版本
  Mozilla(火狐浏览器的骨干)和Adobe已经同意OpenType SVG是选格式;其他人还在不断的改变着决定。
  如果你想了解这些字体的工作原理以及所有文件格式的明确说明,可以查看Fontself(https://learn.fontself.com/color-fonts-what-when-where-dd8c82e5a561),它有一个很好的入门说明。
  如何使用颜色字体?
  2、当你次看到彩色字体时,可能会产生的想法:
  哇,太可恶了!
  cool!我知道如何使用它!
  无论你感受如何,一定有非常适合彩色字体的应用程序,但你需要理性地使用它们。(少量使用彩色字体。)
  可以使用彩色字体:
  用一个短词语引人注意的技巧
  用于图标或logo的元素
  用于一段长文本的段大字
  用于小型设计中醒目的标题
  将焦点聚集在一个特定的词语上或是一大段文字中的某个词语
  当其余的设计比较简单
  作为排版中你主要的设计元素
  当项目需要一些有趣和不寻常的东西来吸引用户的注意
  不使用彩色字体
  3、更多时候我们不使用颜色字体。你一定不想把网站设计成20世纪90年代那种闪烁的色彩疯狂的风格。
  不要使用彩色字体:
  有图片或在图片上方
  复杂的背景
  很多文字
  有很多其他的设计技巧,如动画;单色通常足以产生视觉冲击
  有其他新奇或特殊的字体
  不断发展的趋势
  4、彩色字体开始流行是因为它在排版中起到了重要的作用而获得认可。Adobe和Mozilla采用的OpenType SVG格式可能是帮助这一趋势真正流行的工具,Adobe近甚至向Photoshop中添加了彩色字体(你可能已经注意到字符调色板中有一些emojis)。
  这里是关于Adobe如何解释的OpenType SVG:(https://helpx.adobe.com/typekit/using/ot-svg-color-fonts.html)
  “OpenType-SVG是一种字体格式,OpenType字体具有作为SVG(可缩放矢量图形)图形的全部或部分的代表符号,这允许在单个字形中显示多种颜色或渐变。由于这些特性,我们经常将OpenType-SVG字体称为“彩色字体”。
  “OpenType-SVG字体允许以这些图形的性质显示文本,同时允许被编辑、索引或搜索。它们包含OpenType的功能,允许字形替换或替代字形样式。
  “彩色字体的出现和Trajan Color Concept和Emoji One Color一样,就像你程序字体菜单中的特有字体。但是,由于许多程序尚未完全支持颜色组件,因此无法显示其全部可能性。如果你的软件程序不支持字体中的SVG图形,则字形将恢复为纯黑色样式。颜色仍然可以应用于这种后备样式,因为它如同典型的OpenType字体一样。“
  此外,The State of Web Type(http://stateofwebtype.com/#Color%20fonts)有一个部分专门用于更新浏览器来支持彩色字体,因此你可以确定何时适合使用。
  在彩色字体的演变和使用方面,两件事将发挥主要作用:
  Web设计项目的选择以及浏览器的兼容性(由于兼容性问题,实际上彩色字体设计更多的出现在打印中)。
  现有的风格技术是否可以与华丽多彩的设计技术统一。
  尝试颜色字体
  5、如果彩色字体是你想要的设计,你可以下载来使用或自己创建,具体取决于设计项目的类型。
  自己创建
  你的软件技能将决定你创建彩色字体的类型。你可以自己完成或使用工具来帮助设计你想要的彩色字体。
  Fontself(https://www.fontself.com/)是ai和ps可以添加的插件,它能帮助你创建彩色字体
  你可以学习Glyphs(https://glyphsapp.com/tutorials/creating-a-layered-color-font)的教程,从头开始绘制设计
  FontLab(https://www.youtube.com/watch?v=Yit1ZpClwAk)有视频教程,逐步的讲解整个过程。
  下载或嵌入
  这里有一些可以帮助你创建彩色字体:
  用傲慢的类型(https://www.typewithpride.com/)
  沙滩巾(https://creativemarket.com/anugrahadesign/1512983-Beach-Towel-Color-Font)
  蹦极(https://djr.com/bungee/)
  水彩字体(https://creativemarket.com/undrey/1240261-Watercolor-font)
  Bixa颜色(https://bixacolor.com/)
  儿童玩具(https://creativemarket.com/popskraft/1409713-Colorful-typefaces-child-typography)
  一线大胆(https://creativemarket.com/kaer_cm/1219084-OneLine-Bold-color-font)
  领袖(http://www.novotypo.nl/fonts/guru.html)
  氖(https://creativemarket.com/inkdrop/1274409-Neon-OTF-colour-font)

企业网站建设一条龙
找零度飞易网络公司-fslingdu所做php网站建设方案网站设计网站制作北京上海深圳龙岗衢州兰州常州东营南通济宁桂林淮安烟台长春无锡天津昆山苏州合肥洛阳昆明天津唐山泉州惠州万州新乡商丘台州哈尔滨太原摄影海口随州学校商丘广东湖南广西江西海南广州企业中小企业武汉南山罗湖福田虎门肇庆汕尾汕头广州佛山成都杭州济南重庆福州西安厦门昆山沈阳青岛徐州郑州南京南宁长沙大连淄博石家庄南昌温州珠海番禺顺德三水高明中山东莞合肥江门嘉兴西宁大良容桂伦教勒流陈村均安杏坛龙江乐从北滘祖庙石湾南庄等地区企业网站建设(广告)公司提供专业做网站价格规划书及营销型网站制作,网站建设基础知识

网站建设费用

网站制作电话:137 1543 1176

网站开发QQ:378780108

E-mailsale@fslingdu.com如何制作网站QQ :378780108

网站建设服务

网站建设公司零度飞易是一家专业网站设计,网站制作、seo优化,网站推广,网站建设的佛山网络运营公司。零度飞易在家具网站建设小家电网站建设服装网站建设电器网站建设机械网站建设等行业的网站设计、网络运营都得到行业认可,在上海深圳北京广州佛山中山东莞地区有着良好的口碑品牌的网站建设公司。我们的使命是打造创新型的网站建设企业,能轻易地开展“互联网+”业务、实现“互联网+企业”的企业愿景。

Hi,Are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个互联网项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您给我们写信或是打电话,让我们听到你的声音!

零度飞易 互联网整合营销

地址:佛山市顺德区大良凤翔商业广场二座670

业务QQ:378780108

策划专线:13715431176

E-mail:sale@fslingdu.com

合作意向表

您需要的服务

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务
我需要做购物商城
我需要做系统平台

您最关注的地方

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

价格预算

1-3万3-5万5-8万8-10万10万以上大型项目需要招标