全国免费咨询热线:400-611-9921
 
公司简介发展历程荣誉资质合作客户团队介绍新闻资讯
建站知识纵天观点网络营销推广行业动态最新签约
任何设计都需要三层印刷层次
来源:纵天 / 时间:2018-02-25 / 浏览:459 / 建站知识
对于你设计任何东西的人来说,最重要的元素之一就是类型。它需要清晰易读,并且应该引导用户完成设计,从最重要的元素到最少的元素。

简而言之,解释排版层次结构。但要真正掌握类型的艺术,您需要了解如何在整个设计中将图层分层以实现最大的影响力。继续阅读以了解如何掌握印刷术层次结构并在每个项目中创建有效类型。

纵天科技在广州网站建设,广州网站设计制作方面属高端品牌,广州网站制作公司的领军,提供领先的网站设计制作,公司网站制作,广州建设网站,官网建设,网页制作公司,建网站公司,企业建站,广州网络公司与品牌网站策划运营服务。


什么是印刷层次?


印刷层次结构是另一种形式的视觉层次结构,是整个设计项目中的一个子层次结构。印刷层次结构呈现字母,使最重要的单词显示效果最大,因此用户可以扫描文本中的关键信息。

没有印刷层次结构,设计中的每个字母,每个单词和每个句子看起来都是一样的。你能想象读一切都是相同的字体,大小和颜色的东西吗?你从哪里开始?你怎么知道什么最重要?

印刷层次结构创建元素之间的对比。设计师通过使用字体,大小,重量,大写和小写字母,粗体或斜体,方向和颜色来实现这一点。这些设计工具的组合被用于创建属于不同层的类型。


小学一级
印刷术的主要水平是所有重要的类型。这是头条和甲板 - 也被称为“家具” - 吸引读者参与设计。这是设计中最大的类型(除非你使用印刷艺术)。


中等水平
排版的第二级是可扫描信息的块,帮助读者保持设计。这包括诸如子标题,标题,拉引号,信息图表和其他小块文本的信息,这些文本将信息添加到主要文本级别。这些文本块的设计很大,但通常比小学排版中的文字小得多。


第三级
排版的三级是您设计的主要文字。它通常是设计中最小的类型,但它需要足够大才能被所有潜在用户完全读取。字体应该简单并且在设计,间距和总体使用方面一致。

其他级别
其他层次的排版包括适用于小部门影响的高等教育类型。诸如粗体,斜体,下划线和颜色等效果可以引起对正文中特定区域的注意。这些效果适用于第三级使用的相同尺寸和字体的文字时效果最佳。效果可以谨慎使用,并且只能按顺序使用几个字。其他级别的示例包括带下划线的链接,用于影响的粗体字或用于强调的斜体或颜色。


打印项目中的层次结构

印刷项目中的视觉层次结构严格视觉化。使用大小,颜色和其他效果来使某些类型的位显得更大更重要,并且相应地缩放是您为了获得良好开始而必须做的所有事情。

看一下上面的分步示例,您可以清楚地看到不同级别的印刷层次结构,以及它如何使设计更易于阅读并更具视觉吸引力。通过在关键领域增加重点,您可以将这一技术应用于任何设计项目。


创造它
有多种方法可以创建层次感。以下是一些最常用的技巧:

字体选择:更有趣的字体可以看起来更大,并且画眼睛比视觉阴谋更少。在使用新颖性时,脚本或复杂的字体应注意可读性问题,并确保类型足够大。
大小:它几乎不用说,但类型越大,眼睛将被吸引得越快。字体大小应该与阅读文本的重要性顺序相关。
重量:字母的粗细可以使文字看起来更大(粗体,粗体)或更小(细体或压缩字体)。
大写和小写字母:您听说以大写字母发送电子邮件就像对某人大喊大叫。所有设计上限都是如此。谨慎使用。大写字母会显得更大并且走到最前面,而小写字母看起来更小并且经常落入背景。
粗体:粗体字是单个单词或短语的重点。它在三级类型中特别适用。
斜体:斜体字可以突出显示单个单词或短语,而不是以粗体显示,而且更加细微。它在三级类型中特别适用。
方向:翻转字母,颠倒或任何其他方向,水平线可以立即吸引眼球,因为它们的放置方式与预期不同。这可以适用于文本主要级别的短语或短语。
颜色:为通常没有颜色的字母添加颜色会创建特定的即时兴趣。这种效果可以在任何级别的文本中工作,但应该慎重,以免造成可读性问题或混淆。
展示位置:文字位于画布上的位置也可以建立分层结构。通常你从上到下阅读(一种自然的排序),但是这可以通过采用上面的一些技术来改变。
数字项目中的层级
您在印刷项目中使用的所有工具也适用于数字项目,并增加了一些内容。数字印刷层次结构还必须在创建Web类型时考虑HTML。这种额外的思维水平确保您的视觉水平将转化为屏幕上的其他用户。


创造它
确保在处理将在线发布的项目时使用通用约定,包括标题,正文和粗体样式。这些常用风格定义中的每一个都属于HTML中的胡萝卜(<>)。


标题(标题):为网页抓取工具和用户定义文档标题。
正文(正文):定义文档中的正文文本。
标题(h1到h6):定义标题样式的不同层次。H1通常是最大也是最重要的,通过H6向下移动。你只需要使用尽可能多的你喜欢的。
粗体(强):定义较重,更重要的文字。
斜体(em):用于强调文字的倾斜。


层次和可用性


当涉及到移动应用程序时,您需要考虑视觉印刷层次结构,HTML印刷层次结构和印刷层次结构中的可用性。文本不仅要看起来很好,而且还要正常工作,但它也必须设计成让用户知道如何处理它,并按照预期进行交互。

这种基于动作的排版包含了设计师的一些关键内容。类型必须足够大才能点击,分开以便每个可轻敲项目都被清晰地定义,并且可用元素具有某种视觉定义(例如按钮)。


创造它
在创建可用的印刷层次结构时要记住的事情是将用户将要与之交互的类型元素与他们不会彼此交互的类型元素分开。重要的考虑包括:

空间:给每个应该被触摸或点击的元素,足够的空间。考虑空间的大小以及手指触摸它所需的空间量。如果类型非常接近,单击错误的元素,用户可能会很快失望。
颜色:创建可用性的调色板。考虑让每一个用于触摸的词都与主文本不同。
阴影:阴影是可以按某种方式按下按钮的常见指示器。
边界:考虑将边框添加到您希望用户与之交互的独立元素。确保它们背离背景。(时髦的“幽灵按钮”就是一个很好的例子,就像上面的Spacecraft网站的例子。)
动画:移动文字虽然难以使用,但可以快速帮助吸引某些词语。
方向:记住告诉用户屏幕上的操作,从点击到滚动到号召性用语。


结论

即使没有考虑它,你也有可能设计出某种排版层次结构。但考虑如何将类型整合为一体,可以改善整体设计。

使用印刷层次来增加重点,影响并创建用户可以快速查看和响应的操作调用。记住在决定应用于字体,大小和效果时应该考虑可读性,可扫描性和整体理解。您的读者(或用户)会感谢您。


本文来自广州品牌网站建设网站设计制作公司-纵天科技

标签:公司网站制作,广州建设网站,官网建设,网页制作公司,建网站公司,企业建站,广州网站建设公司,广州网页设计公司,广州网站设计公司,广州企业网站建设

 

立即致电纵天品牌顾问:
400-611-9921

地址:广州市天河区中山大道中38号加悦大厦8F

业务 QQ: 251232156

E-mail: sales@zomsky.com

扫一扫与我们联系

电话咨询 网络咨询 官方微信
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭