<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Our Studio11 &#187; typography</title>
	<atom:link href="http://our.studio11.cn/tag/typography/feed" rel="self" type="application/rss+xml" />
	<link>http://our.studio11.cn</link>
	<description>中央美术学院 第十一工作室</description>
	<lastBuildDate>Fri, 03 Jun 2011 03:10:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>WEB09 INTRO VIDEO</title>
		<link>http://our.studio11.cn/618.html</link>
		<comments>http://our.studio11.cn/618.html#comments</comments>
		<pubDate>Sun, 05 Apr 2009 07:53:31 +0000</pubDate>
		<dc:creator>李沃耕</dc:creator>
				<category><![CDATA[Typographic]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://our.studio11.cn/?p=618</guid>
		<description><![CDATA[


WEB09 INTRO VIDEO
]]></description>
			<content:encoded><![CDATA[<div class="txtModule">
<object width="480" height="360" data="http://vimeo.com/moogaloop.swf?clip_id=3916229&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3916229&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" /></object>
</div>
<div class="txtModule"><span style="color: #a0a095; font-family: arial; font-size: 20px; line-height: 24px; ">WEB09 INTRO VIDEO<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></span></div>
]]></content:encoded>
			<wfw:commentRss>http://our.studio11.cn/618.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>魏因嘉特：我在巴塞尔设计学院1968年到1985年间关于文字编排设计的授课</title>
		<link>http://our.studio11.cn/453.html</link>
		<comments>http://our.studio11.cn/453.html#comments</comments>
		<pubDate>Thu, 11 Dec 2008 17:58:55 +0000</pubDate>
		<dc:creator>丁凡</dc:creator>
				<category><![CDATA[Typographic]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://our.studio11.cn/?p=453</guid>
		<description><![CDATA[沃夫冈·魏因加特：我在巴塞尔设计学院1968年到1985年间关于文字编排设计的授课
原发表于《设计季刊》
”感谢我所有的学生。
是你们的想象力，热情和努力工作使我的工作变得激动人心。”
1985年 于巴塞尔
w.w
–
在这篇向《设计季刊》的供稿中，我希望能把我在瑞士巴塞尔设计学院17年文字编排设计教师的经验给大家做一个简单的介绍—关于我们在文字编排设计课程中所做的工作和我们将来将做的工作。我想用具体的例子阐明，我的教学方式完全是一个学习的过程，而非教学的哲学。这是一个学习过程，对于文字编排设计和生活采取一种简单、直接和开放的态度，并不是痛苦的做文字编排设计，而是享受探索经典的文字编排设计、系统的文字编排设计、丑陋的文字编排设计、研究性文字编排设计、严格的文字编排设计、电脑文字编排设计、疯狂的文字编排设计、绘画型文字编排设计、diy文字编排设计、瑞士文字编排设计、字间距文字编排设计等等各种文字编排设计可能性的过程。这些是将在以下20页中呈现的文字编排设计方面的观点。尽管我们享受工作中的巨大自由，一个仔细的观察者会发现严肃的考虑、批判性和视觉敏感度是我们在整个设计过程中最重要的。
当我在1968年教书时，经典的，所谓的“瑞士文字编排设计”（始于1950年代）仍然被我们学校和整个瑞士普遍使用。它保守的设计教条和严格的限制极度抑止我好玩、好奇、试验性的脾性，我非常强烈的反抗这种设计。而在同时，我意识到瑞士文字编排设计也有太多的好的地方，不能完全否定它。在我的教学中，我开始教授瑞士文字编排设计具有正面意义的内容，以此作为激进进行新锐文字编排设计的基础。
我尝试教学生从各个角度审查文字编排设计：字体并不是永远要左切齐、右凹凸，也不是只能有两种字体尺寸，也不是必须使用直角排列，而不是只能用黑或红来印刷。文字编排设计不必呆板、紧密排列或很严谨。字体可以有一个中轴，左边凹凸或者右边凹凸，也许有时候可以是处于一种混乱状态中。但是即使如此，文字编排设计也要有一个内在的结构和视觉上的秩序。
这些教授的内容与这个专业有什么联系呢。也许教育者应将学生培养成为未来而准备的人才。我有个教学方法，我称之为“文字编排设计的背包”。通过透彻的审视调查，学生在他们的背包中塞满基础的文字编排设计语汇，以此进一步研究发展。这些语汇成为一个他们今后在工作中可以挖掘的资源。文字编排设计的元素和经验可以被不断的加入到其中，以创作更新的文字编排设计风格和混合风格。这个文字编排设计背包描述了我们学习文字编排设计和用其来工作的基本过程。 作为一个手工制作文字编排设计的传统的文字编排设计者，我相信设计过程中文字编排设计手工制作工艺和技术的重要性。仔细的实施自始至终决定着一个设计师工作的最后效果。不可妥协的精益求精的工艺是我教学的一个秘密，这不仅适用于铅字制作，也适用于透明胶片的制作，以及电脑设计的无限的图形可能性。
1960年代后期，我们仅仅是手工制作铅字，手工凸版印刷印刷。虽然凸版印刷有着明显的局限性，但是相比其他更加复杂的印刷技术，它无疑是教授学生色彩混合、印刷质量的准则最简单、最直接的工具。它是最实用，最有效的，学生可以操作、试验、改变、最后实现他们文字编排设计的创意。五百年后的今天，作为教育工具，凸版印刷的灵活性仍然是凌驾于其他印刷技术之上的。
在1970年代中期，我们发现了透明胶片的神奇效果，一个我们可以透视的媒介！传统上被使用于商用，从来未被考虑用于艺术介质的胶片向我们呈现了一个新的不可知的设计层面。我们尝试结合两种媒介：有着已知局限性的铅字和有无限可能性的胶片。 很快我们发现混和使用新媒介的结果：媒介越是复杂（以视觉处理和技术生产观之），我们越是需要对先前基础的设计准则和生产技术加以透彻了解，但是是在一个比以前更加深刻和分析的层面上。在1985年上半年，我们开始使用苹果电脑创—一个对瑞士设计学校来说全新的媒介。
这个方面的工作代表了我们在这个字体课程中使用的不同媒介和技术：手工制作铅字和图板印刷；复制相机制作的透明胶片拼贴；电脑制作的图片；和新的使用上述各种方式结合创作出的作品。铅字的凝滞结合胶片疯狂的神奇效果以及电脑图形的效果可能是新世界中文字编排设计的语言。
学校是一个没有来自行业既有标准具体需求的机构。教学计划应该开放、不断进化、永不受一些既有观点约束。学校是一个对社会来讲非常重要的试验。学生不应该被给予不可推翻的事实或者是绝对的价值观，而是应该被指导来发展他们自身能力，以独立搜索知识和个人的价值。
巴赛尔设计学院的平面设计教育有着具体教育方式和教学内容。我们的策略是将传统美学价值观与自由和变化互相融合。我们的教育目标是提供一个对设计准则彻底的基础的理解。我们教授学生不断探索，通过与众不同的设计解决方案创造新的可能性。这种办学方法的结果是早就一批非预先指令好的文字编排设计师或平面设计师，而是一些在进入这个行业时有一个对设计过程有着精确把握的人，具备分析、探索、概念化、认知、应用以及实施方案于各种设计问题的能力。
作为一个老师，我是一个学生的向导和工作伙伴，生动的激发学生的灵感，启发性的与学生交换意见。在这种师生关系中学生能否向我敞开胸怀，我给学生较大自由是非常重要的。在现在快速的技术发展中，我试着记住新技术不会为我们来作设计。我教学、工作、生活，向着未来，但是不遵循一个指定的方向。


沃夫冈·魏因嘉特 ( Wolfgang Weingart )生于1941，自学设计，始于1968年，他在瑞士巴赛尔设计学院任教。




魏因嘉特：关于设计
“我视字体为一种能说话的图片。我是一个制造者而非思想家。这里反映的，使我的活动，而不是
我的内在。”
关于教学：
“教学本身不难。但你必须当心不要教学生愚蠢的东西，就这么简单。不要教他们时尚流行，而要教他们如何创作出干净、清楚、具有内在结构的文字。这些年没多少人能设计具有清晰逻辑结构的文字来。”
魏因嘉特是一个自学成才的设计师和教师，他同时也是是AGI的会员。




]]></description>
			<content:encoded><![CDATA[<p>沃夫冈·魏因加特：我在巴塞尔设计学院1968年到1985年间关于文字编排设计的授课<br />
原发表于《设计季刊》</p>
<p>”感谢我所有的学生。<br />
是你们的想象力，热情和努力工作使我的工作变得激动人心。”</p>
<p>1985年 于巴塞尔<br />
w.w</p>
<p>–<br />
在这篇向《设计季刊》的供稿中，我希望能把我在瑞士巴塞尔设计学院17年文字编排设计教师的经验给大家做一个简单的介绍—关于我们在文字编排设计课程中所做的工作和我们将来将做的工作。我想用具体的例子阐明，我的教学方式完全是一个学习的过程，而非教学的哲学。这是一个学习过程，对于文字编排设计和生活采取一种简单、直接和开放的态度，并不是痛苦的做文字编排设计，而是享受探索经典的文字编排设计、系统的文字编排设计、丑陋的文字编排设计、研究性文字编排设计、严格的文字编排设计、电脑文字编排设计、疯狂的文字编排设计、绘画型文字编排设计、diy文字编排设计、瑞士文字编排设计、字间距文字编排设计等等各种文字编排设计可能性的过程。这些是将在以下20页中呈现的文字编排设计方面的观点。尽管我们享受工作中的巨大自由，一个仔细的观察者会发现严肃的考虑、批判性和视觉敏感度是我们在整个设计过程中最重要的。</p>
<p>当我在1968年教书时，经典的，所谓的“瑞士文字编排设计”（始于1950年代）仍然被我们学校和整个瑞士普遍使用。它保守的设计教条和严格的限制极度抑止我好玩、好奇、试验性的脾性，我非常强烈的反抗这种设计。而在同时，我意识到瑞士文字编排设计也有太多的好的地方，不能完全否定它。在我的教学中，我开始教授瑞士文字编排设计具有正面意义的内容，以此作为激进进行新锐文字编排设计的基础。</p>
<p>我尝试教学生从各个角度审查文字编排设计：字体并不是永远要左切齐、右凹凸，也不是只能有两种字体尺寸，也不是必须使用直角排列，而不是只能用黑或红来印刷。文字编排设计不必呆板、紧密排列或很严谨。字体可以有一个中轴，左边凹凸或者右边凹凸，也许有时候可以是处于一种混乱状态中。但是即使如此，文字编排设计也要有一个内在的结构和视觉上的秩序。</p>
<p>这些教授的内容与这个专业有什么联系呢。也许教育者应将学生培养成为未来而准备的人才。我有个教学方法，我称之为“文字编排设计的背包”。通过透彻的审视调查，学生在他们的背包中塞满基础的文字编排设计语汇，以此进一步研究发展。这些语汇成为一个他们今后在工作中可以挖掘的资源。文字编排设计的元素和经验可以被不断的加入到其中，以创作更新的文字编排设计风格和混合风格。这个文字编排设计背包描述了我们学习文字编排设计和用其来工作的基本过程。 作为一个手工制作文字编排设计的传统的文字编排设计者，我相信设计过程中文字编排设计手工制作工艺和技术的重要性。仔细的实施自始至终决定着一个设计师工作的最后效果。不可妥协的精益求精的工艺是我教学的一个秘密，这不仅适用于铅字制作，也适用于透明胶片的制作，以及电脑设计的无限的图形可能性。</p>
<p>1960年代后期，我们仅仅是手工制作铅字，手工凸版印刷印刷。虽然凸版印刷有着明显的局限性，但是相比其他更加复杂的印刷技术，它无疑是教授学生色彩混合、印刷质量的准则最简单、最直接的工具。它是最实用，最有效的，学生可以操作、试验、改变、最后实现他们文字编排设计的创意。五百年后的今天，作为教育工具，凸版印刷的灵活性仍然是凌驾于其他印刷技术之上的。</p>
<p>在1970年代中期，我们发现了透明胶片的神奇效果，一个我们可以透视的媒介！传统上被使用于商用，从来未被考虑用于艺术介质的胶片向我们呈现了一个新的不可知的设计层面。我们尝试结合两种媒介：有着已知局限性的铅字和有无限可能性的胶片。 很快我们发现混和使用新媒介的结果：媒介越是复杂（以视觉处理和技术生产观之），我们越是需要对先前基础的设计准则和生产技术加以透彻了解，但是是在一个比以前更加深刻和分析的层面上。在1985年上半年，我们开始使用苹果电脑创—一个对瑞士设计学校来说全新的媒介。</p>
<p>这个方面的工作代表了我们在这个字体课程中使用的不同媒介和技术：手工制作铅字和图板印刷；复制相机制作的透明胶片拼贴；电脑制作的图片；和新的使用上述各种方式结合创作出的作品。铅字的凝滞结合胶片疯狂的神奇效果以及电脑图形的效果可能是新世界中文字编排设计的语言。</p>
<p>学校是一个没有来自行业既有标准具体需求的机构。教学计划应该开放、不断进化、永不受一些既有观点约束。学校是一个对社会来讲非常重要的试验。学生不应该被给予不可推翻的事实或者是绝对的价值观，而是应该被指导来发展他们自身能力，以独立搜索知识和个人的价值。</p>
<p>巴赛尔设计学院的平面设计教育有着具体教育方式和教学内容。我们的策略是将传统美学价值观与自由和变化互相融合。我们的教育目标是提供一个对设计准则彻底的基础的理解。我们教授学生不断探索，通过与众不同的设计解决方案创造新的可能性。这种办学方法的结果是早就一批非预先指令好的文字编排设计师或平面设计师，而是一些在进入这个行业时有一个对设计过程有着精确把握的人，具备分析、探索、概念化、认知、应用以及实施方案于各种设计问题的能力。</p>
<p>作为一个老师，我是一个学生的向导和工作伙伴，生动的激发学生的灵感，启发性的与学生交换意见。在这种师生关系中学生能否向我敞开胸怀，我给学生较大自由是非常重要的。在现在快速的技术发展中，我试着记住新技术不会为我们来作设计。我教学、工作、生活，向着未来，但是不遵循一个指定的方向。</p>
<p><br class="spacer_" /></p>
<p><img src="http://www.triquency.de/uploads/pics/WW2internet.jpg" alt="" width="250" height="85" /></p>
<p>沃夫冈·魏因嘉特 ( <span style="MingLiU;">Wolfgang Weingart </span>)生于1941，自学设计，始于1968年，他在瑞士巴赛尔设计学院任教。</p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p><br class="spacer_" /></p>
<p>
魏因嘉特：关于设计</p>
<p>“我视字体为一种能说话的图片。我是一个制造者而非思想家。这里反映的，使我的活动，而不是<br />
我的内在。”</p>
<p>关于教学：</p>
<p>“教学本身不难。但你必须当心不要教学生愚蠢的东西，就这么简单。不要教他们时尚流行，而要教他们如何创作出干净、清楚、具有内在结构的文字。这些年没多少人能设计具有清晰逻辑结构的文字来。”</p>
<p>魏因嘉特是一个自学成才的设计师和教师，他同时也是是AGI的会员。</p>
<p><br class="spacer_" /></p>
<p><img src="http://www.nb.admin.ch/php/modules/mediamanager/sendobject.php?lang=fr&amp;image=M3wBKQDW/8ullqDu36WcnojN14in3qSbnpWVZmyWnU6p1rJdsYfsi6rPnqCdno7B" alt="" width="530" height="751" /></p>
<p><br class="spacer_" /></p>
<p><img src="http://www.sfgbasel.ch/uploads/pics/weingart.jpg" alt="" width="291" height="420" /></p>
]]></content:encoded>
			<wfw:commentRss>http://our.studio11.cn/453.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>非饰线字体简史（A brief history of Sans Serif type）</title>
		<link>http://our.studio11.cn/658.html</link>
		<comments>http://our.studio11.cn/658.html#comments</comments>
		<pubDate>Tue, 09 Dec 2008 16:39:26 +0000</pubDate>
		<dc:creator>丁凡</dc:creator>
				<category><![CDATA[Typographic]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://our.studio11.cn/?p=658</guid>
		<description><![CDATA[San Serif（无饰线）：一种字母末端没有短线装饰线的字体。也被称为grotesque（荒唐的），lineal（线性的）或者gothic（野蛮的，哥特的）。典型的非饰线字样没有开始或者结束的笔画，所有起承转合的笔画，看起来也都是一样粗细的。
从80年代早期发端的小苗时至今日的参天大树，数不胜数的非饰线字样通 过PostScript和OpenType技术被数字化和再设计，继续焕发着新的生命。这其中最著名的有：Neue Helvetica，Linotype Syntax，Frutiger Next，Optima Nova和Avenir Next。加上后起之秀如Tetria，Ambigue，Fedra，Textra和Noa，一个非饰线字体的时代来临了。
大写的非饰线体最早出现于公元前460至前430年的古希腊伯里克利时 代的雕塑和碑刻中，在埃及的希腊风格时期，也常常出现在寺院的颁令、墓碑石和出土的陶罐绘纹上，最著名体现这一风格的，是刻有五十四行古希腊大写字母的罗 塞塔铭文（Rosetta Stone）。公元前三世纪的古罗马书写体系中也包含非饰线体风格。从东西罗马帝国时期，到公元后十五世纪，大写的非饰线字样一直被应用于许愿、圣餐和祈 祷等宗教活动中。他们也出现在硬币图案、蜡封图章、大奖章、墓碑石和建筑立面的雕刻上。
十八世纪早期，欧洲出现了如古文书学和考古学这样的新兴学科，他们着眼 于对过去历史的发现，却影响了欧洲当时的文化。这种影响首先反映在了手写体的复古，之后波及至了印刷行业。1780年，深受传统熏陶的英国建筑师、泥瓦匠 和工程师们，不论是设计图，结构说明书还是工程制图，都开始采用经典的、理性主义的非饰线大写字母印刷。
伴随着工业化和随之而来的理性主义社会理想的觉醒，非饰线体字样开始了 它的回归之旅。有技术感、严谨而又自然的非饰线体十分适合做品牌的LOGO，用钢板加工的大尺度标牌现代而又不失细节之美，同时方便快速而高质量地印刷宣 传文件。“工业化的艺术”，概括了这一阶段非饰线体的发展状况。
1796年，Alois Senefelder在慕尼黑发明了平板印刷术，这一发明大大促进了非饰线体在科技文献和工业刊物中的应用。
1800年左右，非饰线体在英国被应用于住宅、商店和酒馆的门牌号上。 1816年，为了满足对于技术图书和制图出版物日益高涨的需求，伦敦铸字翻沙工William Caslon四世，设计了的一个28点（28-point）的非饰线大写字母表，并将之应用于平版印刷，取名叫“双行埃及式英语”（Two-Line English Egyptian），以迎合当时社会上对埃及的狂热追求。当然，这款字体起初并未引起多大的关注。
1932年伦敦印刷和铸字工Vincent Figgins，创造了一种有三种变体的非饰线大写字样，称为“双行初级非饰线”（Two-Line Great Primer Sans-Serif）。他是第一个使用“sans serif”来命名自己字体的人，sans借用的是法语单词，意思是“没有”。1835年，William Thorowgood出版了第一套非饰线小写字体，名为“七行荒唐”（Seven Lines Grotesque），于是“grotesque”（荒唐）这个词一夜间成了所有非饰线体的称呼，因为对于当时的读者来说，非饰线这种字体看起来真的是既 荒唐又奇怪。
随着非饰线体的逐渐被接受，它主要被使用在广告和科技出版物上。到19世纪中叶，在德国出现了很多新的非饰线字样，具代表性的有：Bücher Grotesk, Liliput Grotesk（一个只有4-point缩简版本）和French Grotesk。
1880年左右，德国印刷商、东方学者Ferdinand Theinhardt接到柏林普鲁士皇家科学院的委托，为其设计了4种磅值的Royal Grotesk（皇家非饰线）字样。这一行动也标志着主流社会对于非饰线体的认同。
1908年，Hermann Berthold接手了Theinhardt的柏林字体公司。1918年，随着普鲁士君主政体的瓦解，Royal Grotesk（皇家非饰线）被改名为Akzidenz Grotesk Condensed，并入了Akzidenz非饰线体家族。
1900至1910年间，美国字体商Morris Fuller Benton开发出了许多美式的非饰线字体，或者称为“gothic”（野蛮的，哥特的）字体，如Franklin Gothic (1902)，Alternate Gothic (1903)和New Gothic (1908)。稍后在1916年，英国的Edward Johnston为伦敦地铁指示系统设计了著名的Underground Railway非饰线体。这一早期的设计尝试在以后产生了巨大的影响。英国设计师Eric Gill在1928年设计的Gill Sans就可以很明显地看出Edward Johnston的影子。
20年代，德国年轻的字体设计师们受惠于未来主义、达达派和构成主义， 对传统的“艺术与手工艺”和“新艺术”运动进行了批判，创造出了很多风格迥异的字样。伴随着一战后欧洲社会出现的紧张空气，出现了一股新现实主义的思潮。 Karel [...]]]></description>
			<content:encoded><![CDATA[<p><span style="x-small;">San Serif（无饰线）：一种字母末端没有短线装饰线的字体。也被称为grotesque（荒唐的），lineal（线性的）或者gothic（野蛮的，哥特的）。典型的非饰线字样没有开始或者结束的笔画，所有起承转合的笔画，看起来也都是一样粗细的。</span></p>
<p><span style="x-small;">从80年代早期发端的小苗时至今日的参天大树，数不胜数的非饰线字样通 过PostScript和OpenType技术被数字化和再设计，继续焕发着新的生命。这其中最著名的有：Neue Helvetica，Linotype Syntax，Frutiger Next，Optima Nova和Avenir Next。加上后起之秀如Tetria，Ambigue，Fedra，Textra和Noa，一个非饰线字体的时代来临了。</span></p>
<p><span style="x-small;">大写的非饰线体最早出现于公元前460至前430年的古希腊伯里克利时 代的雕塑和碑刻中，在埃及的希腊风格时期，也常常出现在寺院的颁令、墓碑石和出土的陶罐绘纹上，最著名体现这一风格的，是刻有五十四行古希腊大写字母的罗 塞塔铭文（Rosetta Stone）。公元前三世纪的古罗马书写体系中也包含非饰线体风格。从东西罗马帝国时期，到公元后十五世纪，大写的非饰线字样一直被应用于许愿、圣餐和祈 祷等宗教活动中。他们也出现在硬币图案、蜡封图章、大奖章、墓碑石和建筑立面的雕刻上。</span></p>
<p><span style="x-small;">十八世纪早期，欧洲出现了如古文书学和考古学这样的新兴学科，他们着眼 于对过去历史的发现，却影响了欧洲当时的文化。这种影响首先反映在了手写体的复古，之后波及至了印刷行业。1780年，深受传统熏陶的英国建筑师、泥瓦匠 和工程师们，不论是设计图，结构说明书还是工程制图，都开始采用经典的、理性主义的非饰线大写字母印刷。</span></p>
<p><span style="x-small;">伴随着工业化和随之而来的理性主义社会理想的觉醒，非饰线体字样开始了 它的回归之旅。有技术感、严谨而又自然的非饰线体十分适合做品牌的LOGO，用钢板加工的大尺度标牌现代而又不失细节之美，同时方便快速而高质量地印刷宣 传文件。“工业化的艺术”，概括了这一阶段非饰线体的发展状况。</span></p>
<p><span style="x-small;">1796年，Alois Senefelder在慕尼黑发明了平板印刷术，这一发明大大促进了非饰线体在科技文献和工业刊物中的应用。</span></p>
<p><span style="x-small;">1800年左右，非饰线体在英国被应用于住宅、商店和酒馆的门牌号上。 1816年，为了满足对于技术图书和制图出版物日益高涨的需求，伦敦铸字翻沙工William Caslon四世，设计了的一个28点（28-point）的非饰线大写字母表，并将之应用于平版印刷，取名叫“双行埃及式英语”（Two-Line English Egyptian），以迎合当时社会上对埃及的狂热追求。当然，这款字体起初并未引起多大的关注。</span></p>
<p><span style="x-small;">1932年伦敦印刷和铸字工Vincent Figgins，创造了一种有三种变体的非饰线大写字样，称为“双行初级非饰线”（Two-Line Great Primer Sans-Serif）。他是第一个使用“sans serif”来命名自己字体的人，sans借用的是法语单词，意思是“没有”。1835年，William Thorowgood出版了第一套非饰线小写字体，名为“七行荒唐”（Seven Lines Grotesque），于是“grotesque”（荒唐）这个词一夜间成了所有非饰线体的称呼，因为对于当时的读者来说，非饰线这种字体看起来真的是既 荒唐又奇怪。</span></p>
<p><span style="x-small;">随着非饰线体的逐渐被接受，它主要被使用在广告和科技出版物上。到19世纪中叶，在德国出现了很多新的非饰线字样，具代表性的有：Bücher Grotesk, Liliput Grotesk（一个只有4-point缩简版本）和French Grotesk。</span></p>
<p><span style="x-small;">1880年左右，德国印刷商、东方学者Ferdinand Theinhardt接到柏林普鲁士皇家科学院的委托，为其设计了4种磅值的Royal Grotesk（皇家非饰线）字样。这一行动也标志着主流社会对于非饰线体的认同。</span></p>
<p><span style="x-small;">1908年，Hermann Berthold接手了Theinhardt的柏林字体公司。1918年，随着普鲁士君主政体的瓦解，Royal Grotesk（皇家非饰线）被改名为Akzidenz Grotesk Condensed，并入了Akzidenz非饰线体家族。</span></p>
<p><span style="x-small;">1900至1910年间，美国字体商Morris Fuller Benton开发出了许多美式的非饰线字体，或者称为“gothic”（野蛮的，哥特的）字体，如Franklin Gothic (1902)，Alternate Gothic (1903)和New Gothic (1908)。稍后在1916年，英国的Edward Johnston为伦敦地铁指示系统设计了著名的Underground Railway非饰线体。这一早期的设计尝试在以后产生了巨大的影响。英国设计师Eric Gill在1928年设计的Gill Sans就可以很明显地看出Edward Johnston的影子。</span></p>
<p><span style="x-small;">20年代，德国年轻的字体设计师们受惠于未来主义、达达派和构成主义， 对传统的“艺术与手工艺”和“新艺术”运动进行了批判，创造出了很多风格迥异的字样。伴随着一战后欧洲社会出现的紧张空气，出现了一股新现实主义的思潮。 Karel Teige，El Lissitzky，Herbert Bayer，László Moholy-Nagy，Marcel Breuer，Jan Tschichold，Paul Renner和Kurt Schwitters开始实践并倡导着一种新的字体风格，它象征着锐意进取的新工业社会、社会意识的觉醒和全球化的理念。</span></p>
<p><span style="x-small;">1989年，德国广告设计师Otl Aicher描述了当年的情形，“那就好象是一场没有硝烟的字体战争，一方是有着新思想的非饰线体拥护者，另一方则是那些支持传统字体的老古董们。这场战争延至今日（指1989年），仍闻得到火药味。”</span></p>
<p><span style="x-small;">20和30年代的社会精神催生了“结构主义”的诞生，进而影响到了德国 字体设计的几何性风格。除了包豪斯之外，非饰线体佳作也屡见于别的学校。1922年，Cologne’s Werkschule设计学校的Jakbo Erbar设计了Erbar Grotesk，其元素全部来自于两种几何图形：圆和直线。这一字体的简化版影响了后来Paul Renner设计的Futura（1928）。在同一时期，Rudolf Koch为奥芬巴赫的Klingspor字体公司设计了Kabel，这是一种即使在行文中，也具有强烈表现性的非饰线字体，被Adrian Frutiger称为其后所有非饰线字体的“原形”（prototype）。</span></p>
<p><span style="x-small;">1937年，法国，A.M. Cassandre和Charles Peignot为Harper’s Bazaar设计了Peignot字样。这是一款对于罗曼-安塞尔字体致敬的作品。它令人感觉奢侈，并优雅地混合了等尺寸的大小写字母，只是在其后几年 中，为了适应印刷字母盘，稍有改动。1937年，出现了一款类似的字体Simplex，设计师是Dutchman Sjoerd Hendrik de Roos。</span></p>
<p><span style="x-small;">纳粹政府的抬头以及随之爆发的第二次世界大战，给正在进行中的欧洲字体 革命来了一个戛然而至。非饰线体的发展被迫转移到了中立的瑞士。1943年，Haas字体公司接手了1912年Ludwig Wagner设计的Moderne Grostesk，重命名为Normale Grostesk。这一举动产生了连锁效应：人们对19世纪巴塞尔和苏黎士艺术学院设计的非饰线字体进行了重新审视和发掘。严格的设计原则开始主导着一股 非对称的设计思潮，许多看不见的线条制肘与平衡着从单个词语到整体页面的各个结构与元素。</span></p>
<p><span style="x-small;">60年代早期，对早期非饰线字体的回顾仍在继续。1957年 Konrad F. Bauer设计了Folio，Walter Baum复兴了1867年Breiten Grotesk，受1880年莱比锡Schelter Grotesk字体的影响，Max Miedinger1958年设计了Helvetica。另一边，1957年Univers出版，Adrian Frutiger创造的这一款字体，无论在风格还是美学上，和传统的非饰线字体相去甚远。经过1997年的修订后，Univers成为了世界范围内主导的 字体之一。</span></p>
<p><span style="x-small;">意大利人Aldo Novarese创造了两种特别的非饰线：Microgramma (1952)和Eurostile (1962)。它们考究的直角和椭圆形元素准确无误地象征着新电视媒体时代，并由此取得了国际性的成功。与之形成鲜明对比的是，1962年由 Frenchman Roger Excoffon设计的Antique Olive，虽然有别于传统的非饰线字体，不论整体还是细节透着原创性和优雅，但它却再现出经典非饰线体的那种纯净的美感。</span></p>
<p><span style="x-small;">战后的德国，设计师Anton Stankowski，Max Bill和Otl Aicher以及乌尔姆设计学院接过了包豪斯的衣钵，继续着前辈干净、理性的构成主义字体设计传统，直到1980年代。Günter Gerhard Lange为Berthold AG设计了一系列的33 Akzidenz Grotesk字体，从1958年的AG Extra到2001年的AG Super Italic。</span></p>
<p><span style="x-small;">作为非饰线字体上的创举，Adrian Frutiger在1976年设计的semi-serif Frutiger值得一提。这款字体原是由巴黎戴高乐机场委托设计，用来作为机场内部指示系统的，之后被Linotype接手，发展成了一个庞大的字体家族。</span></p>
<p><br class="spacer_" /></p>
<p><span style="x-small;">转自：</span><a href="http://www.dudesign.org/blog/"><span style="x-small;">http://www.dudesign.org/blog/</span></a></p>
]]></content:encoded>
			<wfw:commentRss>http://our.studio11.cn/658.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>荐：web设计95%是排版</title>
		<link>http://our.studio11.cn/285.html</link>
		<comments>http://our.studio11.cn/285.html#comments</comments>
		<pubDate>Mon, 20 Oct 2008 02:11:41 +0000</pubDate>
		<dc:creator>李沃耕</dc:creator>
				<category><![CDATA[个人]]></category>
		<category><![CDATA[studio11]]></category>
		<category><![CDATA[Type]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://our.studio11.cn/?p=285</guid>
		<description><![CDATA[来源：Realazy
非常好的一篇文章，虽然看似有些偏激。

这篇文章来自一个研究并提供信息架构的网站：Information Architects Japan，原文：Web design is 95% typography.
又及，文章多次出现typography这个单词。正规的中文翻译应该是“排印”，但考虑web这个非印刷媒体，使用排印并不见得好。于是我根据语境，有时用“排版”，有时用“排印”，请读者明鉴。以下是翻译正文。
web中的信息有95%是成文的语言。为何web设计师应该好好学习一下设计成文信息的主要准则，换句话说，排版？这就是最佳的理由。

信息设计就是排版
回到1969年，Emil Ruder, 一个瑞士著名的排印大师，其笔下关于当时的印刷氛围，简直就是我们今天网站的写照：
今天印刷术的泛滥成灾让我们的个人价值被轻视，因为郁闷的我们现在并不能掌控印刷中的一切。分割、组织和实现印刷术的一切是排印师应有的任务，只有这样，读者才有更好的机会找出吸引她／他的东西。

信息设计师是21世纪的排版师
稍微联想一下（请用在线排版取代印刷），这就像是信息设计师的职务描述。分割、组织和实现印刷术的一切是“信息设计师”应有的任务，只有这样，读者才有更好的机会找出吸引她／他的东西。宏观排版（所有的文本结构）跟微观排版（样式和空间的细节方面）包括我们今天称为“信息设计”的很多方面。也就是说，信息设计师今天正在做排印师30年前的工作：
排版面临一个很直白的职责，这就是传达信息。没有理由能免除排版的这一职责。一个并不能阅读的印刷品只能变成一个无用的产品。
优化排版就是优化阅读，亲和力，可用性（！），综合文本平衡等。组织文本块并结合图片，难道不是图形设计师、可用性专家、信息架构师应该做的吗？但为什么这是一个被忽视的主题呢？

 
为什么这是一个被忽视的主题？

字体太少？分辨率低？
 主要原因——抱怨连天的——不看好在线排版准则的观点是，能用的字太少了。第二个观点是屏幕分辨率太低，让像素或者反锯齿字体之一很难阅读。

文艺复兴：只有一个字体
 认为我们没有足够的字体可用的观点是不切题的：在意大利文艺复兴时期，排印师只有一个字体可用，但这个时期还是产生一些顶级漂亮的排版品：

该排印师应该没有太在意他手中手能掌握的字体种类，实际上也不应该太在意字体的选择。他应该更关心时代能赋予自己手中掌握的，并尽力发挥。

选择字样并不是排版
 第二个观点也并不见得好到哪儿去。在印刷初期，印出来的字母质量比我们今天在显示器 上看到的更差。更重要的是，如果处理得专业，屏幕字体更易于阅读。信息设计不是关于使用好的字样，而是关于使用好的排版。两者的区别很大。谁都可以使用字 样，有人可以选择好的字样，但只有少数人能够精通排版。

把文本当作用户界面
 对，不同平台和不同浏览器如何处理字体是恼人的，也对，分辨率问题很难让注意力集中 坚持到五分钟。但是，好啦，确保文本在所有主要平台和浏览器中赏心悦目是web设计师的职责。正确的行间距，单词和字母间距，留白，一定量颜色的使用有助 于可读性。但还不彻底。一个优秀的web设计师知道如何跟文本而不仅仅是内容打交道，“把文本当作用户界面”。瞧瞧Kohi Vinh的网站，你大概会明白他的意思：

稍微著名把文本当作用户界面的 unornamental 网站例子有： google, ebay, craigslist, youtube, flickr, Digg, reddit, delicious. 一个难以争辩的必然事实是，把文本当作用户界面是成功的唯一参数。成功的网站设法同时创建简单的界面和强烈的特征。但这是另外一个主题了。

从哪开始

web排版 
 为了“破除关于web排版的某些荒谬想法”，他已经“按照Bringhurst的工作原则来构建他的网站，并解答如何通过HTML和CSS中可用的技术来达成各项目标”。

优化排版的5个简单步骤 
 他所谈论的排版“并不是你典型的‘该用哪种字体’的排版”。对于相信让字号和行间距默认大小使得文本能够任意缩放会提高网站可用性的人，这是一个不错的阅读材料。

Khoi Vinh 
 behaviordesign的创始人之一。现为NYTimes.com的设计主管。非常天才的一个人。

Rod Graves 
 通讯设计师。令人赞叹的工作：“排版是我绝对的中心。排版网格和层次通常会成为我开发的视觉语言的基础。”

A List Apart 
 通过字样通讯。字体和布局。为读者设计。易读性。字样，图形设计。web排版的问题。控制web排版：字号、字体和颜色。CSS方法，浏览器问题，用户问题和解决方案。

Association Typographique Internationale 
 ATypl(Association Typographique Internationale) 是一个专注于样式和排版的主要国际组织。创建于1957年，ATypl为国际样式社区之间提供通讯的结构，信息和活动。

Thinking with Type 
 书籍Thinking [...]]]></description>
			<content:encoded><![CDATA[<p>来源：<a href="http://realazy.org/blog/">Realazy</a></p>
<p>非常好的一篇文章，虽然看似有些偏激。</p>
<p><br class="spacer_" /></p>
<p><strong>这篇文章来自一个研究并提供信息架构的网站：</strong><a href="http://www.informationarchitects.jp/" target="_blank">Information Architects Japan</a>，<strong>原文</strong>：<a href="http://www.informationarchitects.jp/the-web-is-all-about-typography-period" target="_blank">Web design is 95% typography</a>.</p>
<p>又及，文章多次出现typography这个单词。正规的中文翻译应该是“排印”，但考虑web这个非印刷媒体，使用排印并不见得好。于是我根据语境，有时用“排版”，有时用“排印”，请读者明鉴。以下是翻译正文。</p>
<p>web中的信息有95%是成文的语言。为何web设计师应该好好学习一下设计成文信息的主要准则，换句话说，排版？这就是最佳的理由。</p>
<p><br class="spacer_" /></p>
<p><strong>信息设计就是排版</strong></p>
<p>回到1969年，Emil Ruder, 一个瑞士著名的排印大师，其笔下关于当时的印刷氛围，简直就是我们今天网站的写照：</p>
<p><span class="code">今天印刷术的泛滥成灾让我们的个人价值被轻视，因为郁闷的我们现在并不能掌控印刷中的一切。分割、组织和实现印刷术的一切是排印师应有的任务，只有这样，读者才有更好的机会找出吸引她／他的东西。</span></p>
<p><br class="spacer_" /></p>
<p><strong>信息设计师是21世纪的排版师</strong></p>
<p>稍微联想一下（请用在线排版取代印刷），这就像是信息设计师的职务描述。<strong>分割、组织和实现印刷术的一切是“信息设计师”应有的任务，只有这样，读者才有更好的机会找出吸引她／他的东西</strong>。宏观排版（所有的文本结构）跟微观排版（样式和空间的细节方面）包括我们今天称为“信息设计”的很多方面。也就是说，信息设计师今天正在做排印师30年前的工作：</p>
<p>排版面临一个很直白的职责，这就是传达信息。没有理由能免除排版的这一职责。一个并不能阅读的印刷品只能变成一个无用的产品。</p>
<p>优化排版就是优化阅读，亲和力，可用性（！），综合文本平衡等。组织文本块并结合图片，难道不是图形设计师、可用性专家、信息架构师应该做的吗？但为什么这是一个被忽视的主题呢？</p>
<p><span style="font-size: small;"><br />
 </span></p>
<p><span><strong>为什么这是一个被忽视的主题？</strong></span></p>
<p><br class="spacer_" /></p>
<p><strong>字体太少？分辨率低？</strong><br />
 主要原因——抱怨连天的——不看好在线排版准则的观点是，能用的字太少了。第二个观点是屏幕分辨率太低，让像素或者反锯齿字体之一很难阅读。</p>
<p><span id="more-285"></span></p>
<p><strong>文艺复兴：只有一个字体</strong><br />
 认为我们没有足够的字体可用的观点是不切题的：在意大利文艺复兴时期，排印师只有一个字体可用，但这个时期还是产生一些顶级漂亮的排版品：</p>
<p><a href="http://our.studio11.cn/wp-content/uploads/2008/10/013.gif"><img class="alignnone size-medium wp-image-286" title="typography" src="http://our.studio11.cn/wp-content/uploads/2008/10/013-596x425.gif" alt="" width="596" height="425" /></a></p>
<p>该排印师应该没有太在意他手中手能掌握的字体种类，实际上也不应该太在意字体的选择。他应该更关心时代能赋予自己手中掌握的，并尽力发挥。</p>
<p><br class="spacer_" /></p>
<p><strong>选择字样并不是排版<br />
 </strong>第二个观点也并不见得好到哪儿去。在印刷初期，印出来的字母质量比我们今天在显示器 上看到的更差。更重要的是，如果处理得专业，屏幕字体更易于阅读。信息设计不是关于使用好的字样，而是关于使用好的排版。两者的区别很大。谁都可以使用字 样，有人可以选择好的字样，但只有少数人能够精通排版。</p>
<p><br class="spacer_" /></p>
<p><strong>把文本当作用户界面</strong><br />
 对，不同平台和不同浏览器如何处理字体是恼人的，也对，分辨率问题很难让注意力集中 坚持到五分钟。但是，好啦，确保文本在所有主要平台和浏览器中赏心悦目是web设计师的职责。正确的行间距，单词和字母间距，留白，一定量颜色的使用有助 于可读性。但还不彻底。一个优秀的web设计师知道如何跟文本而不仅仅是内容打交道，“<a href="http://www.cameronmoll.com/archives/001266.html" target="_blank">把文本当作用户界面</a>”。瞧瞧<a href="http://www.subtraction.com/" target="_blank">Kohi Vinh的网站</a>，你大概会明白他的意思：</p>
<p><a href="http://our.studio11.cn/wp-content/uploads/2008/10/022.gif"><img class="alignnone size-medium wp-image-287" title="typography" src="http://our.studio11.cn/wp-content/uploads/2008/10/022-596x364.gif" alt="" width="596" height="364" /></a></p>
<p>稍微著名把文本当作用户界面的 <a href="http://en.wikipedia.org/wiki/Ornament_and_Crime" target="_blank">unornamental</a> 网站例子有： <a href="http://www.google.com/" target="_blank">google</a>, <a href="http://www.ebay.com/" target="_blank">ebay</a>, <a href="http://www.craigslist.org/" target="_blank">craigslist</a>, <a href="http://www.youtube.com/" target="_blank">youtube</a>, <a href="http://www.flickr.com/" target="_blank">flickr</a>, <a href="http://digg.com/design/web_design_is_95_typography" target="_blank">Digg</a>, <a href="http://reddit.com/search?q=typography" target="_blank">reddit</a>, <a href="http://del.icio.us/post?url=http://www.informationarchitects.jp/the-web-is-all-about-typography-period" target="_blank">delicious</a>. 一个难以争辩的必然事实是，把文本当作用户界面是成功的唯一参数。成功的网站设法同时创建简单的界面和强烈的特征。但这是另外一个主题了。</p>
<p><br class="spacer_" /></p>
<p><strong>从哪开始</strong></p>
<p><br class="spacer_" /></p>
<p><a href="http://webtypography.net/toc/" target="_blank"><strong>web排版</strong></a> <br />
 为了“破除关于web排版的某些荒谬想法”，他已经“按照Bringhurst的工作原则来构建他的网站，并解答如何通过HTML和CSS中可用的技术来达成各项目标”。</p>
<p><br class="spacer_" /></p>
<p><a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/" target="_blank"><strong>优化排版的5个简单步骤</strong></a> <br />
 他所谈论的排版“并不是你典型的‘该用哪种字体’的排版”。对于相信让字号和行间距默认大小使得文本能够任意缩放会提高网站可用性的人，这是一个不错的阅读材料。</p>
<p><br class="spacer_" /></p>
<p><a href="http://www.subtraction.com/" target="_blank"><strong>Khoi Vinh</strong> </a><br />
 <a href="http://www.behaviordesign.com/" target="_blank">behaviordesign</a>的创始人之一。现为<a href="http://www.times.com/" target="_blank">NYTimes.com</a>的设计主管。非常天才的一个人。</p>
<p><br class="spacer_" /></p>
<p><a href="http://www.rodgraves.com/" target="_blank"><strong>Rod Graves</strong> <br />
 </a>通讯设计师。令人赞叹的工作：“排版是我绝对的中心。排版网格和层次通常会成为我开发的视觉语言的基础。”</p>
<p><br class="spacer_" /></p>
<p><a href="http://www.alistapart.com/topics/design/typography/" target="_blank"><strong>A List Apart</strong></a> <br />
 通过字样通讯。字体和布局。为读者设计。易读性。字样，图形设计。web排版的问题。控制web排版：字号、字体和颜色。CSS方法，浏览器问题，用户问题和解决方案。</p>
<p><br class="spacer_" /></p>
<p><a href="http://www.atypi.org/" target="_blank"><strong>Association Typographique Internationale</strong></a> <br />
 ATypl(Association Typographique Internationale) 是一个专注于样式和排版的主要国际组织。创建于1957年，ATypl为国际样式社区之间提供通讯的结构，信息和活动。</p>
<p><br class="spacer_" /></p>
<p><a href="http://www.thinkingwithtype.com/" target="_blank"><strong>Thinking with Type</strong></a> <br />
 书籍Thinking with Type的在线伙伴：设计师，作家，编辑和学生的关键指南。</p>
<p><br class="spacer_" /></p>
<p><a href="http://typetester.maratz.com/" target="_blank"><strong>Typetester</strong></a> <br />
 比较屏幕字体样式。</p>
<p><br class="spacer_" /></p>
<p><a href="http://typophile.com/" target="_blank"><strong>Typophile</strong> <br />
 </a>Typophile是一个会员制和赞助商支持的社区。2000年以来Typophile引领开放合作，并且我们总是能学习到好主意。我们他们伺服超过每月3百万的网页。</p>
<p><br class="spacer_" /></p>
<p><a href="http://typophile.com/wiki/start" target="_blank"><strong>Typohile Wiki</strong></a> <br />
 一个有关样式和设计所有一切的用户创建百科全书。用户为建立协作，有用，平衡和相关的资源而创建和编辑条目。</p>
<p><br class="spacer_" /></p>
<p><a href="http://www.poynter.org/column.asp?id=47&amp;aid=78683" target="_blank"><strong>The Next Big Thing in Online Type</strong> </a><br />
 比尔盖茨要计算机用户，哦，微软用户，能够拥有一个更舒畅的屏幕阅读体验——太重要以至于提高屏幕阅读成为他最重要的五件事之一。</p>
<p><br class="spacer_" /></p>
<p><a href="http://www.amazon.com/gp/product/3721200438?ie=UTF8&amp;tag=informationar-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=3721200438" target="_blank"><strong>Emil Ruder, Typographie</strong> </a>(Amazon) <br />
 Emil Ruder’s Typography是一本永恒的书，几代排印师和图形设计师都从中学习基本原理。Ruder, 二十世纪最伟大的排印师之一，是一个抛弃并用新的规则取代Emil Ruder传统规则的先锋，来满足新排印技术的需求。</p>
]]></content:encoded>
			<wfw:commentRss>http://our.studio11.cn/285.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

