实施素描漂亮的印刷字体[北京网站设计]

发现在素描和您的网站设计上使用三个隐藏的印刷技术。作为网站设计师和开发人员,我们知道最棒的印刷式样不仅仅是选择一个愉悦的字体了。但什么是我们可以用它来把我们的文本到一个新的水平的实用技术?我们如何在一个设计工具,如素描执行这些技术,或者实现他们的网站设计上...

发现在素描和您的网站设计上使用三个隐藏的印刷技术。

北京网站设计

相关阅读:网站设计中的色彩统一的方法是什么?[北京网站设计]

作为网站设计师和开发人员,我们知道最棒的印刷式样不仅仅是选择一个愉悦的字体了。但什么是我们可以用它来把我们的文本到一个新的水平的实用技术?我们如何在一个设计工具,如素描执行这些技术,或者实现他们的网站设计上? 

在这篇文章中,将介绍三种技术来提高您的游戏排版:文本路径,隐藏的OpenType字体功能,以及特殊字符上。这些技术是令人兴奋的,因为很少有人知道如何在素描使用它们,以及它们可以帮助使您的工作看起来更专业。我陪着这篇文章有专门的网页设计资源和美丽的例子为您拉灵感和代码从一个画廊。
 

1. 路径上的文本

北京网站设计制作

相关阅读:北京建站要兼顾价格与质量[北京网站建设]

这些技巧是彼得·诺维尔的草图大师课程的一部分 - 采取看,如果您想进一步您的技能

“路径文本”是指文本字符串不再坐在一条直线,而是围绕一个自定义的线条或形状包装。这是最有效的当通路是一个完美的圆或一个非常微妙的弧线。更复杂或弯曲的路径,就越有可能您的文本看起来幼稚 - 这是容易过度这个功能!

在素描,路径上的文本是一个古老而略带挑剔的功能,可以混淆找出您自己的。关键是要了解矢量路径罩,同时适用于线和封闭图形下如何工作的。每个矢量路径具有开始点和结束点,并为计算机的方向
移动在同时提请该路径。

当您使用素描的矢量工具(即钢笔工具),可以很容易地记住您开始绘制在哪个方向,您画您的自定义路径。但对于形状像一个圆 - 这似乎是一个连续的路径 - 有知道起点或路径方向上没有明显的方式。

通过选择通道层,然后敲击回车键进入编辑模式。素描自动选择沿路径矢量点,这就是您的起点。如果您打的TAB键,素描将选择下一个矢量点,沿着移动(因而透露出)路径的方向。

此为路径上的文本重要的,因为该路径的方向是文字中移动的方向。如果路径没有向左移动到右,文字会出现颠倒。要反转路径的方向,请在菜单栏“图层>路径>反向顺序”。

现在,您的路径已经准备好了,是时候将它与您的文字层连接。文字层必须直接在图层列表中的路径层之上,我建议分组两层,以确保这不会改变。选择文本图层,然后去'类型>文本上的路径“。接下来,将重新定位围绕您的画布文字层,直到文本坐在正是您想要它喜欢沿着路径。

重要提示

这可能需要一点时间,作为文本层的位置似乎没有多少关系到它沿路径出现。此外,路径上的文本时绘制的渲染引擎可以绊倒,出现作物在陌生的地方的文本。快速放大和缩小又通常会解决这个问题的渲染错误。

最后一个提示与一个路径文字工作:我发现,当该路径是一条线,如开放的,而不是被封闭,连续就像一个圆的功能性能最佳。

在您的网站上,您可以通过使用SVG的元素实现路径上的文本。素描目前不支持此功能在出口SVGs,但它不能更容易将自己加入的元素。在资源页面,您会发现一个CodePen模板,这将使这个容易。

2. 花哨的字体特征

优秀网站设计

相关阅读:如何在网站设计中使用心理学来吸引和增加销售[北京网站设计制作]

在MacOS的字体面板有一个隐藏的菜单选项来显示版式面板,额外的字体功能提供接入

当您选择字体和开始打字,您只能看到什么样的字体能的一小部分。小型股,自由连字和备选字符 - 通常被称为OpenType功能 - 只是一些隐藏的功能。

大多数人并不知道,OpenType功能素描都可用,并且像iWork的MACOS甚至其他应用程序。使用素描,您的文字层进入编辑模式和“全选”。接下来,通过往上走“视图>显示字体”打开默认的MacOS字体面板。字体面板中的工具栏包含左附近的齿轮图标菜单,包括一个神秘的名为“印刷术...”选项。这就是魔法发生之地!

 

排版面板显示其花哨的字体功能可供您选择的文本。例如,在顶部,您会经常发现用于罕见连字“,让更具观赏性的字母组合,如”曲“或”性“的复选框。 

有迹象表明,可以包含在字体吨激动人心的排版特征,但这里是多了一个我的最爱:小盘股。小盘股是一组小型大写字母的通常是相同的高度为小写字母“X”。使用排版面板,您可以全部使用小写字母转换为小盘股,这对于短标题或文章的第一行看起来很棒。

要记住的事情

虽然这些字体特征都可以访问从内草图,它们可以略微挑剔。下面是您需要知道什么:首先,当您打开和关闭在版式面板转向特征,您可能需要稍等片刻或选定的文本将鼠标悬停在变化发生之前。

第二,如果您更改使用素描的督察字体大小或重量,任何花哨的排版功能将被重置为默认值; 我建议在字体面板调节这两个属性来代替。更改其他字体相关的属性(如颜色,字符间距或行高)素描的检查将不会影响您的排版功能。

在您的网站设计实现这些花哨的字体特征是添加一些CSS属性,现在所有主流浏览器的支持一样容易。

3. 特殊字符

高端网站设计

相关阅读:北京建站-建站行是不二的选择[北京网站建设]

字体册这个程序包含包含的字体,然后您可以拖动和拖放到素描每个字符的剧目

除了花哨的功能,如连字,小瓶盖,很多字体包含特殊字符,如装饰,一夜暴富和符号。在这篇文章中,瓶子,太阳图标,手势打开的图片有各种字体的所有组成部分。

您的网站设计工作时,有访问已经包含在字体中的特殊字符两种方式。第一种方法是使用苹果的内置字体簿应用程序,它允许您通过点击工具栏中的网格图标查看每个字体的“保留曲目”(字母和字形网格)。当您滚动过去最常用的字符(AZ),您就可以看到扩展集连字,小型大写字母,变音符号(重音符号),以及特殊符号的类型网站设计师精心为像我们这样的书呆子创建的。

当您将光标悬停在一个人物,您会看到人物的名称和Unicode值一点点提示。最重要的是,您可以拖动的性格字体书,并到您正在编辑文本的任何其他应用程序(如示意图)。只要确保在素描您的文字图层处于编辑模式 - 由闪烁的文本光标表示 - 您拖放之前。

4. 人物面板

北京网站设计制作

相关阅读:谁把困惑带给了网站设计师[北京网站设计制作]

这揭示了特殊字符的宇宙 - 包括罕见的信件,象形文字,和Unicode符号

 

字体书是不是您可以访问这些特殊字符的唯一途径; 其中大部分都可以通过人物面板插入。该面板可以在素描和整个MacOS的访问,在菜单栏编辑菜单的底部(现在被称为“绘文字和符号”)。如果角色面板看起来很小,单击顶级右上角,看起来像一个窗口,显示“⌘”符号中的小图标 - 这个切换的紧凑和扩展面板之间。 

该扩展字符面板功能强大,让您获得了无数的符号,标点符号和象形文字。只需双击这些字符之一,将其插入旁边的文字。我个人最喜欢的是NUMERO(“否”),这是比'#'比写作更优雅,更紧凑的“号码:”。

点击齿轮图标,人物面板的顶部自定义侧边栏的类别列表。您甚至可以添加的Unicode到列表中,它允许您浏览成千上万的兼容Unicode的字符的每一个人。换句话说,这使您可以访问几乎每一个字符,您能想象!还发现它有用拖动我经常使用到收藏夹列表,从而省去了您想用的时候搜索该字符的特殊字符。

当谈到在网络上实现您的网站设计,插入特殊字符是很容易。任何Unicode字符可以在网站上通过任何引用字符的HTML对应的值或使用CSS生成的内容与字符的Unicode十六进制值使用。在资源页面,我联系到一个伟大的网站快速找到这些值的任何字符,而其他网站解释如何实现它们在CSS。

结论

正如您所知道的,这篇文章只是撇去每个主题的表面。这就是为什么做了这么多的资源页面中提及!它包括美丽的例子画廊,选定挤满了OpenType功能来尝试,自己的素描项目文件回暖除了免费字体,以及许多其他有用的网站和模板。排版快乐!

 

建站行为客户在北京建站多年,是北京建站公司中的实干者,秉承着技术公司要把技术放在第一位的理念,积累了成熟的建站模块、流程管控和直连管理体系,如果您在北京建站过程中遇到任何问题,例如本文中提到的文档示例等,均可以与建站行联系,我们的电话是4008-626-737,或直接拨打010-5625 7625都可以,建站行将竭诚为您服务,为您创造价值是我们永恒追求的目标!

建站行微信二维码

建站行微信号:jianzhanhang