蜗牛牛  有间画室

2011年春节，我结婚了。
经过一年半的恋爱，我走进了婚姻。

从此，我就失去了自由，失去了忧伤的文字，失去了我静静的品味忧伤的时间，失去了我的绿野，我的博客......

 

每做一件事情，都会想到我的他......

......

 

我什么也写不出来了......

摘要：《飘》是以亚特兰大以及附近的一个种植园为场景，描绘了内战前后美国南方人的生活。我们主要从文学创作背景和人物性格两个角度入手，对美国南北战争有了客观与主观的认识；并通过对主人公斯佳丽、白瑞德性格特点研究，来分析他们的性格中的闪光点，及这本书的精神价值和意义.

关键词：《飘》 南北战争 思佳丽 白瑞德

Abstract："Gone with the wind" takes Atlanta as well as a neighbor plantation as a scene. It describes the people’s life of the southern American before and after the Civil War . Mainly from the literature creation background and character disposition two angles obtaining, we had objective and the subjective understanding about the US Civil War. And through the research to the leading character Scarlett, the Rhett disposition characteristic. We analyze in the flashing points of their characters, and the energetic value and significance of this book

Key words： "Gone with the wind" the Civil War Scarlett Rhett





《飘》写的是美国内战时期，郝思佳与艾西礼，媚兰和瑞德之间的爱情和友谊的故事，现在我主要从以下方面，对这本书的背景和精神价值进行分析。



一　对美国南北战争的客观与主观认识



1861-1865年，美国爆发内战，交战双方分别是南部奴隶主和北部的资产阶级，因而历史上又称“南北战争”。南北战争是美国历史上的另一个转折点，尽管就平时我们所知，这场战争是正面的，说是黑人的解放战争，是美国历史上的飞跃。而小说中写道，很多南方黑奴都是不情愿被解放的，他们和白人之间处的很好，压根就是白人和白人的战争，看不到一点白人奴隶主和黑人之间的矛盾。南方的黑人和奴隶主一样在战场上捍卫南方的庄园和曾经的奢华。因为他们从来就认为那是他们的生活，不应该改变，是北方人打扰了他们平静的生活。我们看到黑妈妈怒骂北方佬，还有其他的黑奴们一样对他们的庄园主必恭必敬，因为他们在共同的土地上生活，他们在战争的灾难中相依为命，同舟共济。南北战争成了一场由于北方人企图侵占南方地盘而发动的可恶战争，在这一点上，作者的“老南方”立场暴露得最为明显了。她又借瑞德之口表达了对南方不足的认识，瑞德虽然也是南方人，但他对南方的保守、落后有清醒的认识。他是南北战争前认识到“在北方，见过许多大家没有见过的东西，北方人的装备比我们好，他们有工厂、煤矿，还有强大的舰队，我们有的只是棉花和傲慢。”他看出南方必败，“南方下跪了，再也站不起来了”。在精神上他是不忠于南方的，是一个真正的叛逆者。瑞德只是在南方奴隶主文明的镜子里，才显得“自私、贪婪、道德败坏”。作者自己也是矛盾的，所以在作者的眼里，战争对于当时的平民和身处战争的人来说，永远没有对和错，有的只是荣誉和伤痛、死亡。对于一片土地来说，只有物质的破坏，文化的落寞。或许很多人认为，从小说文本来看，作者是支持奴隶制度的，有着狂热的地方主义色彩的偏见，她的这种观点导致她在小说中对战争的性质、奴隶心态和南方“重建会现状的描写有所歪曲，更有和《汤姆叔叔的小屋》观点与之相饽的说法[1]。

二　主人公思佳丽的性格特点



（一）思佳的家庭对思佳的性格的影响

1．父亲对思佳的影响

在家里，思佳和父亲像两个好朋友一样，当父亲看到她跳篱笆时，便当面责备她，但事后不会向她母亲提出。而思佳要是知道父亲打牌输了钱，她也不会告诉母亲。他们两个人有一样的想法，父亲有事不想让妻子知道，女儿有事也不想让母亲知道。他们之间有一种挺正常的父女联盟，不想让爱伦知道了他们做的事而生气和担心。儿童心理发展有一种现象，即到了3岁时开始从自己和母亲的一体关系分裂出来，并且把情感投在父亲身上，甚至要和母亲竞争而独占父亲，称为俄底浦斯情结，又叫恋父情结[2]。应该说，思佳也是有恋父情结的

思佳在父亲身上学到的还有对生活的坚强品格和对黑人仆人的慷慨关心。当父亲死了以后，思佳把父亲的一块珍贵的手表给了一个贴身家奴。而当她在经营木材加工厂时，一个黑人奴隶投奔而来，她首先想到的是要保护他，应该说这些地方受父亲影响很大。同时她继承了自己父亲的坚强。在那个风云突变的乱世，她能在备受创伤和打击之后不留恋以前豪华高雅的生活，而坚强的站起来下地摘棉花。在塔拉红色的土地上她得到了黑色的坚毅，正如她父亲所说的，这个世界上只有土地和日月同在。这股强大的力量加之她固有的爱尔兰血统潜在的反叛思想，使之公开在亚特兰大和北方佬做生意。从文学与人生的审美联系上说，文学对信仰的表现，也是文学对人生的一种永恒的把握的表现，通过信仰的确立，人们可以对世界的未来，人生的未来充满遐想，以饱满的热情和信念实现向必然王国的精神飞跃[3]。而思佳的信仰是坚强，自信，对土地的热爱，一个固执而倔强的信仰，这也受了她父亲的影响。

思佳在家里不怕父亲，正是在父亲面前的有恃无恐的地位养成了她一生中对男人挥来斥去的自信和骄傲，也形成了她一生中与其他女性争夺男人的强烈攻击性。在她的一生中，不仅不顾廉耻的掠夺妹妹的爱人，而且无休止的掠夺属于别人的男人。父亲对她的影响贯穿了她的一生[4]。

2．母亲对她的影响

父母对儿女的爱，首先是本能的驱动，就像其它动物一样。他们会不自觉地把血缘关系神圣化、宗教化，把儿女看作自我的生命的延续，把生子育女看作是人生价值的体现。所以，在理智上、精神层面上，父母的爱是一种自爱，是把儿女当自己──理想化的自己──来爱，这种观点早在穆勒，霍尔巴赫的伦理信念中就得到揭示[5]。母亲是思佳人格成长的重要因素。母亲不仅是一般意义上的贤妻良母，她实际上是思嘉面对的整个道德规范。面对这个可以称之为“女人楷模”的母亲，思嘉丽的态度是十分矛盾的。一方面，她受不了母亲责备的目光，所以，她在母亲面前总是摆出最好的面孔，行动也最规矩。但是无论她散开的长裙多么老实，发型显得多么端庄，小手交叠的多么文静，她的本来面目是藏不住的。

但是母亲对她的教育似乎影响了她的生活，在她看来，所有女人都是敌人，只有她母亲一个例外，在她心里母亲是靠山，只有母亲和老天最可靠，最让人放心。其他人根本无法相比。当瑞德给她东西时，首先想到的是母亲教育她，当别人给自己东西时，首先要给钱的道理。她一方面要尊敬母亲，把她当偶像崇拜，又想揉母亲的头发，并且取笑她，她一方面对母亲的教育反抗，又把母亲当成圣母，这些复杂性影响着她性格的多重性，同时形成了她独特的叛逆性格。

（二）思佳丽对金钱的追逐

当她看到塔而顿家为他们死去的儿子立两块大理石墓碑时，她感到的不是悲伤，而是为花在墓碑上的钱心疼。当她收留南方士兵时，她时时刻刻为多吃掉的食物痛心。瑞德不耐烦的说她，难道你除了钱，什么都不想吗？有人认为思佳丽只是金钱的儿女，对她持反对态度，但是在当时，钱是能够生存下去的条件。这也证明了她比较现实。她三次结婚，都和钱有关系。第一次结婚，是为了让艾西礼生气，同时考虑到这个人有钱。第二次，为了得到钱，她打算嫁给瑞德，还打算做他的情人，遭到拒绝后，她知道自己的妹妹的情人有存款，就用尽心计与他结婚。结婚后钱的问题解决了，又不顾家人的劝说经营锯木厂。第三次结婚，不是她爱上瑞德了，而是为了享受奢侈的生活。人对于金钱的渴望有时并不仅仅是金钱的本身，而潜藏在对金钱的渴望的背后，更多的是对价值，金钱，社会认可的渴求。但当事人在意识层面往往不能了解金钱对自己的这些象征意义。斯佳丽对钱的追求是为了满足自己的生存和奢侈，在追求的过程中，她也失去了很多，同时也说明了她缺乏一种安全感。

（三）思佳丽对爱情对自己的内心都缺乏一种了解。

她对人的内心活动甚至自己的内心活动都缺乏一种了解。艾西礼曾告诉她：“像我们这样不同的两个人，只有爱情是不够的，你需要的是一个男人的全部，包括他的躯体，感情和灵魂。如果你没有得到，你以后会后悔的。你会恨我读的书和欣赏的音乐，因为它们把我从你身边拉走。”但思佳还是爱着艾西礼，并且认为艾西礼也爱着她。为了艾西礼，她冒着生命危险照顾媚兰，她在塔拉干粗活，不想让艾西礼干。后来还给艾西礼钱花。但她对瑞德的所有深情一无所知，甚至在瑞德的怀里还想着艾西礼。后来她才意识到她一直爱的不是艾西礼，而是自己虚构的东西，并把它套在了艾西礼的身上。斯佳丽一直在寻找的避难处，那个安全而又温暖的地方，这个地方就是瑞德。因为瑞德有坚实的臂膀可以把她抱在怀里，让她对事情有清醒的头脑。但是她一直都没有意识到，尽管他对她冷嘲热讽，他还是爱着她。直到瑞德走了以后，她才意识到，一直都爱着瑞德。只是一直那么傻，不知道。所以说，她缺乏对自己内心的了解。

（四）思佳的潜意识

小说中反复出现思佳丽做的一个恶梦：世界上没有一个人可以依赖，有一个可怕的东西在追她，她就不停的跑啊跑啊，跑的心都快炸了。一边跑，一边喊，模模糊糊的想在周围的雾里找一个地方躲起来。这个恶梦贯穿了思佳丽战后的生活。弗洛伊德认为：“梦一定是有某种意义的，即使那是一种晦涩的隐意用以取代某种思想的过程”。[6]在这个梦里，充分地展示了思佳丽内心思想活动，揭示了她一切行为的动机。思佳丽在梦境中处于一片迷雾中，看不清方向，这象征着思佳丽思想上的混乱。思佳丽没有了一个具体的价值标准，她就对在她身边发生的一切感到迷惑不解，感到害怕。投射在梦中，就是浓浓的雾，让她什么都看不清楚。思佳丽感觉雾中有可怕的东西在追逐她，这个可怕的东西象征了思佳丽战争中与战争后的那一段艰苦生活，是饥饿、贫困和死亡的威胁。她的奔走逃避，其实也就是一种强烈的求生欲望的表现，暗示着思佳丽为了生活下去而做出努力的过程。她在现实生活中白手起家，从废墟中重建塔拉庄园，经营弗兰克的店铺，再盘接下木材厂，拼命赚钱的力量，就是对饥饿与死亡的恐惧感，对生存的渴求，一种强烈的求生欲望。但她的行为并未使内心获得真正的安宁，内心依然恐惧，因此在梦中，她总是一直奔跑，始终没有找到安全的地方。通过思佳丽的梦，可见她一切行为往往是源于内心欲望的驱动。她是凭着直觉与本能做事的人。在梦中，她内心真实的一面坦露了出来，她是害怕的，恐惧的，与现实中表现出来的凶悍、残暴、固执形成鲜明对比，使思佳丽这一形象的复杂矛盾体现得更加真切。



三　对瑞德的性格分析



艺术审美对象是一个具有复杂层面的构成体，用横看成岭侧成峰形容也不过分[7]。瑞德也是一个性格的复杂体。一方面，从他身上可以看到19世纪西方资本主义社会中的资本家的某些特性，他信奉的是野心家的金钱哲学。另一方面，也可以看到他桀骜不驯的性格下隐藏的深情和独特的品格。 （一）他对社会有清醒的认识

在战争面前，他是一个对现实有清醒认识的人。他认为他们狂妄的想要打仗，所凭借的只是棉花和骄傲。而到真正战争的时候，棉花将没有价值，而骄横将是他们唯一剩下的标准。他和艾西礼是唯一真正了解战争结果的人。但是不同的是，艾西礼选择了屈服于礼教，成了战争的牺牲品。而瑞德则选择了不做无畏的牺牲，而是穿越封锁线，保护自己，并用战争契机经商获利。他认为“把一起荒野改变为一起繁荣而致富的是帝国主义时期，在帝国主义时期有许多钱好赚，在帝国主义灭亡时期可以赚的更多[8]。”从这些地方可以看出他具有敏锐的商业头脑。但是，他也是一个有骨气不忘本的热血男子。在南方军队即将战败时，他毅然参战为自己的一方而战。他对斯佳丽说：“你想想，要是我在千钧一发的危机关头出现在我们的军队，这对他们将是多大的鼓舞呀。” （二）瑞德对思佳是世界上最纯真的爱情

瑞德第一次见思佳时，思佳和艾西礼说话恼怒了，扔了一个花瓶，差点扔在瑞德身上。瑞德却认为她是一个感做敢当，敢于说出自己想法，甚至摔花瓶的女子，并且爱上了她。从此虽然瑞德总是嘲弄思佳，但是心里还是有着最深情的爱。瑞德知道是不能告诉思佳的，因为按思佳的个性，她一定会不屑或站在较高的位置，对瑞德高傲，浑然不顾。虽然他表面的玩世不恭，但是他却知道思佳的内心需要，处处都在关心思佳。思佳穿着丧衣不能跳舞，是他帮助思佳摆脱了所有束缚，开始跳舞。斯佳丽困在亚特兰大，是瑞德为他偷来一匹马，驾着车逃出城。每当思佳从可怕的梦中惊醒的时候，是瑞德用宽大的胸怀保护她。性将男人分成两半，并赋予男人两个完全不同的面孔：对外，对情敌，他必须表现得十分好斗和野蛮；对内，对自己钟情的女人，他必须表现得柔情似水，爱意绵绵。在女人面前，他必须控制自己，必须束缚自己野蛮的天性。简单地说就是，他必须表现得文明，有教养。当瑞德和思佳结婚后，每天早晨，瑞德都会把早餐拿到屋里，一口一口的喂思佳。爱女邦妮的出世，让他把对斯佳丽的爱转嫁到了邦妮的身上。他不允许女儿受到一点伤害。思佳甚至有点忌妒。邦妮死后，瑞德才告诉思佳，他把邦妮当成思佳，当成没有经历战争，无忧无虑的思佳。可是谁能想到巨大的不幸会降落到了邦妮身上，爱女的夭折使他近乎疯狂，他甚至不允许下葬邦妮。他和思佳之间出现了难以弥合的裂痕。思佳的执迷不悟，使他怀着宁为玉碎不为瓦全的爱情观选择了离去。男女之间只要存在着不平等的奉献与牺牲，这种爱就是不人道的或畸形的。但是，这却构成了爱情的高尚与伟大！所以瑞德的形象在多少人的心里都是高大不可磨灭的。

（三）瑞德对媚兰的尊敬

瑞德以前玩世不恭，因为他在人世间看到的只是邪恶和虚伪，并使自己变的如此，因为只有这样，才能较为轻松的生活。直到他看到媚兰，并感知她有那么伟大的心灵，对别人的宽容，面对事情那么坚强，他被她高尚美好的灵魂深深的感动。原来，世界上还有另一种人和另一种生活。虽然这种人不多，这种生活艰难，但是媚兰预示着一种希望。所以他赞美媚兰，尊敬媚兰。并希望有和媚兰似的心灵。斯佳丽曾责问瑞德为什么总是对媚兰必恭必敬，而对她却是冷嘲热讽。瑞德回答她，媚兰的眼睛像在一个卑劣世界的明灯。瑞德把对美好高尚的热爱寄托给了邦妮，邦妮一死，一下子苍老了很多，似乎把一切都带走了。他把自己反锁在房间里守着邦妮的尸体两天两夜，谁叫也不开门，奶妈只有请来了媚兰，因为瑞德最尊重她的意见。门开了，而媚兰却倒下了。瑞德心痛无比，“媚兰是我见过的最仁慈的人，伟大的女性，非常伟大的女性。”

每个人的生命中都有一根细线，它连结着肉体和灵魂。有的人耽于肉体的生活，而忽视了灵魂的提升。他们找不到那根细线；有人专注于灵魂的超度而不需要那根细线；而世人大多既不愿委屈了肉体，又希望灵魂有所归依，细线是一个人的生命热情所在，且每一个人的生命热情有所不同[9]。媚兰是最能触动瑞德细线的那个人。他渴望从堕落走向拯救，走向高尚美好的生活。



四　对文章精神价值的分析



一个人对他人生活的态度，实际上可能是他自身生活的一部分。当她看到别人的生活感到痛苦，即表现他的心灵已经受到影响。他可能写的是他的亲朋好友或父母前辈的生活[10]。从中我们可以看到作者的影子和生活观。《飘》这部小说赢得了美国及世界各国众多读者喜爱，并且历久不衰。《英美文学研究新视野》中指出，《飘》之所以成为当今世界流行的小说，因为是一部美化蓄奴制，曲解南北战争的作品，其对废奴运动是抵制的，其政治态度保守，同时因为西方文学中重个体，个体的精神，是西方文学创作中注重人物典型刻画的一个重要指导精神。从美学角度来说主要因为它的可读性和影视传媒的推荐作用。可读性是作品最重要的因素，是沟通作品与读者的桥梁。影视文学的推荐作用是因为许多观众是看了电影才去看书的[11]。要探讨它的深刻意义需要和当时的背景联系起来。它是一部关于战争的小说，从战争开始对战争的崇敬之情，对战争的全然支持，到因战争带来的失去亲人的痛苦，不得不屈服于命运和战后立志重建家园的艰辛历程。战争后，有的人因此而消沉，失去了原来的斗志，无法调整好自己的心态来面对支离破碎的生活。而有的人克服了失败是的心理，面对现实不畏艰险，成了生活中的强者。这其中就有思佳。小说中最有吸引力的人非她莫属。“明天是新的一天”是思佳丽的座右铭。她相信所有的挫折都会过去，明天将是一个新的开始。思佳丽一生坎坷，经历了磨难，支撑她过一道道难关的就是这一信条。。人们从思佳身上多少获得了一些面对现实，克服困难的勇气。这是作品经久不衰的最重要的原因。我们解析这部作品，也是为了解析人物的精神品格，让名著有更多人知晓，也让我们真正的从主人公身上学点什么，学习他们坚强，冷静，对爱情执着的品质，tomorrow is another day 。





注释：

[1]梁漱溟著，诺贝尔文学奖文库第八卷，浙江文艺出版社，第496页。

[2]车文博主编，《弗洛伊德主义文集》，长春出版社，1-5卷，第204页 。

[3]黄锋，《文学与人生》,浙江大学出版社，第118页。

[4]柯云路，《童话人格-〈飘〉与思嘉丽情结》，作家出版社，第128页。

[5]罗国杰编著，《西方伦理史》，中国人民大学出版社，1995年，第97页。

[6]弗洛伊德,《释梦》, 商务出版社,1997年，第98页

[7]黄锋，《文学与人生》,浙江大学出版社，第118页

[8]傅东华译,玛格丽特·米切尔著，《飘》，杭州:浙江人民出版社,1980年，第268页

[9]刘晨光著，影视评论《挚爱与幸福---乱世佳人的现代性伦理解读》，网页，2005年3月。

[10]阿尔伯特·莫德尔，《文学中的色情动机》,文汇出版社，2006年,第64页。

[11]丁芸，《英美文学新视野》，武汉大学出版社 ，2005年。





参考文献：

刘晨光.影视评论《挚爱与幸福》---乱世佳人的现代性伦理解读》.2003年5月.

阿尔伯特·莫德尔《文学中的色情动机》.文汇出版社.2006年版,第64页.

车文博主编.《弗洛伊德主义文集》，长春出版社，1-5卷.

丁芸.《英美文学新视野》,武汉大学出版社,05年版.

冯庆华.《从文化交流的宏观角度研究翻译———<飘>的译本研究》，外国语,1998年第3卷。

弗洛伊德.《释梦》, 商务出版社,1997年.

傅东华译,玛格丽特·米切尔著.《飘》，杭州:浙江人民出版社,1980年.

黄锋著.《文学与人生》.浙江大学出版社，第118页.

康正果.《女权主义与文学》, 中国社会科学出版社，1994年2月第一版.

柯云路.《童话人格-〈飘〉与思嘉丽情结》,作家出版社.

罗婷等.《女性主义文学批评在西方与中国》,中国社会科学出版社,2004年12月.

诺贝尔文学奖文库第八卷. 浙江文艺出版社,93年版.

[台]邱梦蕾.《世界文学名著大观》,作家出版社,1987年2月第一版.

王向峰.《美的艺术显形》.首都大学出版社,01年出版,第106页.

使用 Illustrator,其他工具 完成

原文网址：http://www.typeworkshop.com/index.php?id1=type-basics&id2=&id3=&id4=&id5=&idpic=01#pictloader

站酷网提示您：本文由 archerzuo 翻译，如需商业用途或转载请与 archerzuo 联系，谢谢配合！

 

 

 

 

100% practical. Sketches have been made to explain some basic issues in type design during the workshops.

They get used to point out some problems which raise while creating a new typeface.

Only some foundations are shown, no deep sophisticated details.

 

100%实用。在工作室做字体设计的案例时，手绘可以帮助我们解释一些基本的事情。在设计新字体时，手绘可以帮助我们指出一些问题所在。这里，我们就用手绘这种方式来谈一些关于字体的很基础的东西，不深谈。

 

....................................................................................

 

 

第一部分：视觉平衡

 

Same size for all! To optically align all characters on a line, they cannot not have exactly the same mathematical height. For example the triangle on this drawing has to be higher than the rectangle. If this is not the case, the triangle will for sure look smaller than the rectangle.While creating a typeface, you want all the letters to have the same height.

 

视觉平衡！我们把所有字母在视觉上保持水平对齐，但是我们发现他们并没有绝对意义上的相同高度。比如，这个三角形比矩形要高，否则，三角形肯定会看上去比矩形要小。而创造一种字体，你当然想要所有的字母

 

Also round forms have to exceed the baseline to be optically the same. If the circle would have exactly the same mathematical height as the rectangle, it would look smaller than the square. This doesn't only count for basic forms like triangles, circles and squares.

It's essential in type design, because they apply to every single character in a typeface. Then it even doesn't matter if you're designing a latin, cyrillic or greek font. It's a basic principle for any kind of shape.

 

同样，圆形也需要超出基准线而达到视觉上的对齐。如果圆形和矩形高度相同，那肯定会看起来比矩形小。这不仅适用于三角形、圆形、矩形这些基本行状，而是可以应用在字体设计中的每一个字母，是很重要的一条法则。甚至你设计拉丁文、希腊文都可以应用。这是一条适用于任何形状的基本法则。

.............................................................................................................................................................................................

 

 

第二部分：术语。

 

Type terminology. Communication during the design process is much easier when using basic terminology of type.

Here are a couple important ones, which will help to bring the conversation a bit further than 'yeah, that there, that little black thing.'

Ascender：上伸部

Baseline：基准线

X-height：小写字母x高度

Arm：字臂

Shoulder：字肩

Contrast：粗细对比

Stem：主干

Serif：衬线

Terminal：尾部

Counter：字谷（内部空间）

Bowl：字碗

descender：下伸部

字体术语。在字体设计过程中使用一些字体术语更有益于交流。这里有12个重要的字体术语，这些会让你在交流中不用使用含糊不清的“对，这里”“那个小的黑的东西”的代词。

这里我加一段：在英文字体的设计中（主要指小写），一个字体的高度体包含三部份，以基准线 (baseline) 为中央，以上称之为上部 (ascender area)，基准线内称之为x高度（X-height），基准线以下称之为下部 (descender area)。

 

.........................................................................................

 

 

 

第三部分：流线型

 

Fluent shapes. Designing type is like driving a car. If you drive a car, you always take the curve in a natural way. If you draw a curve (of a character) on paper, this is exactly the same. The curve starts smoothly, never out of a sudden. While driving a car, you don't start turning the wheel when you are already in the beginning of the curve. A while before you arrive in the curve you anticipate by leading your car gently in the right direction. Think about driving a car when you are sketching type on a paper.

 

流线。设计字体就像开车。当你开车的时候，你肯定会走自然的曲线。这跟你在纸上画字体的曲线是一样的。曲线流畅的展开，绝不会突然卡住。当你开车的时候，肯定不会一进弯就打方向盘，而是慢慢的沿着右侧曲线通过。在纸上手绘字体的时候，你想着开车就好了。呵呵。

 

...................................................................................

 

 

 

 

第四部分：书法渊源

 

Calligraphic origin. The characters on the top line have a different construction than the characters on the bottom line. They have a different calligraphic origin. It doesn't matter if a typeface has serifs (like Times New Roman) or not (like Arial). It's about the original way they where constructed.

 

书法渊源。上下两种字母结构不同，源于他们不同的书写方式。不论字体是否分为衬线体或者无衬线体，他们都是根据不同的书写方式而来。

 

The characters in the top line are constructed with a pointed pen (calligraphic tool). The contrast is caused by changing the pressure on the pen, not because of the form of the pen. Bodoni is one example of this, but also sans serif faces like Helvetica have this origin. The thickest part will be (mostly) totally vertical. From this perspective there is no difference between Bodoni and Helvetica. They both have the same construction. Only the contrast varies.

 

上面的字母是通过尖笔书写的，其中的对比是通过改变笔的不同压力，而不是因为笔的形状。Bodoni就是一个例子，但是无衬线体Helvetica也属于这种。最宽的部分基本都是垂直的，从这点来说Bodoni和Helvetica没什么不同。他们有着同样的结构，只是对比不同而已。

 

The characters in the bottom line have a origin which is derived from the broad nib. The calligraphic pen itself has a thick and a thin part. The contrast in the type is made because of the form of the pen, not because of the pressure. You slant the pen with an angle of 30 degrees on the paper. In that way your thickest part of a character will not be on a vertical direction, but will be on an angle. Also the thinnest part will not be on the most horizontal parts. Typefaces like Garamond and Minion have this kind of construction. But also sans serif faces like Gill Sans have a construction which is originally derived from the broad nib.

 

下面的字母则是起源于瘪头笔。笔本身就有宽和窄的部分。这种字体的粗细对比来自于笔的形状而不是笔的压力。把笔倾斜30°，这样字母最宽的部分就不是垂直方向了，而是你倾斜的那个角度。同样，最窄的部分也不是水平的部分。Garamond和 Minion就是这样的字体，但是无衬线体Gill Sans也是来源于这种书写方式。

 

..................................................................................

 

 

 

 

第五部分：空间

 

Spacing. Some words about spacing type. Much more important than the shapes of the characters, is the rhythm of the type. A typeface with beautiful characters which are badly spaced is extremely hard to read. However, if the shapes of the letters are not that good, but when they are all perfectly spaced, the type will be fairly easy to read. Defining the rhythm is more important than defining the shapes.

 

空间。首先，明白一个概念，文字是用来阅读的。比字体的外形更重要的是字体的韵律。有着优美字母但是字距糟糕的字体阅读性肯定很差。然而，如果字母没有那么完美，但是他们有良好的字距，那字体也会很容易阅读。设计韵律远比外形重要得多。

 

The white spaces inside and in between letters are defining the rhythm, much more than the black shapes of the letters. When you manage to create a good rhythm in your line of text, your type gets more readable and gives a balanced end result. While creating the black shapes, you have to take the white spaces into consideration. Because the white spaces are more important than the black shapes. However, white cannot exist without black. Changing a white shape, inevitable will have an influence on the black shape. From that perspective, one colour cannot be more important than the other.

 

字体的韵律由字母内部的空间以及字母与字母的间距决定，这些空白的部分远比黑的部分重要。一段文字如果有一个良好的韵律，那么他就更具可读性也会有很好的视觉效果。当你设计黑的部分时，空白的部分你不得不考虑。留白虽然重要，但是也需要黑的部分相互依存。改变白的部分，必然会对黑的部分有影响。从这点来看，两者同样重要。

 

For example, there has to be a relation between the space inside an 'n' and the space between the 'i' and the 'n' (see drawing). In the top row you can see the space inside the 'n' is much much bigger than the space in between the 'n' and the 'i'. In the bottom row they are much more equal, and in this way you'll get a much better rhythm and more harmony in your line of text.

 

比如，“n”的内部空间和“i”与“n”之间的空间有着必然的关系。上面一行，“n”的内部空间比“i”与“n”之间的空间要大很多，而下面一行是则基本相同的，下面一行明显有着更好的可读性。

 

The same goes for the inner form of the 'a' and the 'e' for example. There is a big relation between these two forms. If they have (optically) the same amount of white inside the character (=counter), your type will have a better rhythm as well. 

 

同样的道理一样适用于“a”和“e”的内部空间。这两者之间有着很大的关系。如果字母内部空白的部分视觉上达到平衡，那字体就有着良好的韵律。

 

..................................................................................

 

 

 

 

第六部分：黑与白

 Black vs. white. Designing type is nothing more and nothing less than harmonizing black and white shapes.

Black can't exist without white, and white can't exist without black. Black, the shape of a letter. White, the space in or in between letters. The amount of white inside a character defines the amount of white in between two characters.

 

黑与白。设计字体无非就是协调黑和白。黑和白唇齿相依。黑，字体的外形。白，字体内部以及字体与字体之间的部分。字母内部的白决定了字母与字母之间的白。

 

As it is impossible to create a very black character with a big (white) counter form, a black typeface will always have smaller counters than a light typeface. Hence it follows that there is less space in between the characters (see drawing). A light typeface has much bigger counters. The space in between two letters has to be in proportion. As a consequence there is more white space in between light letters than in between black letters.

 

黑的部分多，白的部分就少，创造一种黑多白多的字体是不可能的，一种黑体白的部分肯定比细体白的部分少。（绕口令一样！）一种细体有更大的空白部分。内部以及之间的空间要均衡。因此，细体比黑体有更多白的空间。

 

.................................................................................

 

 

 

 

第七部分：意大利体与手写体

 

Italic vs. cursive. A roman font can be slanted (having an angle) and a cursive font can be upright (totally vertical like a roman). Urgh!

 

意大利体与手写体。罗马体可以倾斜体，手写体可以有垂直体。

 

The angle doesn't decide if a character is a 'roman' character or an 'cursive' character. This depends on the construction. To make it a bit more clear, take a look at the four big n's. As you would expect, the first letter is a roman character. But the second one as well. Although it's not totally vertical, it still has the same construction as the first 'n'. This is called a slanted roman. The third 'n' looks like an cursive, but also this one is not a real cursive. Basicly there is no difference between the second and third 'n', only some parts of the serifs have been cut off.

 

角度不能决定字体属于罗马体还是手写体。这取决于结构。看一下这4个大“n”，就会很明白了。对，第一个字母是罗马体，但是第二个同样是，虽然他没有完全垂直，但他和第一个有相同的结构。这叫做斜罗马体。第三个“n”看起来像手写体，但他并不是真正的手写体。基本上第二个和第三个没什么区别，只是衬线不同而已。

 

Compare the first three letters with the last 'n'. That's a real cursive. The big difference with the previous three is the construction. The first three are constructed from separate pen strokes. The last 'n' is constructed out of one pen stroke. This is the basic difference between roman and cursive fonts. Not the angle, but the construction.

 

把前面3个和最后一个相比较，没错，这才是手写体。他们最大的不同是结构。前面3个笔画是分开的，而最后一个是一笔写下，这是罗马体和手写体最本质的区别，不是角度，而是架构。

 

Many different explanations can be given for the difference between a 'cursive' and 'italic' from a historical point of view. However we consider this as the big difference: 'italic' is concerning the function, 'cursive' is concerning the construction. Almost anything can work as an 'italic', it doesn't even necessarily needs an angle. When making a font family with a roman and an italic font, the italic font can be constructed in many different ways. The third 'n' in the example could probably function perfectly as an italic inside your family. But don't forget, it's not always a real cursive when it's called 'italic'.

 

意大利体和手写体的不同也可以从历史的角度给出更多的解释，但是我们认为他们最大的区别在于：意大利体注重功能，手写体注重结构。几乎任何字体都可以作为意大利体，甚至都不需要角度。当设计一个包括罗马体和意大利体的字体族时，意大利体可以有很多构建方式。第三个“n”就可以在功能上作为意大利体加进你的字体族里。但是切记，意大利体并不总是真正的手写体。

 

 

..............................................................................

 

 

 

 

第八部分：风格统一

 

One for all What defines if one character can fit to another character? Once you made a decision, how to apply this to all the other characters in a font?

 

风格统一。如何定义一个字母和另一个字母风格一致呢？一旦你做了决定，怎么样在你字体的所有字母中应用呢？

 

Starting point: 'e' (in the center of the drawing). Imagine you sketched this 'e', you like it a lot, and now you want to design more characters fitting to this 'e'. Where to start? Should it be a serif or a sans serif for example?

 

从“e”开始吧。如果你手绘了这个“e”，你很喜欢，然后你想要设计和“e”风格相同的其他字母。从哪里开始？比如是衬线体还是无衬线体？

 

First try: 'i' on the left. Sans serif. The black part is as thick as the black parts of the 'e'. Same x-height. So this should work you think.

 

首先从左边的“i”尝试，无衬线体。黑的部分要和“e”黑的部分一样粗，相同的x高度，于是你觉得这样应该就可以吧。

 

Second try: 'i' on the right. Same thickness, the character has the same x-height, but now it has serifs.

 

然后来看右边的“i”。相同的粗细，相同的x高度，但是现在有衬线。

 

The bowl of the 'e' is not only having a certain thickness, but the 'e' also has contrast. The 'i' on the left has no contrast at all. Therefore these two characters don't belong to each other. The 'i' on the right however has the same kind of contrast as the 'e', just because it has serifs. Just those tiny serifs make sure there are thick and thin parts, like the 'e' has. This means that the starting point, the 'e', already defined that the rest of the font cannot be a sans serif typeface.

 

“e”的字碗部分不仅有一定的粗度，还有粗细对比度。而左边的“i”根本没有粗细对比。因此这两个互不兼容。（就像qq和360）而右边的“i”有着和“e”相同的对比度，只是因为他有衬线。就是这些细小的衬线让他有像“e”一样的粗细对比。回到开始，一个“e”已经决定了这个字体不可能是无衬线体。

 

Of course, every so called rule is there to be broken. Mentioning this, doesn't mean you can't make a font which has an 'e' combined with an 'i' like the one on the left. Everything is possible of course. But now you realize better what you are doing, also when you don't do it. Still get it?

 

当然，所谓的规则总会被打破。我们说这些并不意味着，你不能把左边的“i”和“e”放在一种字体里。一切皆有可能。但是现在你至少明白你正在做什么。

 

...................................................................................

 

 

 

 

第九部分：可读性

 

Readability. The only important aspect of a text typeface is the readability. Many decisions can influence the readability. Which contrast you create, the length of the ascenders and descenders, the rhythm, the blackness of a type, the strength of the curves and the bowls, etc.

 

可读性。文字是用来读的，字体的可读性可以说是文本的至关重要的方面。可读性跟很多方面有关，比如对比度，上伸部和下伸部，韵律，字体的黑度，曲线，字碗等等。

 

Most of those decision apply to all the characters inside a font. These have to be defined first. For example the contrast. The characters on the top line (see drawing) have a much bigger contrast than the characters on the bottom line. The type on the top line will be more suitable for display use, the type the bottom the bottom line more for text use. Not only because of the difference in contrast, but also because the characters on the top line are much more condensed. This makes them less legible in small sizes, but more eye-catching and flexible for headlines. Defining the contrast and the width are decisions which count for every single character in a font.

 

这些需要应用在字体的每个字母中，而且必须一开始就定义好。比如对比度。上面的字母比下面的字母有着更大的对比度。上面的字体更适合屏幕使用，而下面更适合书籍文本使用。不仅因为这个对比度，还有上面的字体被压缩的更多一点。这样就让字体在小字号的时候辨识度不够，但是这样的字体如果应用在标题上，又更吸引眼球更灵活。定义对比度和宽度对于一种字体的每一个字母是很重要的。

 

But also while designing every single glyph, you can create details which improve the readability of a font.

For example, the ear of a 'g' can make sure the reader's eye will follow the horizontal reading direction more fluently. The 'g' on the bottom line will work much better in a text typeface for small sizes (see drawing).

 

当你设计每一个单个字模的时候，你可以制作一些提高字体可读性的细节。比如，“g”的耳部可以保证读者更容易在水平线上阅读。所以在书籍文本中下面的“g”在小号字时会更具可读性一些。

 

................................................................................

 

 

 

 

第十部分：比例均衡

 

Proportions. Which x-height to define? Which descender depth? Defining these proportions are essential, and very strongly connected to the purpose of the type. The proportions within a certain typeface are influencing the way your type will work & look. For example, it's impossible to create a space saving newspaper typeface with an extremely wide body width.

 

比例均衡。X高度怎么确定？下伸部高度多少？定义这些比例是很重要的，而且和字体的用途有着莫大的关系。字体中的比例均衡关乎你字体的用途整体感觉。比如，你不可能去设计一种很宽的字体去用在本来就要求节省空间的报纸上。

 

Extremely short descenders will give a strange look to a text typeface. Even worse, they might not be visible at all anymore. But extremely short descenders can also be a smart decision, while creating a display or headline type. For a text typeface the ascender height should be as big or, even better, bigger than then cap height to give a optical pleasurable result (see drawing).

 

如果字体的下伸部很短，那这种字体组成的文本看起来就会很奇怪。甚至根本就不具有识别性。但是当我们设计屏幕或者标题字体时，这种字体就派上用场了。对于一个书籍字体的上伸部至少要不低于大写字母的高度，这样视觉效果会比较好。

 

...................................................................................

 

 

 

 

第十一部分：小型大写字母

 

Small caps. You could guess it already from the name, small caps are small capitals. Capitals which have the same height as lowercase characters.

 

小型大写字母。顾名思义，就是大写字母却有着小写字母的高度。

 

Why are small caps needed? Because of several typographical reasons. First of all a whole word set in caps will look awful, it will drown out the rest of the text. Second, in lots of typefaces the capitals are not designed and spaced to work together, but to be followed by a lowercase character. Small caps however are designed to purely work together. They will give a more pleasurable, harmonized result.

 

为什么会有小型大写字母呢？有什么用呢？因为一些印刷排版上的原因。首先如果一句话全是大写字母会很吓人，这样会弱化剩下的文字。再有，在大部分字体中，设计师不会考虑大写字母之间的空间协调等等，而是一个大写字母接着一串小写字母。小型大写字母就这样应运而生，让大写字母和大写字母用在一起，而有一个更协调更顺畅的视觉效果。

 

Having said that small capitals are capitals on x-height, it's mostly not 100% true. To optically give them the same height, the small caps will have to be slightly bigger than lowercase characters of the same font (see drawing).

 

刚说到，小型大写字母是有着x高度的大写字母，这并不是完全正确的。为了视觉上有同样的高度，小型大写字母会比小写字母大一点点。

 

.....................................................................................

 

 

 

 

第十二部分：花式大写

 

Swash caps? Admitting that it's not the most urgent issue to learn in typography, it's interesting to quickly pay attention to this topic. Not every font family has a Swash variant. Most common are swash capitals, but also swash lowercase characters and swash-beginnings and -endings exist.

 

花式大写？在字体设计中这并不是很重要的，但是很有趣。并不是每一种字体都有花式大写，但是花式大写是最常见的，当然也有花式小写、花式首字、花式结尾等。

 

Sometimes you want to set a whole line in capitals. It's possible to do this with roman capitals, although sometimes it's better to choose small capitals which are designed for this purpose. Roman capitals are not, but mostly they don't cause problems. Swash capitals however do. Swash capitals are mostly designed to give some extra visual pleasure to your designs. The caps are meant to be followed by lowercase characters (number 1), or used as an initial (number 2), but not to be combined with eachother. Only with some fonts it's possible to combine swash capitals with normal roman caps (number 3).

 

有时候你想要把一行全部用大写字母。你可以使用罗马大写字母，但是最好的办法是选择专为此而设计的小型大写字母。罗马大写字母虽然不是为此设计，但是用也不会有问题。花式大写也可以。花式大写大部分是用来给你的设计额外的惊喜。花式大写可以后面跟小写字母（最好）,或者用于首字母（次好），但是千万花式和花式不要用在一起，也可以把花式大写和正规的罗马大写用在一起（次次好）。

 

....................................................................................

 

 

 

 

第十三部分：X高度

 

xheights. If you make a light weight and the black weight of one typeface, you'll have to make sure that the black weight has a bigger x-height than the light weight (top line drawing). If this is not the case, the black weight will look optically too small when it's combined with the light weight in a line of text.

 

X高度。如果你要设计一个字体的细体和粗体，你要知道粗体的x高度比细体要高。否则粗体和细体用在一起的时候，视觉上要小。

 

In display sizes this is not exactly the same. If the type is printed in big sizes there can be a much smaller difference between the x-height of the light and the black weight (bottom line drawing).

 

在显示上，这并不是完全相同的。当印刷大号字体的时候，粗体和细体的x高度需要有更小的不同。

 

...................................................................................

 

 

 

 

第十四部分:粗体

 

Bold-faced. Since the introduction of the computer, type design has become available to a wide audience like never shown before in history. Of course the digitalization makes many acts easier and particularly faster.

This doesn't mean it automatically gets better, but that's another story. For example, many font software programs have included an option to 'bolden up' your regular weight. The outlines of the perfectly designed font get expanded, but the program is trying to fool you. That's not a bold. It's a limousine which got quickly extended by a local blacksmith. The contrast will probably be destroyed (see the second 'a' in the drawing). Doing this by hand will give a much more pleasurable result. No matter how well font software programs will improve in the future, there is only one thing that really counts in the end: your critical eye.

 

粗体。随着电脑的普及，字体设计已经有了前所未有的受众群体。当然数字化让很多东西变得更便捷。但是过于依靠电脑又会有新问题出来了。比如，很多设计软件包括一个选择“粗体”，来加粗你的正常字体，得到被完美扩展的外形，但是别高兴，电脑娱乐了你。这并不是粗体。像一辆地方铁匠打造的山寨轿车。对比度很可能被破坏（看一下第二个“a”）。手绘会给我们一个有趣的效果。不管未来字体软件发展到多么高超的地步，有一件事绝对不会变：你犀利的眼睛。

 

.....................................................................................

 

 

 

 

第十五部分：数字手绘

 

Digitizing sketches. When the handmade sketches on paper are ready to be scanned, take care of digitizing them in a proper way. More specifically, take care while converting your scanned image manually with a Bezier based pen tool. Too many points on a character, or points at the wrong position can have a negative influence at your font.

 

数字手绘。当在纸上手绘完成准备扫描的时候，你要注意要用适当的方法去数字化。更需要注意的是，把你的扫描稿用钢笔工具的贝塞尔曲线手动转换的过程。在一个字母上有太多的锚点，如果把锚点放在不当的位置，会对你的字体有负面影响。

 

Too many points (=nodes) can not only cause technical problems -e.g. the printer can't print the font anymore- but it is also much harder to control the shapes of a character. Controlling a curve between two nodes is much easier than changing a curve with twelve nodes. Of course it's possible, but it will not end up in a fluent form.

 

太多的锚点不仅会导致技术上的问题，比如印刷不出字体，而且会更难控制字母的外形。控制2个锚点间的曲线肯定要比控制12个锚点间的曲线要容易的多。当然也可以，但是肯定不会有流畅的曲线外形。

 

Having the nodes at the wrong position can cause technical problems -e.g. it's impossible to hint the font perfectly-but also practically it is recommendable to put nodes at extreme positions at your glyph.

For example, digitizing an 'o' would only need 8 nodes. Four at the outer form, four at the counter form.

Putting nodes at extreme positions (most top & down, most left & right) means the BCP (Bezier Control Point) will always be totally horizontal or vertical. In that case they are much easier to control. In most software programs you can use shift key to keep the BCP totally horizontal or vertical.

 

不当位置的锚点不仅也会导致技术问题，比如不能完美的呈现字体，所以我们推荐把锚点放在字母“极端”的位置。比如，这个“o”需要8个锚点，4个在外，4个在内。把锚点放在极端位置（最上、最下、最左、最右）意味着贝塞尔控制点始终在水平或者垂直方向上。这样就更容易控制了。在大部分软件中，你可以使用shift按键保持贝塞尔控制点的水平或者垂直。

 

....................................................................................

 

 

 

 

第十六部分：复制粘贴

 

Copy-paste? When you have created a few basic characters, you also want to create the rest of the alphabet.

But how? Copy and paste? Euhm, not really. Although, this can help you on the way.

 

复制粘贴？当你设计了一些基本字母，你可能想要设计剩下的字母表。那怎么做呢？复制，然后粘贴？不是这样的。虽然这可以帮助你。

 

There are some things which you can do, and some which you cannot do while copy-pasting. Some forms can be just the same. The ascender of the 'l' and 'h' for example. But maybe the bowl of the 'd' and 'q' as well.

Once you created a 'd', this could work fine as a starting point for a 'b' and a 'p', by rotating the 'd' 180 degrees.

 

有些可以，有些不可以。比如“l”和“h”的上伸部，“d”和“q”的字碗，一旦有了“d”，就可以用他来做“b和“p”，通过旋转“b”180°。

 

Copy-paste should not change the contrast in your typeface. When you make a typeface based on the broad nip, horizontal and vertical flipping will disturb the angle of your contrast, and will destroy your shape.

However, by rotating a (part of a) character 180 degrees, the contrast remains perfect and untouched.

 

复制粘贴不会改变字体的对比度。如果你重新做一个字体，那水平垂直上的不同会影响对比的角度，进而破坏你的外形。但是通过旋转一个已有字母180°就不会这样，对比度仍完美没有被碰触过。

 

But copy-paste doesn't bring you all the way there. It can work as a starting point, but manual adjustments will be mostly necessary. For example, if you have a 'n', you can quite quickly make a 'm' and a 'h', but also a 'u' (see drawing). Copy, paste and rotate the 'n'. Then cut some serifs, and... not ready yet!

If you cut away the serifs, also on the inner side of the 'u', the white space inside the 'u' will get bigger then the white space inside the 'n'. This has to be optically corrected.

 

但复制粘贴也有不适用的时候，大部分还是需要手动调整。比如，用“n”来很快的制作“m”、“h”和“u”。复制，粘贴然后旋转“n”。然后去掉一些衬线，然后……实际并不是这样。如果你只是去掉衬线，那“u”的内部空间会比“n”要大，这就需要视觉上的调整。

 

One solution for this could be to make the 'u' a bit more narrow, or maybe another solution could be to make the serif on the top a bit longer (which also makes the innerform smaller of course). Whatever way you do it, make sure the inner forms have (optically) the same amount of white space. Only in that way you'll get a harmonious rhythm in your type.

 

减少“u”的内部空间，或者让上面的衬线更长点（同样可以达到减少“u”内部空间的目的）。不论什么方法，都要保证内部空间视觉上均衡，这样你才会设计出有着流畅韵律的字体。

 

.....................................................................................

 

 

 

 

第十七部分：形状平衡

 

Balance shapes. If you make both of the inner forms (counters) of the 'B' exactly the same, the top counter will optically look bigger. Your character will look plumby, like it's falling down. If you make the top counter smaller than the bottom one, your character looks much more balanced.

 

形状平衡。当你设计“B”上下两个内部空间的时候，如果上下相同，那上面的视觉上比较大，那你的字母就感觉要倒一样，重心不稳。如果上面比下面小呢，那看起来就平衡多了。

 

The counter of the 'B' doesn't have to be exactly the same as the counter of the 'P' for example. If you would make them exactly the same, the right sidebearing of the P would be much too big. So you have to balance the black and white spaces in every character separately. However, there must be a relationship between the amount of white space inside a 'B' and inside a 'P'.

 

“B”的内部空间也不必跟“P”一样，不然右边的“P”会大很多。所以你不得不去分别平衡每个字母的黑白空间。但是每个字母内部的空间又是有关系的，比如“B”和“P”。

 

About making a lowercase 'r': it's not an 'n' with an amputated leg. Your 'r' can get very weak and soft in that way. You can make it much stronger if you let the ending of the 'r' follow the horizontal reading direction. In that way, the space on the right side of the 'r' will be more open, and more balanced. It will not disturb the rhythm of your type because the right sidebearing can be much smaller. The whole letter can be made more narrow as well. As a consequence the white space in the top of the 'r' could be has to be changed. In case you change that form, optically you'll not confuse the 'r' so quickly with the 'n' as well.

 

关于字母“r”，并不是“n”少一只胳膊。否则你的“r”就会很弱很软。想要强化，可以让“r”结尾和阅读的水平线保持一致，这样“r”右边的空间会更开敞更平衡。这并不会打乱字体的韵律，因为右边的字距其实很小（比如rh），整个字母也可以很窄。这样一来“r”上面的空间也不得不改变。现在你就不会在视觉上把“n”和“r”混淆了吧。

 

....................................................................................

 

 

 

 

第十八部分：字距

 

Kerning. Knowledge about kerning will give a deeper understanding of type. However, forget about kerning for now, spend your time on other things. It's much more important to properly space your characters.

 

字距。了解字距会对字体有更深一步的认识。但是，我们先不说这个，先说说怎么把你的字体

 

A kerning pair is a technical issue for optical reasons. Simply said: when one certain character is followed by another character you can define a different space in between these two characters. This space can vary from the the normal spacing (right sidebearing of the first character + left sidebearing of the second character). The difference can be positive or negative; you can add more space for a certain combination or you can reduce the space. A kerning pair can technically be implemented in a digital font file.

 

简单来说，当2个字母用在一起，你可以给它们定义不同的间距。这个间距可以不同于正常的间距（第一个字母的右边+第二个字母的左边）。间距可以是正的也可以是负的。你可以增加间距或者减少间距。在技术上间距对可以应用在字体文件上。

 

In some cases kerning is inevitable and necessary. When a capital 'A' is followed by a lowercase 'v', a big white space will appear which cannot be solved by adapting the spacing of the characters. Changing the spacing would mess it up when they would be combined with other characters again. For this occasion a kerning pair is needed (see drawing). In the sketch you only see some examples where the kerning pair is negative; reducing space. But you can also imagine a positive kerning pair when a 'f' is followed by a bracket for example; "f)". More space has to be added to avoid those characters overlapping eachother.

 

在一些情况下，间距是必然的必需的。当大写字母“A”后面跟小写字母“v”的时候，它们之间就会有很大的空白。改变它们的正常间距，就会出现跟其他字母搭配时混淆。在这种情况下，间距对出现了。在我的手绘稿上，可以看到，间距对是负空间，也就是减少空间。当然也有正空间的间距对，比如“f”后面跟“)”，这就需要更多空间来避免它们相互打架。

 

....................................................................................

 

 

 

 

第十九部分：连字

 

Ligatures. In a very few cases they are essential. Some well known ligatures are 'fi' and 'fl'.

The inevitable need for a ligature is depending on the design of a font. Not every typeface will need a ligature for a 'fi' combination. But in some cases the dot of the 'i' is interfering with the 'f'.

Get rid of all that annoying row but making a ligature, one glyph which represents two (or more) characters.

Next to a functional aspect, there is an aesthetic aspect of ligatures. You could create a ligature for a 'st' combination, or maybe for 'nky' or 'ism'. Anything is possible. Admitting that also this is not the most urgent issue in type design, it's another obstacle on the road to perfection!

 

连字。在一些情况下，这是很重要的。比较熟知的像“fi”和“fl”。连字的需求取决于字体设计。并不是每一种字体都不要“fi”的连字。但是在有些情况下，“i”的点和“f”会相互冲突。这时候就需要连字，用一个字形来代替2个字母。除了功能上的需要，连字有时候也是美学上的需要。你可以为“st”、“nky”、“ism”设计连字组合。一切都有可能，在字体设计中这并不是最重要的，他只是通往完美的路上的一个小障碍而已。

我们现在已经明确了两个事实：

电子商务的信任（trust）打造非常重要，这直接带来了buyer confidence（消费者信任感）。
对于电子商务网站和背后的卖家而言，信任感的提升能够直接带来订单的转化率提升。
若对以上结论还有质疑，欢迎阅读之前的文章。

了解消费者到底担心什么,参见《Window Shopping, 用户缘何只看不买？》
了解提升消费者信任度的好处，参见《做让用户信任的电子商务网站》

但是，How-to这是个大的问题，到底应该怎么做呢？Heidi决定挑战一下自己。
在我们想具体的解决方案时，我们再来看一下以下三个方面的分析：

 

一．用户信任层级
用户层级越高，对安全性的需求也就越大。就好象银行里的专业保险箱对于路边的乞丐完全没有意义但是对于富翁们非常重要一样。这里的用户层级可以理解成他对于网站的使用层级。打造信任感/安全感也应该结合用户成长的层级——在合适的时候回答用户的问题。

我们所要做的，就是在用户在每一个台阶前有问题的时候，能够主动让用户知晓答案和措施，从而放心走出下一步。比如，对于刚来到这个网站上的客户，对他来讲，初始信任感的培养会更加重要，初始信任感与信任标记（trust marks）以及付款、退换货的声明等密切相关，但是界面设计，如颜色、布局、质感、导航等，对于培养初始信任感非常重要。

 

这直接关系到两大问题：看起来是否专业？看起来是否可信？

这个问题，同样需要考虑不同文化背景下人们对于安全性问题关心的严重程度排序。信息安全，打个比方，在中国好像普遍不太关注，但是在美国，调查显示：

 

87%的网购者担心信用卡诈骗；
85%的网购者担心身份被盗窃；（注：根据美国联邦贸易委员会的定义，身份盗窃(Identity Theft)是指偷盗个人信息，例如个人姓名、信用卡号、驾驶证号或其他个人身份信息的行为。）
83%的网购者比较担心他们的个人信息被公开；
77%的网购者比较担心间谍软件；
数据来源：TNS Research, August 2006

所以，你的电子商务网站面向什么人群，去了解他们关注的安全性问题排序是什么，这是我们能够提升信任感的依据。

 

 

二．感觉到可信 VS 实际上可信
他们是相互促进的。一个良性的循环需要我们从这两个方面下功夫。

什么是感觉安全可信？

需要我们利用一些合理的布点，推广和关怀。我们要学会对安全举措进行主动的营销，让用户看得到我们的关怀。

举个最简单的例子，在要求用户注册的表单旁，既然我们知道用户在这一步会有“个人信息泄漏”的担忧，既然我们确实有一些举措，比如SSL加密传输，比如隐私权保护条例，如果不让用户及时知道，等于毫无意义，等于毫不存在。这种保护措施，如果不是在出现了问题时，就无从知道网站是否真的具有。所以，增强信任感的做法，就是“喊出来”。

 

在需要买家注册的表单上，有明显确保信息安全的提示。

又如ebay：

Ebay的注册页面回答了用户的两个问题：
1.    我的个人信息是不会被泄露给任何第三方的，除非经过我的允许；
2.    我们不会随便发垃圾文件给你，你有办法进行控制。

在overstock网站上，对隐私权的提示到了无以复加的地步，凡是出现了电子邮件的地方，都会出现一句话：

 

如何实际上也可信？
既然承诺，就一定还要做得到，我们不断研究开发实在的举措并且切实帮助客户解决已经发生的问题。避免问题出现并在出现问题后帮助客户解决。
这样，原本是门槛的“信任”将可能会成为“桥梁”。以图来表示，我认为在交易流程中，有两个信任的门槛需要被跨越。

 

 

三．电子商务网站的良性循环
本图适用于B2B、C2C的电子商务网站。

结合以上三点分析，我们是不是可以得到以下的结论：
1.    信任感必须包含两个部分：感觉到可信 + 实际上可信。这两部分都不可缺少。
2.    信任感的培养，必须结合用户的行为，沿着用户的行为路径，不断及时解答他的问题。比如，将隐私权保护放到首页，远远不如放到需要他提供个人信息和财务信息的地方。

我希望一边做一些分析，一边写这些文章，然后在最后，能够理出一套比较完整的电子商务网站信任感提升方案。这套方案应该包含：
1.    首页——大多数用户到达的页面应该如何做？
2.    产品搜索结果页（SERP）——如何回答关于信息可靠性与商家可靠性的疑问，如何避免用户出现问题？
3.    注册登录页——如何解答关于信息安全、隐私保护的疑问？
4.    联系与洽谈页面——如何解答关于信息安全、隐私保护的疑问？
5.    交易——如何让用户知道怎么样顺利、安全完成交易，出现问题后如何解决？
6.    交易结束——如何维持良好的客户关系，让他能够推荐网站给别人？
7.    EDM——如何通过邮件提升信任感？

这个话题比较大，实施起来也不容易，受heidi的眼界、经验限制，也不一定会有启发性的方案，也在此抛砖引玉，希望引起更多同仁的关注与探讨。

 

提升网站信任感之二：提升初始信任感 

你是一位交互设计师吗？
告诉我，你具体做些什么？

我是做网站设计的？听起来不够专业。
我是做网页设计的，听起来……
你们是做界面的……

恩，好吧，我勉强接受，但是还是会很不死心补充一句：其实我们不只做界面，我们还规划使用流程，研究用户为了达到目标所要完成的任务，简化任务……听不懂？好吧，whatever！

 

交互设计就像他们主要的产出物之一——线框图一样，很多时候沦落到中间产物，处在尴尬的境地。

前面如果有优秀的产品经理，并且精力旺盛，有时就会一并连交互的工作做掉了。
后面如果有优秀的视觉设计师，并且精力旺盛，接到交互设计师交付给他的一堆简陋的线框图，反而不知道怎么下手，而且，他会很抗议自己成为了一个油漆工，不知道在这个线框的基础上“什么是可为，什么是不可为”，我们会经常看到一些“明知不可为而为之”的视觉设计师在交付了视觉稿后，遭遇到交互设计师的诘问：这个结构你不能根据视觉来调整，这个会改变我之前定义的用户引导方式，这个是之前确认过的！

 

一. 快乐并痛苦着交互设计师

合作伙伴的痛苦：

很多时候，产品经理在放手后觉得很痛苦：唉，他到底理解清楚没有我的商业意图？我不放心，我觉得事情不可控……

很多时候，视觉设计师在接手后觉得很痛苦：唉，前期的需求和业务讨论，我压根就没参加，这一堆东西，我看不明白，但是还是得一页页去美化，而且我还得把工作成果交给他验收……

更多有关的人觉得很痛苦，流程长，分工细，到了开发的时候，遇到了问题，还得先找交互，通过交互去找前端工程师，解决问题。

交互设计师们的痛苦：

 

花了很多精力做了很多中间产物，一般这些中间产物瞬间就会被替代掉，到了项目发布，那些就已经被遗忘了。

花了很多精力去做协调和沟通，自然而然成为UED三个角色的小PM.

商业BRD写好了，要去和产品经理讨论业务需求并且坚守用户体验防线。线框做好了，要和一群人去讲设计需求，要撰写文档。视觉稿好了，要提防人家不小心改变了线框框架。文案和HTML做好了，又要去验收HTML有无按照设计需求执行，开发完成了，还得去像测试人员一样投入去测试bugs。发布后，还要持续进行效果的跟踪。这些，工作很多时候看起来劳而无功。

 

但是交互最痛苦的，不是这些。

 

1.交互痛苦的事情之一，说服基本靠YY。

这段时间做封闭做项目，从一进到项目室，就有明确的时间点和计划，来不及系统化思考，投入去做。遇到一些引发争议的问题，去和产品经理们谈，发现，我们的讨论慢慢地演变成为故事PK赛。大家举个各种场景的故事去试图说服对方。比如，我说，如果我是用户，我怎么怎么地。他说：我不那么看，如果我是用户，我怎么怎么地。

 

所谓的PK就成为了谁反应快，能够抓住对方的漏洞，谁的口才好，搞得对方无从辩驳，谁就赢了。
其实，事后反思，我们的persona去哪儿了？怎么都成了讲极端非典型场景非典型需求用户的例子了？
我们的以用户为中心的高尚理论去哪里了？怎么都成为以自己为中心了？

 

事实就是这样：
我们没有足够的时间去为每一个项目建立一个persona。
以前建立的persona不是适合所有项目。
我们一般没有足够的时间在开始做方案前引入用户研究。

 

所以，我们在PK的时候，有时不得不靠举例子，讲故事。可能，交互设计师一个很重要的素质就是要“很诚信地讲更加可信的故事”。不靠YY,靠一些观察，数据，案例分析，在讨论的时候，很自然用用户的场景去描述设计，用户来到这里，他带着什么样的需求，在遭遇到这种提示后，他会有什么样的反应……他的这种反应会导致他接下来怎么去做……要尽量像用户灵魂附体一样去讲。我见过一位优秀的设计师，在讲用户的使用场景时，我虽然整个场景是他自己YY出来的，但是他的抓狂的动作、痛苦的表情，让人“感同身受”——到了这份上，想要PK产品经理，想要说服谁，一般都成功了。

 

当然，作为一名交互设计师，我觉得PK成功，心里不一定有胜利的喜悦。因为，有可能需求方让步不是因为真的被故事打动，而是时间因素，觉得没有必要在这种“细节上”花太多时间。

 

交互痛苦的事情之二，时刻在反思：我做得对吗？这真的是对的吗

 

PK赢了，可是扪心自问：我做的方案真的是对的吗？用户真的这样想的吗？他们真的是这样用的吗？
也许我们心里都会有点虚。

事实上，设计以后也需要不断根据用户测试、数据情况不断迭代。

曾经有产品经理当时和我聊天时，就聊到一件往事，他说：当初设计师发动了好几个设计师过来和我讨论那个方案，他们坚持要做成那样，我争论不过，就按照他们的方案做了。结果数据效果不好，被重新换回来了……

 

二.交互设计师的专业性体现：

 

既然大家都痛苦，为何还会有交互设计师？为何不干脆去掉这个职位？

其实上，昨天才听老大讲，确实会有这个考虑，以后就没所谓的交互设计师和视觉设计师了，我们都要双栖，变成“产品设计师”。

 

与此同时，产品经理（产品规划师）还是会继续存在（暂且不讨论这两者之间的关系）。

我理解的产品设计师，是能力更加全面的交互设计师。他的责任更加大，到了产品的层面而不再是一个流程中的中间角色。他的能力要求更高，也许连视觉都一起做掉了，精简了流程。

 

所以被叫成什么不重要，只要我们做的核心事情不会改变，对我们能力的要求也不会有太大的改变，只会增加，不会减少。借用大名鼎鼎的冰山模型来套一下，我心目中的交互设计师的冰山模型。具体的技能与知识都不在这里细化，在家里自己做了一张思维导图，如果一个个细化，扩展起来非常吓人。

交互设计之父Alan cooper有以下让很多交互设计师扬眉吐气的话：

但是有趣的是，在交互设计领域，国外的专家人物没有这个老头子岁数长，也大部分处在35岁到50多岁之间，而国内目前活跃着的甚至顶着专家头衔的，大部分都是在30岁以下。

 

这说明即使交互设计被交互设计之父定义为“非常复杂，非常困难”，比写代码更加“需要老练”，但是国内的现实情况是，对交互设计师的门槛并不高。这大概是因为我们大部分人都处在“能做/会做”的阶段。

能做是什么呢？给个任务，能够在规定的时间按照一般性的要求做完。比较简单，懂点基础知识，掌握点基本技能，就可以了。

 

做好就属于“部分超出期望”，在完成任务的基础上，要更多地体现你背后的设计思路，要系统化地思考。即使没有人要求你，你也需要自己多出不同版本的方案进行筛选……到了卓越的层次，对你的要求更加高，更多的体现在前瞻性的规划和创造力的方案上，你可能不需要做具体的任务，但是你需要去带动别人成长，影响合作伙伴，影响需求方……

 

我们很多人其实都还停留在第二个阶段，所以我们需要去研究交付物的专业化，研究更高效的工具，这当然是重要的一方面，那是职业的象征。我是比较反对做为一名交互设计师，连自己的交付物交付出去，让合作伙伴必须要打多个电话才能搞清楚如何去使用的。但是这肯定不是核心竞争力，而是基础。

 

三.交互设计师的核心竞争力
核心竞争力是别人无法模仿，无法快速学到的能力。
核心竞争力是一种综合技能，是别人看不到的能力，但是实际上极大影响你最后的结果。
核心竞争力是这个职位存在的必要性的体现，也是能够保证我们从“能做”到“做好”，到“追求卓越”（卓越很难达到，但是不能不追求）。

1. 感知/挖掘需求的能力

需求为王。
谁更加能够感知用户需求，谁就能够讲出更加靠谱的可信的故事，谁就有说服力。
谁能够会更加站在商业需求的高度，站在战略的高度，谁就能够更加容易与商业方进行沟通，谁就更加容易赢得他们的信任，让他们更加放心把东西交给你做而不是由于不放心而指指点点。
谁能够挖掘到更深更潜在的需求，谁就更加有可能超出期望，做出开拓性的前瞻性的设计。
谁能够用用户的需求说话，谁就更加对自己的设计方案有信心，才会更加坚定去推进。
如何做呢？（其实我不喜欢写建议，因为很多时候我自己也做不到）

 

尽可能找机会让自己和用户接触，并且记下他们对你的产品的任何一句反馈和建议，日后一定用得到。
有机会参与用户访谈时，尽可能让客户讲自己的故事（而不是急于验证你的产品，这样你才会知道真实的用户是什么样，他们的使用场景是什么）

多多利用公司已有的调研材料和结果，尽可能多收集，想办法利用。
提高自己的数据分析能力——很多时候我们都以为数据分析就是看什么时候数据上升了什么时候下降了，其实最重要的是从这些现象里挖掘出深层次的原因来。
多用自己的产品，模拟用户去用。

 

2. 给出创造性的解决方案能力

你可以说，感知/挖掘需求的能力我不如用户研究工程师，也不如公司专门的调研部门的同事，没错，他们比你更加容易得到调研、测试的资源。他们比你更加专业。
但是你要比他们更加容易把拿到的调研结果，转化为清晰的用户需求，进而是解决方案。
解决方案，产品经理也能出。

视觉设计师也能出。事实上，任何人都能出。
但是做为交互设计师，你的要求是：尽可能有创造力。

尽可能想想符合用户习惯与心智但是有开创性，前瞻性的——时刻要加入点创意思考；
尽可能在满足大家（商业方+用户）期望的时候去想想如何超出期望——可用是最低要求，想用才是你的目标；
尽可能去想想如何让方案具有更高的投入产出比。

如何做呢？

作为一名设计师，当你访问的网站弹出一个浮出框，说，我们新改版了首页，邀请你使用新的版本并反馈意见！你最好还是去尝试。
尝鲜是设计师的本能。但是很多时候我都要检讨，我已经习惯性就对浮出框点关闭，直到有一天团队新来的一位设计师在我旁边看我直接看都不看点击了关闭后，他说：我觉得你应该去试试，说不定对我们有启发。
设计都是相通的。

 

体验新产品，永远保持好奇心——那位同事做得就很不错，经常看他用一些很新奇的网站和产品，有时他会给你讲，我只所以做了这个方案，是受某某网站的启发，然后顺便分享一个很怪异的网站给我们；
多收集，在网页上看到好玩的有意思的设计，别忘记了截下来保存，并分门别类，慢慢你脑子里会有很多参考对象。所谓的创意有时不是凭空想象出来的，而是被激发的。

3. 沟通，协调，影响力，拿到结果

没有这第三点，前两点做得再好，也大打折扣。很多新来的很优秀的设计师，却往往会在很长的一段时间会感觉到没有成就感，其实第二点往往都做得超出期望，由于没有很多思维限制，方案一般都很有创造力。

 

之所以暗淡无光，其一可能是因为第一点，业务不熟悉，对网站特定的用户缺乏了解。其二，不知道要找那些关键的人，不知道怎么去讲自己的设计，不知道如何推动。

 

酒香也怕巷子深，在一个大公司里，噪声太多，干扰不少，大家的精力非常分散，你作为交互设计师，需要在一个短时间里找到合适的人，集中他们的精力，消除他们的矛盾（需求的矛盾），让他们对你的方案达成共识，需要宣讲的能力，需要解决混乱场面的能力，需要会议组织能力。

 

在项目的推动过程中，你有时还必须要知道什么时候该找什么样的人来帮助你拿到结果。找对你，让你事半功倍。

 

有次，一位很优秀的产品经理和我分享他的经历，他说在他来公司的前三个月，就学会了一项核心技能：找人。知道遇到什么问题，该找什么人。有时找不对，就要绕很大的圈，还不一定能够解决问题，时间就白白浪费了。

清晰有力（说服力+吸引力）地去陈述设计；
要重视交付物，专业的交付物让你的说服力大增（有时，就应该为了专业而专业，这会赢得应有的尊重）
计划和时间管理能力，从参与项目开始，你需要全程参与（业务，设计，跟进，验收，用研……），一直到发布后仍需要做数据跟踪。

关注环境：有交际意识，关注别人的需要。你可能以后需要不少人帮你的忙。
思维能力——发散性的思维能够帮助你想出更加创造力的方案，积极思维能够保证你时刻充满斗志，时刻卷土重来。负面思维，让你有风险意识，考虑到方案的风险和限制。逻辑性的思维，帮助你能够理清思路，帮助你系统化思考，建立全局意识，还能帮助你组织材料，使之更加有说服力。在大家争持不休，无法达成共识时，还能够帮助你解决混乱局面，找到问题和争论的核心，帮助大家重新步入讨论的主线与正轨。

沟通能力——沟通，沟通，沟通。误会很多时候源于错误的沟通方式与态度。沟通的意义取决于对方的回应，如果对方误会你了，重新阐述你的意思，而不是纠缠于对方的错误。很难做到。
你越做越好，到了最后，就会形成影响力，影响力是非常奇妙的东西，让你的推动事半功倍。

 

以上属于Heidi原创，出于个人，受眼界，思想，经验，个人素质限制，难免有失偏颇，请大家多都拍砖。转载请署名来源，以便在想追求责任的时候能够找到源头，谢谢～

来源：http://heidixie.blog.sohu.com/142417699.html

 

 

这是一篇老生常谈的问题，所以若有人已经了解，请自动忽略好了。这也是在一次和PD的交流培训会上再次提出的老问题：究竟线框图为什么要画，以及如何画。

至于线框图为什么要画，就不在这里聱述了。相信已经有很多人写过类似的文章，当然，如果你还有疑问，可以给我写邮件。

现在就是如何画的问题。

这不是很简单吗？一个简单的线框图，断不得比一个精美的视觉图更花费时间吧？也不需要美学的基础，也不需要精细的加工，加上已经有一个号称10分钟上手的工具作为辅助，恐怕没有必要单独开这个话题来研究。

但是，之所以又抛出来，正是在一个“画”字。

线框图不是“画”出来的，而是想出来的，是确认出来的。

线框图，只是提供了一个供讨论、供评审、供确认的承载物，然后并将确认后的需求（商业需求以及设计需求），以具象的方式再传递出去。

所以，线框图本身看起来美观不美观，专业不专业，画得好不好，都不是重要的问题。

一个画在白板上的简陋的线框图，和一个无比精美专业的线框图，是很难说哪个更“好”的。

说这个，是提醒我们自己，不要忽视线框图的本质问题。所以大多关于线框图怎么画的问题，可能不是出在不知道怎么画，而是不知道为何要画，具体画什么，画了怎么用的问题。

 

线框图究竟如何画呢？

一。必须的几个理念和前提：

1. 并不是精美细致的就是好的线框图

表面上，你似乎是没有经历前面的阶段，直接跳转到详细线框图的，但是实际上，你脑子里也一定是有前面的阶段的，而且在现实项目里，中间的这些环节是伴随着不断的评审、确认，确认一个问题，得到一个决定，排除一些可能性，得到一些idea，从而让可能性变得更靠谱更聚焦，最后剩下一个选择，产出了确定好的线框图。

2. 从最简单的开始，逐渐补充细节

输入资料，信息，问问题，回答问题，画图，这是一脉相承的。

从最简单的开始，若你先跳转了到了最后一步，或许会出现很悲剧的情况，你已经费劲了心思设计的交互，并不是需要的，如果把握不好确认的程度，会造成不只你一个人的资源浪费。

3. 最大的价值在于讨论和确认

线框图是用来吵架用的。所以，不能像视觉设计师一样抗拒对视觉稿的修改。

也许正是因为如此，我们才不断强调不要把线框图画得太美吧：）哈哈，因为看起来很美的东西，都不忍心去破坏它了。这是天性。

我们要庆幸，有了这么多次评审会，虽然限制更多了，但是方向也更清楚了。当方向越来越清楚时，我们就可以真正聚焦于一些交互细节的设计上了。

有一个经典的图，经常被用到，那就是：

 

谨记：再不跟我确认这是一个人之前，不要给我谈他的头发的颜色。

 

 

.......

..............

sorry,后面还有大片关于绘制线框图的心得，因为我不太关注那个，只留下了前面这点

我也实在不知道如何去命名这样的图。

这张是我在usability.gov网站上看到的：

既不是项目流程图，也不是mind manager思路整理图，当然，说成蓝图也会有更多质疑。但是这张图，对于设计师是很好的指引，知道自己在项目的某个阶段，需要做什么事情，能够用到什么方法、工具来让事情做得更好。

我们平时读的文章，写的东西，也充其量跑不出这张图片涉及的范围。

 

其实，这张图我看到是很亲切的。因为正在前几天，我的学习欲望很强烈，看了很多国外的专业资料，之后我的头脑爆炸了，我发现信息越来越多，我的思路更加混乱了，它们没有办法被串联起来。这时，我想起来高中为了应付考试，将一本书的知识结构串起来，做成一个框架或者目录的做法，能够帮助自己在短时间内记忆很多东西。那么我想，如果我把自己已经学到的，目前正在学的，将来也想探索的东西，都整理出来，那么当我接受到一种信息时，就可以马上知道它应该被我放到什么目录里，也知道了这个信息会对我产生的价值。

 

所以，我就先从交互设计开始了！

我最后整理出来了这样的图：

当我把自己理出来的那张图给同事看的时候，他还说：这也太不现实了……吧。但是我个人估计是个图片控，看到一段话，就想配个图。

 

以上的图，右侧是贯穿整个项目流程的，做为交互设计师，需要了解的东西，用到的方法以及工具。

左侧，其实表面是看不到在发生作用的，但是实际上却是冰山模型以下的部分，就像武功修炼的内功一样。如果内功不足，再注重方法和技巧，也可能沦为花拳绣腿。所以，很多低调不语的设计师，说不定反而是内功深厚的高手。

 

现在，就我个人来讲，这样的图还是挺有用的。

 

1.用做个人知识管理——知道在这个领域，从事这个工作，需要知晓什么东西，用什么工具、方法。自己已经用过的方法，自己目前存在的问题，自己已经产出了什么东西，或者有别人已经产出的，可以做为以后工作的参考，都可以做到这张图里，一览无余。

 

2. 用来做信息管理——不但有一个蓝图，也能够做来串联各种信息、资料，mind manager本来就可以把文件直接链接到图上。

 

3. 用来做gtd——gtd有个原则，就是当接受到任何信息，任务时，都需要先在大脑里进行初步加工：这是有用的并可行的吗？如果是，这可以在2分钟内完成吗？如果能，就去做。如果不能，那么，有时间计划吗？如果有，就列到日程里，如果没有，就丢到收件箱里。在任何一个有空的时候，就去review收件箱，重新问自己以上的问题。对于接受到的信息，有时候也许我们经常随便往电脑里那个盘里一存就彻底忘记了。这样，自己的硬盘容量越来越小，大脑里反而什么东西也没存下。现在，你也需要问自己：这个资料对我有价值吗？如果有，是能够提升我哪些能力？是应对工作哪些方面的？我现在能看完吗？如果不能，就拖到相应的能力、方法项里。

 

所以，在以后的项目里，总有你会遇到需要提升这个能力的地方，那时，这份资料就恰好可以做为重要参考。

最后还是想补充一句：以上仅仅是heidi个人之见，不是为了指导谁谁，而是觉得对自己有用，所以在此分享，若有百分之一的几率对你也有作用，那是投缘的事情。

 

“设计多少钱一斤？”

 

这个问题，从十多年前我开始做这行的时候，就听过很多人问起过。而我也曾经问过自己，究竟为什么会选择这一行呢？是因为自己喜欢？自己擅长？还是因为它挣钱多？有前途？多少有点遗憾的是，答案常常是前两项为多。后来发展出所谓的“用户体验”了，同样碰到很多人来问，这东西到底有多重要？

我只能说，这很难回答…

 

无疑，设计是一个迷人的行业，身处这个行业之外的人可能永远无法体会到它的魅力。当你按头脑中的想像，用双手凭空捏造出一件东西，而这件东西被人称赞是美好的，甚至它的美丽会让观众震撼惊讶，那种美好的感觉足以让人甘心将自己的一切精力投入其中。

 

然而，设计并不是一切。设计不是艺术，纯粹而艺术很宝贵，但纯粹的设计则一文不值。与人一样，有的人天生是君主，有的人天生是辅臣。刘备离了诸葛亮就像鱼离开了水，但当把整个国家完全交给诸葛亮的时候，蜀国末日却也不远了。

 

同理，设计是美好的，包括我们设计所面向的主题——用户体验——同样是一件很美好的事物，很有价值很重要。但是要知道，它的价值总是依附于它所属的产品。如果机遇合适，一个好的设计可以大幅度的增加产品的价值，然而却永远不能代替这种价值本身的基础。而这些基础——我们可以理解为产品的核心竞争力、商业模式、技术优势、营销方式等等——才是产品的命脉所在。

 

20分的论述题

每次说到这个话题，我一直习惯打这样一个比方——请原谅我引用我们大多数人童年中并不快乐的一件记忆做举例，并曾经重复过很多次——考试。

 

让我们假设面对着一张考卷，考试的主题就是“怎样做好一个产品”，考试的范围包括从创意到技术实现到营销成功的全过程。那么一个良好的设计，一套完美的用户体验，在这张考卷中占多大的比重呢？

 

我的观点是，20分，而且是一道论述题。

策划面对的可以说是填空题，有一些是知道答案的，有一些是不确定但可以蒙的，但毕竟有一部分正确的基础，否则这个产品也不会立项；技术面对的是非题，不是对就是错，但通过测试等手段，可以保证大部分都是正确的；运营和推广面对的是选择题，就那么多种方式，总有一条是对的，如果有条件多选，把握就更大了；而设计只能再一次接受命中注定的杯具，因为论述题这玩意TMD根本就没有可背诵的正确答案！

 

当然方法还是有的，你可以尽可能的去东拉西扯说一些你觉得可能有用的东西，然后巴望着批券的老师跟你有同样的看法。比如题目是“请论述陈胜吴广起义的历史意义”，那么尽管我可能脑子里一团浆糊，但我还是可以说一些比如追求平等的革命啦，思想上的解放啦，第一次什么什么之类，然后等着老师多给一分是一分。所以，尽管像之前一篇里说的那样，用户体验这东西基本上是没谱的。但方法还是有的，即使不可能有完美的解决，但如果使用科学的正确的方法，我们可以尽可能的接近正确答案。

 

然而其实我想说的是，这20分到底有多重要？这道没有正确答案的题值得你花多少时间去纠结？

除非你不是一位合格的应试教育牺牲者，否则对于论述题，我想你应该从老师那里得到标准的指导方法——答题之前先看一眼这道题的题目，做到心中有数，然后先转去做有把握的题，边做边想，最后留出时间来再攻这道题。

至于最后花多少时间，那要看看你前面答题的情况如何了——

 

高材生：

如果说策划的填空题、技术的是非题、推广的选择题你都有绝对的把握，那我想你可能已经差不多能保证70-80分，剩下的这20分就是争取名次用了。如果你只想做到及格，那就干脆放过这道题，交卷出去玩吧。如果你想得第一名，那你就沉下心来，有多少时间花多少时间，慢慢解答它，越细越好。对一些很成熟又没竞争对手的产品，我想完全可以这样从容得做好用户体验。所以我们常常看到有些成功产品，要么就是体验极差却也能得到很好的成果，要么就是已经很成熟了但仍在慢慢的提高体验，以追求更高的价值。

 

良好生：

如果前面加起来你只能勉强保证60分以上，那这道题对你就很关键了，万一前面再有几道题答错，那问题就严重了。我想你可能要分一下精力，一方面再多检查一下前面的，毕竟拿到一分是一分，那都是实在分。然后花一大半的时间来做论述题，毕竟它还可以给你再挣回一些分来，赶巧的话甚至能决定成败。我想很多正在发展中的产品，基本上都处于这个状态。

 

边缘生：

最纠结的是，如果你只能保证40-50分，那要花多少时间去做这道20分的题呢？是再加强检查下前面，争取更多分数，还是在用户体验这里赌一把？但我想两者的区别不大，看哪方面成本少吧。产品做到这份上了，有力出力，没力靠老天了。

 

问题生：

最惨的是，如果你前面只能保证20分，那你现在可以离场了，因为就算这20分都拿到了也无力回天。如果你还闷头在那里钻这道没谱的论述题，而浪费了门外宝贵的春光，那只能怪自己傻了。

 

究竟重不重要？

前面瞎白话了这么多，还是给出一下最终的结论吧。但很遗憾的是，结论不只一个，老师教导我们，思考问题要辩证。

1.用户体验很重要，如果做得好，它可以为你的产品提高很多的价值（但具体来说也是限制在20分以内）。

2.用户体验不重要，如果产品本身没有竞争力，体验做得再强也是白搭。

经常碰到有的产品在纠结，要么就钻来钻去想要提高用户体验，以某一点的转化率或点击量来考量成败。要么就翻来覆去的改版，好像所有的问题都出现在界面上。结果花费了精力和时间，以及大量的成本，得到的成效却很小。何况如果错过了最宝贵的时机，那一切都没意义了。如果把时间多花一些到运营、技术或策略上，或许效果会大得多。

 

何况一个本身不合理的产品，体验做起来耗费也大，引起的纠结也更多。而对一个合理的产品，这一些似乎都是顺利成章的了，节省的不仅仅是纠结。

所以，当你在考虑接下来是不是要花大力气去提高一下用户体验的时候，先问问自己，这个产品有多少分了？80分？60分？40分？……如果你说是20分……再见，别跟我扯什么鬼用户体验！

基本上这篇等于是废话居多，下一节我们聊聊具体怎样答好这道20分的论述题，敬请期待。

 

 

来源：http://uedc.163.com/2692.html

我庄严宣誓我是个标题党。其实早就想写这个题目了，只是一直忙并担心被骂。

 

不过以我这些年做设计的经验来看，不管是业内还是业外的人，不管是管理者还是工作者，很多人确实都一直在被所谓的“用户体验设计”这件事物或多或少的忽悠着，不好好以我的观点诠释一下实在有点于心不忍。另外其实这是去年我准备的一个内部交流会上的发言题目，现在拿出来，算是炒炒冷饭吧。 特别需要一提的是，本文只针对自认感兴趣却不懂的门外汉，专业人士不必纠结于此，你们懂的。

 

当然，我并不是一个离经叛道的用户体验人员，也不是想说UED这玩意本身是骗人的，所以首先要声明一下我对“忽悠”这个词的理解：

 

“忽悠”这个被赵本山大爷卖拐而一夜传遍大江南北的动词，从小品来看，其本意也不是“欺骗”。从严格意义上讲，自始至终赵大爷没有说过什么谎话，而范大哥“被忽悠”自然也就算不上是“被骗”。当年明月在《明》中也提过这个词的英语译法——Here and there。或许一种更贴切的说法是，因为你对这件事物的无知，被迫接受了别人东一锤子西一耙的各种观点，从而承受了一定的损失……这么来说，我这个标题还挺靠谱。

言归正传，什么是UE呢？

 

据说，标准的答案是这样的——

“用户体验(User-Experience)是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。”

听上去很玄的一串长句子，说白了就是这东西很没谱。又是“纯主观”，又是“心理感受”，每个用户是不同的，每次使用过程也是不同的，而产品也都各式各样的……如果说一千个观众眼中有一千个哈姆雷特，那几亿的用户和成千上万的产品排列组合起来，会有多少种不同的用户体验？

 

够杯具了吧？天生就面对着这么一个难以捉摸的东西，设计师们该怎样工作呢？好在我们可以相信，一切大的问题都可以被分解小问题然后逐个解决，那么让我们先分解一下我们所面临的问题吧，根据以上的概念，我们大致可以把这些天生就矛盾的问题这样总结一下：

    1.怎样将一个纯主观的事物实体化？
    2.怎样验证一段尚未实现的过程？
    3.怎样客观评价“心理感受”这种看似不可捉模的东西？

 

OK，听上去像一个不可完成的任务。其实白鸦说得对，“用户体验”这东西是不能被“设计”的。也就是说，或许UED这个词本身就是矛盾的。不过让我们暂且放开文字上的纠结，讨论点实际的吧。

 

1.怎样将一个纯主观的事物实体化？

我们的设计往往是这样诞生的，老板或PM冒出来一个念头，然后有人找数据证实这个念头，有人脑暴丰富这个念头，有人用需求文档描述这个念头，总之最后交到设计师手中的，就是这样一个被丰富和修饰过之后的概念。它是文字的或者有参照的甚至有时只是口述的，虽然运气好的话你会得到一个画得不太美观的框图，但不管怎样终究是一个虚无的东西。

 

更重要的是，在这个从无到有的过程中，设计师还要考虑到用户的感受，有点像是哈利波特中的某种魔法，你必须在冥冥之中摸索到什么施法的决窍，然后祈祷不要念错了咒语，把鼠标变成一只会跑的鱼之类……这听上去好像更加的虚无。

 

因为设计师的工作本来就是把虚无变成现实，这也是设计本身的吸引力所在。话说回来，人类所有的“生产活动”，不都是从无到有的创造么？把各种材料根据其特性组合起来，就形成了一种新的事物，这个过程，不正是无数的设计师们在进入这个行业时所神往的么？

 

当然，要做好这件事情，你就要了解所有材料的特性。就像做中医就要了解每种药的特性，否则是要误人性命的。这也是为什么我一直建议设计师们多学一点产品运营和技术上的知识，目的就是要更好的了解材料，才有机会做更好的创新。

 

比如说做一个页面，你要用FLASH了，却不知道FLASH怎样优化，你要用某一个效果，却不知道技术能不能实现。沟通费时间不说，还极有可能产生误会。我这一年多来就不下十几次的见过因为设计不懂技术或技术不能设计而造成的杯具，想想除了手底的功夫要抓紧，其他的也还是多了解一些的好。

 

2.怎样验证一段尚未实现的过程？

答案是经验。古云“以古为镜，可以知兴替”，也就是说当你知道以前的人是怎么做的，基本就知道了以后的人会怎样做。

所以做用户体验的经验是很重要的。最近面试，总见到一些新人从学校学了几年设计，知道了大致的流程，就喊着要搞用户体验。其实用户体验虽然简单，却不是那么容易的。知识和方法很重要，有足够的经验基础更重要。只有大量参考和思考过各种不同的产品和设计，你才能猜测出眼前这个全新的东西是不是正确的。

 

有道是“读书破万卷、下笔如有神”，做产品也是这样。前些日子碰到一个iPad上的项目分析，不知这东西到底该不该做，该怎样做。可这东西又实在先进，出了才几个月，虽说火热却也没那么普及。应该说见过人的不少，摸过人的不多，真正用过而有体会的人，估计就更少了。要为这上面的东西做分析，难度要比在PC机或手机上要大很多。于是我们干脆偷了个懒，兵分两路，一路借来一台专心研究，就是不停的玩。另一路上网搜索，收集信息。结果发现，仅两三天下来得到的信息竟也算是比较全面了。研究的一路根据交互原则，把显而易见的问题给总结了出来；而搜集的一路把别人的体验，以及别的人分析借用过来，相当于增加了N个月的道行。二者总结出来的报告，还是蛮有些看头的。

 

注意我说的是“猜测”，自然不是瞎猜，但对本来就没有正确答案的东西，不带几分猜测和冒险，又能怎样呢？所以用户体验业界的工作基本上大都是围绕在研究和总结的基础之上，就像是史学家不辞辛苦地整理几千年的史料那样。目的就是为了要在付出大量的生产劳动之前，就预测到用户可能对某方案产生的反映，从而节省尝试性的成本。

 

3.怎样客观评价“心理感受”这种看似不可捉摸的东西？

这句大该是用户体验这东西最不靠谱的一点，不管做没做过饭的人都知道“众口难调”这个词，所以当你有了一亿的用户，想象一下将要面对一亿张口的时候，这个味道应该怎样调？

 

答案很不幸，没法调。尽管我们的目标是尽可能的满足用户，但毕竟油盐酱醋只有那么几种，所以有时不得不放弃一部分用户，而且是很大一部分。所幸，很多用户来这里并不是只吃这个味道，更多的是为了其他的营养。比起可口的美味来说，填饱肚子更重要一些。但这并不真的是我们的幸运，而是一个很可怕的危机，意味着某一天如果用户碰到了一个同样营养但更加可口的美食，会立刻把你抛到脑后。

 

所以设计师总是觉得很杯具：老板没有给我足够的资源去更多的调查用户，还期望我从用户的角度去判断怎样才是正确的。更不用说源源不断的工作要求压得喘不过气，还有一群以“用户体验”当盾牌整天对我指手划脚的产品或技术。怎样才能判断哪是对的哪是错的呢？

 

其实也没那么惨，几千年前就有世界各国的牛人们给我们提供了各种各样的方法，这些方法叫做哲学，确切的说是方法论。说什么辩证逻辑听上去太深，最直白的还是我国老祖宗留下来的，两仪生四象，四象生八卦……对，这东西不仅仅是用来算命的，而是解决一切事物的方法。当你碰到一团纠结的大问题，不如先试着一分为二，二分为四……就像我前面说过的那样，当它分解成一个个的小问题，再把这些小问题分别辨明是非，最后一总结问题不就解决了么？

 

曾经碰到过一个很简单却又很纠结的交互问题，似乎这样也行，那样也可，那最后究竟要选哪一种呢？纠乎每个人都有每个人的看法，每个人都把自己当“用户”，所以自己的体验就是“用户体验”。可产品的开发不等人，怎么办呢？于是我们拿过一张纸来，用一条竖线一分为二，左边写优点，右边写缺点。当两种方案的优缺点明确的列出来，再根据不同的重要级别来判断，该选哪个自然就明确了。

 

好了，三个问题都说完了。当然，实际上面的每一条都没有我说得那么简单，而且方法也未必只有这几种。但至少，我想你应该已经了解了那个叫做UED的神秘部门究竟是做什么用的。除了必不可少的“美工”之外，那群人在其他的什么事情上能够为你提供帮助？至少下次有人问你UED是干什么的，你可以回答说：他们是利用某些科学手段，来研究、判断和生产一种东西的，而这种叫用户体验的东西，就是你的用户对你的产品的好坏感受。

 

不过这种东西既然曾经被我说得如此没谱，或许你已经开始在怀疑，这群人的绩效该怎样评判？或者说既然没有正确标准，怎样才能保证这些人不是吃白饭的？更进一步的问题是：UED这东西到底重不重要、有多重要？好吧，以上问题不在本次讨论之内，欲知后事如何，且听下回分解。

来源：http://uedc.163.com/2688.html