服务咨询电话

0535-4702955

网页设计排版技巧非常适合设计新手教程!

2020-07-30 09:25
 

网上澳门游戏网址 自1991年蒂姆伯纳斯-李(TimBerners-Lee)翻开这一开关以来,网络排版已经走了很长一段路。早在IE1.0时代,好的网页排版就有点自相矛盾了。今天的情况不一样了。我们不仅有支持图像的浏

  自1991年蒂姆·伯纳斯-李(TimBerners-Lee)翻开这一开关以来,网络排版已经走了很长一段路。早在IE1.0时代,好的网页排版就有点自相矛盾了。今天的情况不一样了。我们不仅有支持图像的浏览器(喘息!),而且我们有机会让我们的网页通过

  首先,值得注意的是,排版不仅仅是选择一种字体,甚至是区分一种字体和另一种字体。在最近的实验中,经过训练的猴子90%的时间都能正确识别Helvetica。

  今天,我们将从四个基本成分的配方来讨论网络排版。如果你曾经试过煮汤,你就会知道这个食谱有多重要。跟随这食谱和你的排版会像…一样崛起关于烹饪的比喻已经够多了,让我们做饭吧:

  浅蓝色背景上的淡粉色文字,可能与你的T恤相配,但读起来不太好。文本存在以供阅读;确保它与实现这一目标的背景有足够的对比。如果你一直对对比度不确定,那就对你的页面进行屏幕转储,打开你的图像编辑软件,并将图像降到灰度。你很快就会看到你是否有足够的对比。罗伯特·布林赫斯特(RobertBringhurst),一位完美的排版师写道,印刷术的存在是为了尊重内容。...如果我们的网页设计方式使文本、内容难以阅读,那么我们是否在尊重内容呢?

  就我个人而言,我不喜欢阅读很长一段倒置的文本(即在黑暗背景下的浅色文本);我们多久会看到这样的书?它很可能是适合较短的文本在屏幕上,但我发现它非常累的阅读任何一段时间。

  随着Web2.0的诞生,我注意到了一个相当恼人的趋势:小类型。我甚至给网站作者发了邮件,并善意地建议他们增加默认字体大小。我收到了来自“强硬”、“谢谢你自己”的褒贬不一的回复,我从来没有想过我的类型对普通读者来说可能太小了。我甚至听说过用“它符合我的极简主义设计”或类似的字眼来辩护身体的微小文字。它很可能反映了一个小的东西。除非“超人”和“20/20视觉女孩”(漫威漫画,别碰我的手,她是我的)是你唯一的读者,那么小类型的就没有了。

  不要将正文文本设置在10或12 px以下,如果可能的话,使其更大。记住,在你的65英寸高清晰度等离子显示器上可以看得到的东西,在一台15英寸的MacBook上可能就不是这样了。如果有疑问,就把它放大。ILT上的正文文本设置为16 px。

  更改类型大小是区分内容的最佳方法之一。颜色和漂亮的方框可能会有帮助,但不同大小的字体,在整个页面中一致使用,会向读者发出响亮而清晰的信号,告诉读者页面元素的相对重要性。这也意味着,如果你的读者很匆忙,他们可以迅速挑选出重要的部分--这可能意味着他们停留更长时间并继续阅读。

  等级制度也可以通过其他方式实现。我们刚才提到使用不同大小的类型来实现它,但我们也可以使用不同的样式;例如,全大写,或者使用斜体作为副标题。衬线面和无衬线面也可以混合使用,效果很好。

  让你的类型呼吸。不要害怕在页面中留下空白。这负或白色空间将有助于将注意力集中在文本上--而这是最响亮的文本,所以让它被听到。接下来,请记住线高属性;一个好的经验法则是行间距,即至少140%的文本大小(记住,我写的是万维网(这里的排版)。好的类型设计师将大量的精力投入到位于字体内部的微型白色空间中。他们花了数不清的时间试图在黑色和它所包围的负面或空白之间取得平衡。同样,我们应该花时间考虑宏空白,即形成文本块的“空白”。

  记住,这些不是规则,而是准则。不过,跟着他们-反差,大小,层次性,和空间-你的排版会像戈登·拉姆齐(Gordon Ramsay)的苏弗莱一样上升。哦,我只是在开玩笑。在一个关于排版基础的未来三部分系列中,我将更详细地看上面的所有内容。我还将讨论许多事情(细节),这将大大有助于改善你的排版,无论是在屏幕上还是在屏幕外。

  兔课网是国内专业的设计类在线学习网校,兔课网专注培养各类设计型人才,其中课程方向包含:平面设计师、网店设计师、UI设计师、商业修图师、电商美工、专业设计师、新型设计师等方向的课程。兔课网校,用碎片化时间解决你的设计学习需求,学设计,就上兔课网!

官网:http://www.francofilm.com/ 鲁ICP备17020917号-1

网站地图|XML地图