石家庄网站建设,石家庄网站制作,首选新钥匙建站。
分享到:

石家庄网站建设,石家庄网站制作

始于2007年,服务客户2000多……
网站首页 建站报价 建站流程 成功案例 最新资讯 常见问题 关于我们 服务项目 联系我们
关于我们
关于我们
建站报价
建站流程
常见问题
服务项目
域名注册 空间主机
网站建设 网站推广
最新资讯
标题: 创建有效排版规则的八种方法+创建一个网站标题的7种提示
创建有效排版规则的八种方法+创建一个网站标题的7种提示
时间:2018-03-23 10:50      点击:

  创建有效排版规则的八种方法

   今天我们要讨论一些既是热门趋势又有永恒艺术的东西:印刷术。下面概述的基本规则将帮助您更好地了解如何在设计中构建和使用排版。

  意识到这些规则可以改善您创建的几乎所有包含标题或主要版面元素的所有内容。让我们开始吧!

  1.了解基础知识

  你走向更有效的印刷术的第一步是学习一些关于艺术的知识。如果你不熟悉它的概念,你可能会认为印刷术必须是一个相当简单的学科。当然,如果你知道字母表你赢得了一半的战斗权吗?剩下的就是改变它看起来有点像你自己的字体!事实上,印刷术是相当复杂的,并且是科学和艺术一样。

  字体的解剖学涉及非常具体的专业术语,精确的测量和一般必须知晓和遵守的标准。正如许多形式的设计一样,如果你知道它并且正在故意做出陈述,你只能违反规则。

  在线学习印刷术的最好的地方之一是I Love Typography,一个致力于美丽类型的博客。以下是来自ILT的图像,展示您应熟悉的一些术语:

  正如你所看到的,快速制作漂亮的字母会变得复杂。上面的图形在视觉上解释这些术语方面做得非常出色,但这绝不是详细列出您需要熟悉的术语和概念。例如,图形中甚至没有提到x-height,kerning和baseline等术语。为了更好地掌握所有这些内容,您应该花几分钟浏览印刷词汇表。

  为什么?

  这个问题的答案是显而易见的:“因为你是一个设计师!”如果你经常创造利用文字的设计,你是否正在研究印刷术。花一些时间学习基本原理将使你更加了解你选择的字体的特点以及你使用字体作为艺术的方式。

  2.注意你的确定

  这篇文章并不是要对印刷术进行全面的研究,所以我不会详细研究上面提到的每一个术语。然而,字距是许多新老设计师完全忽视的。我最近和一个主要的女性时尚网站的高级艺术总监讨论了这个问题。唯一令她感到沮丧的是,她对设计师的压力一直是缺乏努力的。

  它是什么?

  字距调整包括调整给定字体中两个字母之间的间距。请注意,这是一个单独的问题,它跟踪的是同时调整所有字母之间的空格。您可能会认为像Adobe Illustrator这样昂贵的程序会自动为您解决所有烦人的问题,因此这不会在您的艺术作品中出现问题。再想一想。看看下面的例子:

  如果你不习惯寻找字距问题,这些问题可能很微妙,但它们在那里。注意上面例子中的大写字母“D”是如何从单词的其余部分显着突出的。默认情况下,许多字体,尤其是那些带有明显衬线的字体,可能具有不一致的字母间距。在段落或句子中这通常不是一个大问题,因为不一致的间距排列在较小的副本块中。但是,当您只处理标题或徽标等单词时,马虎的字距问题可能会破坏整个美学。

  在处理Web字体和CSS时,Kerning问题会变得很复杂,但如果您在Illustrator,Photoshop等中将文本创建为图形(用于打印或Web),则很容易解决。只需将光标插入两个字符之间并使用该选项(PC = alt)键连同左右箭头键调整间距。请记住,不要将注意力集中在字母之间,而是像字母之间的负距离。尝试使这个空间在整个单词或短语中在视觉上一致。

  3.注意字体通信

  字体选择绝不应该是一个任意的过程。简单地浏览整个图书馆,找到你喜欢的字体很少会产生有效的结果。原因是有一种固有的心理与某些类型的字体相关联。为了明白我的意思,请考虑以下示例:

  如果你有洞察力,这些字体选择看起来很差。原因在于字体选择的视觉个性和与它们一起书写的单词之间存在重大的脱节。你几乎永远不会看到这位世界领先的终极格斗冠军用漂亮的脚本字体惊呼。同样的道理,你可能不会在你的婚礼请柬上使用Cooper Black。我们习惯于看到用于某些目的的不同类型的字体。

  每种字体都在意识层面和潜意识层面传达某些属性。两个主要的交流领域是性别和时代。考虑下面的例子。

  注意头两个字体如何强烈地传达特定的旧时代。同样,接下来的两种字体都具有强烈的相关性别特征。带有硬边缘的厚字体往往看起来更加男性化和男性化,而弯曲的薄字体显得女性化和女性化。

  这一切似乎有点显而易见,但是如果你能够将这些知识从隐含和本能的部分或你的大脑中拿出来,并将其转化为明确和有意的行动,那么你的印刷技术将会突飞猛进地发展。

  更多关于字体

  要详细了解特定类型的字体,请查看Adobe的类型分类图。

  4.对齐

  对齐是排版中一个非常重要的概念。出于某种原因,非设计师倾向于本能地对齐所有内容。在生活的某个地方,我们知道如果某件事情是以中心为中心的,那么它就是平衡的,因此更好。实际上,中心对齐是最薄弱的,最难读取对齐,应该非常有选择性地使用。

  上面的前两段是左对齐的。这是我们习惯阅读的方式,因为它通常是我们在书籍,杂志等中看到的格式。由于缺乏硬性优势,中间对齐的段落更难以阅读。每条线都没有一致的起点或终点,所以你的眼睛需要花点时间适应每条新线。实践中的差异很小,但原则上很大。

  这并不意味着您应该始终只使用左对齐。只要确保不断问自己可读性与您尝试实现的特定审美有多重要。理想情况下,这些原则总是可以一起工作,但实际上他们往往是反对的力量,需要以某种方式进行妥协。

  另一件要注意的是混合对齐。无论您选择哪种路线,都应尽量在整个设计中保持一致。在左对齐的副本上居中对齐标题通常(虽然不总是)合适,但在超出此范围的情况下尝试混合对齐可能会导致视觉混乱和混乱的页面。

  有关字体对齐的更多信息,请查看下面的文章。

  为Web选择类型对齐

  5.选择一个好的辅助字体

  选择主字体后,下一步是选择其他字体来强调它。这与字体不符合主要选择。

  上图中的第一个示例有几个问题。首先,选择的字体类型非常差。支持字体比主字体更华丽(更难读)。这减损了主要字体,应该避免。另外,即使第一个问题不是问题,两种字体的厚度也非常相似以至于不能一起使用。尽管它们的风格截然不同,但它们的相似冲程重量并没有在两者之间提供足够的视觉对比。

  第二张图像使用更适合对比的字体,并使用更细,更简单的字体作为子标签。你的字体绝对不需要对比太多(这个效果在本例中是故意夸大的),只要确保它们足够不同以防止视觉混淆,并且更重视主要字体。

  6.尺寸问题

  在我担任设计师的六年中,我制作了大量的印刷促销广告。你很早就从宣传材料中学到的东西之一是标题应该立即抓住读者。在印刷世界中,你最多有一两秒钟就能吸引别人的注意力。如果你错过了这个机会,你就失去了你的潜在客户。

  这实际上意味着当你创建标题时,不要简单地输入它:设计它。考虑以下两个例子:

  第一个标题要求你阅读每个单词以了解该消息的内容。所有东西都是相同的大小,宽度和颜色,从而不会强调任何部分的信息。“可以”一词与“胜利”一词在视觉上很重要。

  相比之下,即使它使用完全相同的信息,第二个标题仍然强大得多。我已经强调了那些不那么重要的单词,并且真正地尖叫了那些单词。第一标题的问题是观众必须愿意花时间阅读。那么诀窍就是让观众在看到标题后立即阅读重要部分,就好像意外发生一样。

  看第二个例子,你应该注意的第一件事是“赢”,接着是“巴哈马”。在这一点上,如果你是目标受众,我们激发了你的兴趣,你更有可能采取看看这个消息是什么的时候。

  7.使用印刷术作为艺术

  停止将印刷术视为标题和正文,并开始将其视为设计元素。字体经过精心设计,因此具有美观,可以成为您设计工具的宝贵资产。这当然远远超出了用字母构建面部。如果您想创建以印刷为中心的设计,请考虑如何将吸引人的类型合并为英雄。

  此外,永远不要觉得你受限于现有字体的结构。展开字体形状以适应您的需求。尝试添加漩涡,纹理,斑点,斑点和其他任何你能想到的东西来增加类型的外观。

  8.找到好的启示

  学习创建有效和有吸引力的版式的最好方法是找到并研究一些现有的例子。以下是一些在线寻找灵感的精彩文章,但不要停留在那里。好的和不好的印刷术例子都是最接近的快餐联合。随时随地了解别人正在做的事情,并思考它为什么似乎不工作的原因。

  打破常规

  请记住,这些规则只是为了帮助您创建出色的排版方式。一路上,你会发现你的一些最好的工作公然违反了本文中概述的一个或多个原则。正如我之前所说的,当你完全理解设计中的某个规则时,就是你有权打破它的时刻。只要确保无视不是随意的,而是有目的地执行并实现特定的目标。

  创建一个网站标题的7种提示

  网站标题通常是用户看到的第一件事。它可以制造或破坏用户体验,品牌等等!

  为了帮助保留用户并让他们在设计中不断移动,您需要创建一个令人赞叹的网站标题。而不只是在主页上。在网页设计的每一页上。(请记住,大量用户不会首先访问您的主页。)以下是您的操作方法。

  1.使用令人惊叹的图像

  一个伟大的形象永远是第一印象。无论您选择照片,视频,动画还是其他“艺术”元素,每个标题都应该带有用户想要查看的图像。

  标题图片不仅仅是一张漂亮的图片。它是网页上所有内容的入口,甚至可能是设计中更深层次的内容。

  单独一个图像是一个很好的起点,但您必须将其与其他元素配对才能真正充分利用内容。其他可能出现在标题中的元素包括:

  文字或标题

  标识或品牌标识

  按钮或号召性用语

  导航元素

  搜索

  选择尖锐,高分辨率的图像,并为其他元素(如文本或按钮)提供充足的对比度。人们喜欢看脸,所以请考虑让人们使用或与您的产品或服务互动,如果可能的话。想炫耀你最新的投资组合项目?使用模型模板使其更有趣和吸引人。

  2.合并导航元素

  没有理由必须将标题和导航视为单独的元素; 它们通常是同一视觉概念的一部分。无论您喜欢全菜单导航还是从汉堡包图标中弹出的东西,导航元素都应该是标头设计计划的一部分。

  当你在考虑标题和导航时,考虑一个粘滞的导航模式。即使用户远离主标题(可能是一个小导航栏或像全屏显示一样大),他们可以快速浏览网站设计。

  标题中的导航元素将执行您可能不期望的其他操作。由于这些文本或图标通常较小,因此它可以帮助在头文件中建立层次结构,向用户显示如何与设计进行交互。

  3.创建独特的消息

  仅仅在标题中弹出一个很棒的图像是不够的。它说什么?

  考虑标题的消息如何传达给用户。

  它是否告诉他们该做什么或期望从页面上的内容?

  是否所有元素都传达了易于理解的单一统一消息?

  它是否让用户知道要在页面上采取什么操作或在哪里点击下一个?

  确保将多个元素组合在一起,以通过单个消息创建整体效果。

  4.尝试超大版式

  石家庄网站建设超大的排版是将重点添加到标题的好方法。即使这些单词是简单的位置标识符,在用户开始阅读其他信息之前,使用粗体字可以帮助将眼睛画到屏幕的顶部。

  尽管排版位置可能会有所不同,但请尝试在报头中粘贴两个排版的基本位置。

  主页选项更多排版或更具戏剧性的字体或与其他页面不同的类型。

  所有其他页面选项都带有一个简单的类型框架,它在所有内部页面上都是一致

  5.考虑阅读模式

  根据尼尔森诺曼集团的研究,在网站上阅读往往会遵循三种不同的眼动模式。然后,所有这些阅读模式都会根据用户在阅读时关注的任务进行调整,简而言之,它是视觉流中的一组相关部分。

  这两项关于用户如何查看和消化内容的研究都很重要,因为它们可以帮助您了解如何以及在何处将元素放置在设计中,特别是标题中。

  最初,想想基本模式:

  F图案:用户在顶部读取,然后在页面的一半读取,最后以F形状垂直向左下方读取。

  古腾堡图:有四个活动区用于阅读,从左到右从顶部的两个水平止点开始,然后从右上角到左下角和底部。(形式az形状。)

  Z-图案:眼睛从左到右来回移动,并从设计的顶部到底部形成多个Z-图案。

  将元素 - 尤其是关键元素 - 放置在常见阅读模式中最热门的区域,以实现最强大的用户交互可能性。然后考虑用户最可能接下来要看的位置 - 与刚刚消化的内容相关的操作。

  6.包含可点击的元素

  您的网站标题图片是否互动?它是否包含可点击(或可点击)元素以鼓励用户参与?

  标题可以是呼叫行为按钮或简单操作(如电子邮件地址收集表单)的理想位置。不要过度使用元素点击,因为它可以消除整体信息,但是一个简单的单动元素可以在设计的这个区域有效。

  不知道标题应包含哪些元素?考虑在整个设计中采用一个始终可用的按钮(很像导航)的所需操作。购物车按钮,帐户信息访问或联系我们按钮是很好的选择。

  7.使用简单层

  你如何将头文件中提到的所有元素(或它们中的小群体)放在一起?诀窍是简单的分层。最好的标题 - 让用户感受到的标题 - 看起来很简单。它遵循设计理论的规则,并使用一个主导元素来吸引用户并支持设计技术来帮助他们实现可行的目标。

  分层对象是实现这一目标的一种方法。

  不仅简单的图层可以帮助您为每个元素创建不同的空间,还可以为用户提供视觉焦点。他们会知道从哪里开始设计,哪些元素值得他们关注,哪些元素可以剔除。

  第一次尝试并不总是成功。通常需要多次修订和测试才能创建一组有效协作的元素,并为页面顶部的用户带来惊喜。

  结论

  虽然创建首页标题往往是设计过程的最前沿,但对内部页面的标题进行处理往往会在流程中丢失。“内部”页面上的内容可能与主页一样重要,因为许多用户会通过搜索进入您的网站设计,而不是输入网址并遵循设计团队设想的导航链接。

 

  独立思考这两种标题类型,共同实现设计和谐,统一和视觉效果,让用户在登陆页面时获得灵感。

感谢您对新钥匙建站的一贯支持与关注!
新钥匙建站提供:
域名注册 | 空间主机 | 网站建设 | 网站推广
业务(一)QQ:点击这里给我发消息1351126800   业务(二)QQ:点击这里给我发消息67030191   售后服务QQ:点击这里给我发消息65724142
QQ不在线时请电话联系  133 9303 5011 地址:石家庄市红旗大街599号(红旗大街南二环交叉口南行1000米路东西美花城4-B-403)(乘车路线)
© 石家庄网站制作,石家庄网站建设 2006-2014 新钥匙网站建设 冀ICP备11004523号-1 网站地图 推荐链接