上海网站设计-版式创造不同:着眼于字体的网站
发布时间:2015-05-11 15:51  已被人阅读    分享到:
上海网站设计-版式创造不同:着眼于字体的网站
 
典享网络专业从事上海网站建设,上海网站设计,上海网站推广,上海网站制作,上海网站改版,上海网站运营,上海微信代运营,网站建设,微信运营,网站托管,网站SEO多年。我们不断总结最新的建站及其seo方法,对此我们总结出很多心得。
 
网站都有些棒呆了的的交互性设计,然而,它们的字体选择、排版风格和间隔的使用风格同样值得我们关系,下面万户网络就来讲讲着眼于字体的网站设计。
 
为什么网格结构和排字对于排版至关重要
 
排字和网格结构是读者和文字之间进行有效交互的关键性因素。在Thinking with Type(想想字体!)一文中,Ellen Lupton详尽地解释了用网格工作的益处,她特别强调了网格的便利性,网格在整合文字和图片之中的作用,以及如何用网格组织一个复杂的层次结构。 字体、字号和一行文字的尺寸之间有着不可分割的联系。当一个网站的外观在不同的设备上看起来并不相同时,优秀的设计师们需要将阅览者需要阅读的量控制在吸引人和可消化的范围内,小心翼翼地维持浏览者的兴趣。然而,失去浏览者的兴趣是随时有可能发生的。比如——出于不同的原因——一长串的细小字体可能就是阅读的灾难,同时,挤在一小行的大号字体同样会带来困扰。 在下面一个情形中,不停地换行可能会淹没了标点符号,使得读者不得不回过头来再去看那行小字。在以上两种情形下,超长或者超短的一串文字都有可能使得读者对它们失去兴趣。
 
网格结构
 
在这个部分,我们挑选的网站将向你展示网格是如何有效地进行排版、吸引访问者、使内容可读及构造和支持网页的层次结构的。 SILKTRICKY Silktricky的网格结构由六个纵向的方格组成,将信息拆成有吸引力的几个部分。标题所采用的排版方式一致:Bookman Light Italic字体较轻的色调与Futura Condensed Bold的厚重的视觉冲击形成了鲜明对比。
 
这些字体很好地互为补充,创造了在大小,字形,纹理,厚重上的强烈变化。这种对比促使着你想要看更多信息,将你的注意力吸引到方格中的描述性的无衬线文本上。
 
当你点击按钮时,文本会扩展成数个段落并延伸两列,刚刚好使得你目光停留在文本上的同时也不会超出网格的范围。这个拓展出的段落文字创造了另一种排版方式和色调,有效的与标题做对比,展现了一种视觉效果的可喜变化。 PERCUSSION LAB Percussion Lab(打击乐实验室?)同样有效地利用了网格。灵活地使用了四个方格来展示四位投稿艺术家的详细资料,并且都包含了有关日期、艺术家、类型的细节信息,很好地融入了层级结构中。标题部分延伸到两个方格的宽度并展示了音轨列表和有用的细节信息。
 
吸引用户的字体
 
文字的实质是最重要的吗?毫无疑问这是对的,特别是当语言振奋人心或者是强调作者意图的时候。使我们快乐的文本,或是有争议的文本本身就足够吸引人了。 但是能使文本变得更富吸引力的工作还有很多:字体、纹理、风格、整个的外观和文本布局都对吸引读者的注意力起着很重要的作用。字体同样可凸显主题的重要、情绪的强度、页面的美感或是作品的独特性。 Crockett & Jones Crockett & Jones的网站就是这样的一个例子。这个英国公司从1876年以来一直手工制作精美的鞋子,而它的网站也毫无疑问地反映了它对形象和款型的传承。品牌名在每个页面上都有出现,并且每个字母都呼应着这种装饰性的维多利亚时代的设计方式。而微软雅黑则被用于正文文本来展现这种传承、品质、风格和对细节的专注。
 
字体的结合
 
选择和结合字体来凸显主题总是充满挑战的任务。它需要耐心来一次次尝试可能的组合并以视觉感受来评判适合效果好坏。这个部分的网站混合了精挑细选、赏心悦目的字体来强调主题,吸引读者并制造惊喜的感觉。 FOUR SEASONS 在Four Seasons的网站中,将不同的风格和厚度的Garamond Italic(加拉蒙斜体)和许多种类的Helvetica字体(著名的无衬线字体)结合起来,达到了纹理和色调的显著对比。有着粗重竖直笔画的Garamond字体和有着不同纹理的Helvetica字体相得益彰。 来这个网站体验这种显著对比在网站的层级结构上和在突出Four Seasons品牌的风格、品质和口碑等方面的应用。Garamond字体和Helvetica字体在磅数和风格上的变化,使得它们在组织网站的层级结构的过程中非常有效。
本文分享地址:/news/2/1294.html上海网站建设,上海网站制作,上海建站公司,网络运营推广,微信代运营|典享网络典享NET编辑,转发请注明来源及版权归属。
上一篇:上海网站建设-什么是网站制作? 【关闭】
下一篇:上海网站设计-网站设计充分重视吸引力 留住更多