这些网页设计排版规则,设计师都应该知道

2015-10-07    分类: 网站建设

您可以将许多元素融入到您的网页设计中,并保持您的访问者的关注。这些包括图像,视频,甚至声音。然而,几乎每一个网站的最重要的部分是访问者阅读的内容,以获得他们所阅读的信息。
如果你想使信息更容易阅读,视觉上更有趣,并为该文本添加到一个网站的整体设计,你必须了解印刷排版。这是制作既实用又美观的文字的艺术和技巧。如果你想学会使用印刷术,看看这几个规则,每一个设计师都应该牢记在心。

1、使文本字体

衬线字体的文字是绝对美丽的。较大的印刷应用,如标题、标题和副标题。不幸的是,在屏幕上,衬线没有规模时,较小的显示内容如文本块。衬线,看起来不错,在一个更大的尺寸,使文字难以阅读时,字体变小。因此,明智的做法是把衬线大文本和依靠可读性可能是一个问题。更好的是,整洁干净,光滑,SANS字体和节省印刷字体的现代外观。

2、在设计过程中早期考虑智能引号和其他符号

你已经访问了一个网站,某些符号将无法正确显示。有时,他们被一个问题或一个奇怪的字符串替换。其他时候,他们根本就不在那里。这通常是在微软的单词或另一个软件包中创建的文本移植到一个网页上的结果。它也很常见的欧元符号,双字节字符,和其他符号。为了避免这个问题在你的最终设计中,你有几个选项。首先,你可以修改你的内容,以摆脱这些符号。如果你愿意将这些符号转换成自然语言的话,这是很正常的。你也可以使用HTML来确保符号的正确显示,而不是仅仅依靠复制和粘贴。无论你决定什么,一定要在你可以测试的每一个浏览器的网页上。什么可能解决一个问题,在一个浏览器中的符号可能没有有效的在另一个。

3、高级CSS技巧是非常重要的

如果你有了好的CSS技巧,你的访问者能够通过一个绝对无缝的方式登录你的网站页面。如果你创建了你的样式表是正确的,说到排版,你甚至可以有同一页的多个版本仍然保持连续性好。当然,你不需要用很多的诡计。好的CSS可以帮助你避免。为什么一贯的印刷术是如此的必要呢?使用CSS保持一致的字体给你的网站一个专业的、锐利的目光。相反,你只需要使用适当的样式表。如果你真的决定,在一个特定的页面,你要打破规范,做一些不同的事情,排版为了创造一个影响或吸引注意力的东西,它会站出来,更感谢您使用CSS。
web-typography-rules
4、微观和宏观的印刷术是重要的

微型印刷术涉及与可读性有关的排版的细节。例如,间距是一个关注相关的微印刷,如缩放,和对比度。您所做的调整,以确保一个块的文本是可读的任何设备或浏览器都涉及到微排版。宏观印刷术涉及的方式,您的选择关于印刷术的关系到您的整体设计。它涉及到美学。好的印刷术考虑了微观和宏观的印刷术。你曾经访问过一个网站,使用了一个非常整洁的外观,自定义字体,也几乎不可能阅读?这就是当关注的是宏观的印刷,但不是微印刷。

5、了解设计内容以及设计

正如你所知道的,一个好的网站有流量。这部分内容是页面上的内容的可读性。我们已经讨论了如何通过像衬线的影响,我们已经讨论了如何虚拟文本不能代替真实的东西,当它涉及到设计的后期阶段。我们还没有通过。内容真的是王。一旦最终设计,包括内容,都到位了,你必须阅读网页。当你阅读完你的设计完成后的内容,你可以确定是否有空格或行中断的问题。这些可以使内容混淆,甚至无意地改变内容的意义。使用一些排版技巧来解决这些问题,可以确保你的最终产品准确地传达你或客户的意图。

6、了解层次结构的重要性

层次结构是你给访问你的网站的人的路线图。您可以使用图像、视频、颜色和(当然)排版来创建层次结构。这只是一个引导游客的第一件事,你希望他们看到的下一个,等等。随着印刷术,你可以使用大小,字体的变化,和间距,以帮助定义的层次结构。事实上,如果你有一个页面,不是转换,你可能会想玩周围的排版,看看你的任何变化将有助于引导游客到调用行动按钮。

7、要有创意,但要谨慎

最简单的方法,以确保您永远不会有可读性麻烦,由于字体颜色和背景颜色的问题是使用高的对比色有,黑色和白色。不幸的是,这是一些非常无聊的设计。不要害怕使用颜色。事实上,不要害怕使用的颜色组合,看起来好像他们会工作。有时,只需一个或两个色调较轻或较深的是你所需要做的。然后,你的字体从可读完全可辨,真的很酷。

8、考虑一下你的文本看起来像是放大的

不管他们用拇指和食指或点击缩放按钮,人们会让你的文字更大。有时,他们这样做是为了适应一个较小的屏幕。这将是伟大的,如果每个人都能够查看你的文本的意图,但与婴儿潮一代往往需要一些额外的帮助看文本,这是根本不可能。如果扩大使用一个字体,请小心点。

结论

希望,这篇文章会影响网页设计师把更多的思考放到排版,也找到更有效、更创造性的的方法来设计他们的网站。更多更新网站建设信息请点击创新互联

分享标题:这些网页设计排版规则,设计师都应该知道
转载注明:https://www.cdcxhl.com/news/32982.html

成都网站建设公司_创新互联,为您提供定制网站网站设计小程序开发定制开发云服务器用户体验

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站优化排名