选择字体是每一个网站制作项目的一个组成部分。 成千上万的字体可以从推广托管服务,如Typekit,一个不断健全的采集的免费字体可用的,从来没一个更好的时间t网页设计人员。
大家可以比较容易地觉得,没什么比排版更影响设计。 和好的排版第一选择一个适合的字体。 但有太多的选择可以是坏事吗? 有了更多的选择,大家有更多的机会做出糟糕的决定。
在本文中,大家将回顾漂亮的集合网站和剖析的影响,他们的设计师的字体选择对总体设计。 大家会批评的好和坏。 当然,种类是主观的,因此采取任何批评与一粒盐。 让大家挖!
葡萄园显示来自新西兰曲线和华丽的显示字体种类设计师克丽丝Sowersby,是一个漂亮的结合比邻星新星在黄昏的酒店的网站。 尽管比邻星新星的大部分过度用web字体之一过去的几年里,搭配一些较少用,如葡萄园,可以让一个设计非常独特的清爽的感觉。
我也喜欢当一个品牌可以用web字体标志。 它让我的大脑的开发职员了解快乐标志可以用CSS样式,阅读屏幕阅读器和扩充或缩减——所有无需加载的图像。
看到如此的种类与华丽的纹理让我后悔”平面设计”是如此的一个主流趋势。dragone网站的感觉就像一幅画,高雅公平网盟显示这个看着是好的字体。 公平网盟的斜体显示特别漂亮,和本网站的特征突出。 经典的几何无将来用,提供一个坚固的基础的公平网盟显示。
有时如此的文本设置的图像,易读性存在。 然而,本网站的设计者已经很小心,以确保足够的对比加深了照片足以让种类崭露头角。
我唯一的挑剔是用公平网盟显示内文-高对比度显示脸其实不是针对长段落的文本。 也就是说,副本的数目在这个网站上相当少,所以它不会阅读的危险。乔治亚州是传统的脸具备类似特点的,所以它可以作为可读性更强身体公平网盟显示字体的同伴。
《文本是另一个多产的字体克丽丝Sowersby。 这里的配对哨兵,一个板衬线从霍弗勒前哨一直设置为斜体副标题,梗概是用于身体副本。
Adelle无和惠特尼是两个具备类似特点的无衬线——两者都是人文主义倾向的图腾。 结合两个一样的字体是一定的。 它几乎就像是设计师不可以在两者之间选择,所以决定同时用。
至于排版犯罪,我觉得这是次要的。 他们的用法是一致的——Adelle无标题和惠特尼所有。 与与字体设计,非常难设计看着非常糟糕。
我要做一个not-too-controversial宣言:摘要目前在网上是最新潮的字体。 我这边的项目Typewolf功能不少网站用梗概;事实上,这是第三个最火爆的字体在网站上,和我仍然遇见不少网站用不要出目前Typewolf梗概。 好像一些网站天天都用这个字体出现。
我的猜测是,梗概和其他类似的“古怪的图腾“吸引设计师,由于历经多年的黑体在web上用,这种风格的字体自豪地说“我不是Helvetica。”
所以,USD一天的网站的设计或许会感觉冷和无菌假如设置在Helvetica,立刻感觉有趣,活泼和独特的梗概。 当然,当每个网站都用相同的字体,那样新鲜。 但目前梗概仍然感到开心。
新公司物色是一个网站,有不少好的事情在部门种类,但感觉事情不知如何没一块在设计和开发阶段之间。
在第一印象上,板衬线Jubilat看着美妙的搭配开放无在著名的英雄图形。 一个温暖和弯曲板脸加上严肃的人文主义使得一些坚实的品牌。 然而,注意观察,你会发现另一个无衬线,比邻星新星,用于导航。 然后下面,Arial用于身体副本。
假如你已经导入无开放,那样为何不用它的副本吗? 和它有一个巨大的范围的网站权重。 为何是一个独立的无衬线字体家庭所需的导航?
其余的网站好像是偶然Jubilat、比邻星新星,开放无和Arial,没明确的用法打造了。 这种不同一般发生在多个设计师正在一个网站,但不是在相同的页面上。创建一个风格指南在项目的早期一般会防止如此的问题发生。
有才华的设计师显然是在这个项目上工作,网站还有不少赞赏。 但没一致性,混合四个字体的家庭是非常难达成的。
美国股用一个字体,蒙特塞拉特岛,他的开源字体是是否免费Google字体。 不少时尚欠其一样的两个最火爆的商业字体的最后十年,哥谭镇,比邻星新星。 虽然它一定这两个字体有一些相似之处,我觉得这是其独特的设计,有自己独特的性格特点。
蒙特塞拉特岛的一个缺点是,它没一个斜体样式。 假如你身体复制在一个没斜体的字体,你将最后人造斜体。 复制这个网站很少,不过,我注意到只有少数状况下发生这样的情况。 因此,尽管这不是“适合的”版式,这不是非常明显的在这样的情况下。 无衬线一般处置人造斜体比衬线。
也就是说,设计师做了一个出色的整体的一个有限的字体样式。 大写字母的文本元素组比正常略宽字符间距,这一直是一个很好的联系;慷慨的空白给房间种类的呼吸,和大胆的颜色产生强烈的对比。
挪威的雨的网站结合了经典几何无衬线Avenir与运费文本。 Avenir被选为"最喜欢的字体主要设计师之一从今年早些时候的一项调查显示。 “avenir”这个词的意思是“将来”在法国-种类设计的传奇Adrian Frutiger将来背后的几何原理,添加了一个温暖、创建Avenir有机联系。 毫无疑问这是一个最喜欢的那些真的赏析排版。
运费文本独特的斜体降低Avenir的线条对得非常不错。 事实上,只有货运的斜体样式文本家庭是用这个网站。 这不只使种类系统一致,但维持页面加载时间下来。
文本的行高在页脚的感觉小紧了。 此外,这是一个非常不错的网站,有不少好的排版升值。
鹈鹕的书网站功能之间的另一个很受青睐的字体设计师,布兰登的。 这事实上是布兰登的特殊文本版本的,叫布兰登文本。 布兰登的普通版本的设计更显示的脸,这意味着它并不合适长段落的文本。 布兰登文本有一个更高的x坐标和优化身体副本。
有趣的是,这个网站仍然用布兰登文本显示面临比身体副本,这是运费文本。 布兰登文本仍然在逃大小看起来很好,但不是那样迷人的原始布兰登怪诞,由于它更缓和了和守旧。 货运文本是最明确的衬线之一,所以这是一个非常不错的选择长段落的文本”在线阅读”一节。 加上微妙的纸纹理,排版真的让它感觉你正在阅读一本书。本文由北京网站制作公司博久网络翻译传播，转载请注明！
因为web字体,匹配的字体设计在商品的物理包装排版在制造商的网站正变得愈加常见。简单的口香糖选择高谭市伴随品牌字体,维持其身份一致线上和线下途径。
这个网站也是一个非常不错的例子,一个字体是怎么样有时所需要的所有。 通过用各种网站权重的高谭市和设置标题大写,仅仅只有一个口香糖创造了一个非常明确的层次结构字体。
页眉和页脚都是png的标志,所以他们失去了清爽和可伸缩性的互联网种类。 用web字体标志并不一直可行的,尤其是假如你需要很多的控制字距调整;然而,一个SVG图像一般比一个PNG在这样的情况下,由于它可以扩展,同时保留其酥脆。
期望上面的示例演示怎么样大的字体选择对设计产生影响。 这里有几个重点外卖:
假如你要用多种字体,然后开发一个一致的种类系统和坚持下去。
当设置的身体副本,选择一个字体,按期、斜体、粗体和粗斜体样式。
假如你要去一个受青睐的字体,试着搭配用更少的字体让设计感觉独一无二。
创建一个在项目早期风格指南,以确保一致的用法的种类在你的团队成员。
用不一样的字体,而不是类似的。
防止显示内文的面孔。 字体设计的目的。
不要害怕只用一个字体的家庭。 你可以与不一样的网站权重打造层次结构和风格来自同一个家庭。
假如你的商标允许,去互联网种类或SVG图像,以确保易碎和可伸缩性。
假如你和我一样痴迷于种类,然后到我这边的项目Typewolf更好看的字体设计的例子。
技术说明:这类截图是在Mac上Safari。字体渲染不同浏览器浏览器,因此你所得到的结果可能有所不同。
本文由北京网站制作公司博久网络翻译传播，转载请注明！
推荐题目网站制作怎么样选择字体。
