站住,搞设计的!

如何设计一个好的有效的LOGO

by Felix

很多创造性的logo设计案例,logo设计资源和logo设计系统张贴在互联网的各个角落。这些会帮助为你进行logo设计创造一个功能强大的工具库。在使用这个工具箱之前首先需要对一个好的logo设计要有一个固定的认识和一些你认为需要考虑的因素。

在这里,我们将认真分析怎么才能设计一个好的有效的logo设计并且我们也指导你通过这些规则和最优的办法创造出一个品牌的特性图标。

Logo是什么?

要理解Logo是什么,首先我们必须理解Logo的主要作用是什么。指出设计流程Logo制作必须瞄准立即可认性、可信性、令人钦佩、忠诚、暗含的优越性等。一个logo是公司商业标志和经济实体的代表,并且它的形状,颜色,字体和图形经常在相同的市场区域很明显的区别于其他的logo,logo被用来识别。
世界著名的设计大师Paul Rand指出“一个logo就是一面旗帜,一个签名,一个铭牌,一个街头标志”。他认为一个logo不是用来推销的而是用来识别的。一个logo是对公司极精彩的描述,logo来源于它象征的事物中,不是相反的方向。一个logo没有它象征的产品重要;它象征的东西要远远比她像什么重要。一个logo的主旨可能几乎是任何东西。
一个好的logo是与众不同的,合适的,实用的,形象的并具有简单的形式,它传递了所有者预期的信息。在有效logo的背后往往传递着观念和含义,它表达了暗含的信息。一个logo应该能在大多数场合能够以任何尺寸大小打印并且在没有颜色时是有效的。一个著名的logo从本质上浓缩了两个东西:杰出的概念和极好执行力。

logo设计流程

“一些人产生疑问:创造一个好的logo最难的是什么呢?它们非常的小,它们看起来很容易做,所以没问题,是吗?当你仅仅看到设计者努力的结果时,创造logo可能看起来是一个简单的任务。但是,并不是那样。一个logo需要想法和创意,许多元素联合在一起才能制作出一个好的来”(via Harrison Mcleod)
当我们创造一个logo的时候,遵照一个流程可以确保最后的设计作品可以满足客户的需求。下面,我们列出典型的专业logo设计者的流程。通过实践,你不用怀疑自己取得了进步。


简洁的设计

引导用户做一个调查问卷或者采访来获得一个简洁的设计图。

探究

实施一个用户自我探究,包括他的历史和竞争对手。首先解决问题,然后再设计。

参考

把已经做的简洁的设计图和成功案例及目前流行样式、趋势联系起来做一个logo设计上的参考

设计草图并且概念化

在你的探究和简介的设计图上开发logo设计理念。这是设计流程中仅有的一个最重要的部分。要有灵感激发并产生创造性。正如Dainis Graveris 曾经写过的“草图绝不是浪费时间而是一种把你脑子里的想法展现到纸上的一种非常好的方式。”在这以后,将会在电脑的真实设计中变得更加容易。草图帮助我们解决了想象出来的东西:一旦你理解了,你会经常在一张白纸上开始你的设计工作。

反思

在设计流程中不断打破。这会帮助使你的创意更加成熟,赋予你新的热情并且使你恳求意见的反馈。同时给你的工作带来全新的视角。

修订和定位

无论你的身份是承包人还是创建的长期的合作关系,在需要的时候修订并改进logo。

展示

把你最好的logo设计展示给你的客户。PDF经常是最好的格式。你可能同样希望展示logo的内容,帮助客户清楚地从视觉上感受到品牌的个性。准备一个高质量的展示是得到客户赞成你的设计的最有效的方法。

“密封的展示存在空虚的环绕。最有意义的展示是用户为了某一个特定的人,特定的目的定制的。如何展示一个新的创意?或许是设计者的最难的任务。这不仅仅是设计问题,而是在追求一些新颖的东西。

一个设计者包含某种形式的展示不仅向一个感兴趣的听众(客户,读者,观众)解释了一个特定的设计,而是如何在商场上解释它。展示就是设计音乐的伴奏曲一样。一个缺乏创意的展示不可能隐藏在富有魅力的摄影,喧闹中的。如果全部是胡扯或者非常的滞后,那只有在梦乡里展示它的前途了”。(Paul Rand)

传递出去包括帮助文件

把合适的文件包括必须的帮助文件传递给客户。在你完成之后,可以喝杯啤酒,吃些巧克力开始准备下一个计划。

logo设计流程中的案例研究

选取一些专业设计师是如何工作的全面深入的例子,检查出案例研究中的logo设计流程。

有效logo设计的5个原则

正如我们所提及到的,一个好的logo是独一无二的,合适的,实际的,形象的并且在形式上是简单的。它传递了所有者预期的信息。你需要遵照下面的五个原则才能确保你的设计符合这些标准。

简单

易记

永不过时

多功能

合适

本文转载自互联网


讲师专用Camtasia Studio

by Felix

软件介绍:

Camtasia Studio是一套专业的屏幕录象软件,同时包含Camtasia 录像器、Camtasia Studio(编辑器)、Camtasia 菜单制作器、Camtasia 剧场、Camtasia 播放器和Screencast的内置功能。
1. Camtasia 录像器

(1)录制屏幕功能

Camtasia 录像器能在任何颜色模式下轻松地记录屏幕动作,包括光标的运动、菜单的选择、弹出窗口、层叠窗口、打字和其他在屏幕上看得见的所有内容。除了录制屏幕,Camtasia Record还能够允许你在录制的时候在屏幕上画图和添加效果,以便标记出想要录制的重点内容。

(2)录制PPT功能

使用Camtasia Studio PPT插件可以快速的录制ppt视频并将视频转化为交互式录像放到网页上面,也可转化为绝大部分的视频格式,如avi、swf等。

(3)无论是录制屏幕还是PPT,您都可以在录制的同时录制声音和网络摄像机的录像。在最后制作视频时,您可以把摄像机录象以画中画格式嵌入到主视频中。

在录像时,您可以增加标记、增加系统图标 、增加标题、增加声音效果、增加鼠标效果,也可在录像时画图。

2.Camtasia Studio(编辑器)

您可以创建Camtasia Studio工程,以便在以后多次重复修改。

在时间线上,您可以剪切一段选区、隐藏或显示部分视频、分割视频剪辑、扩展视频帧以便适应声音、改变剪辑或者帧的持续时间、调整剪辑速度以便作出快进或者慢放效果、保存当前帧为图像、添加标记以便生成视频目录;

同时您还可以进行声音编辑,录制语音旁白、进行声音增强、把声音文件另存为MP3或者WAV文件;

您也可以为视频添加效果,如创建标题剪辑、自动聚焦、手动添加缩放关键帧、编辑缩放关键帧、添加标注、添加转场效果、添加字幕、快速测验和调查、画中画、添加元数据。

在Camtasia Studio(编辑器)您还可以制作视频为多种格式:

制作Flash(MPEG-4,FLV或SWF)

制作Windows媒体播放器程序(WMV)

制作QuickTime Movie (MOV)

制作AVI

制作iPod,iPhone或者iTuner(M4V)

仅制作音频(MP3)

制作Real Media(RM)

制作Camtasia for RealPlayer (CAMV)

制作Animation file (GIF)

同时您可以进行进一步设置,如视频大小、视频选项、基于标记自定义视、后处理(后期制作)选项、制作附加输出选项、保存制作设置为预设、制作时间线上的一个选区为视频、预览制作设置、批量制作打包并且显示可执行文件、打包并且显示AVI选项、打包并且显示SWF选项、打包并且显示CAMV选项。

3.Camtasia 菜单制作器

使用Camtasia 菜单制作器可以创建一个有吸引力的菜单来启动您的文件。使用菜单制作,所有文件的的拷贝都在一个中心位置,这样可以很方便的打开或关闭文件或应用程序。这就意味着,当演讲或者教学的时候,不需要搜寻更多的驱动器、路径和文件夹。你可以和方便的创建一个可以通过使用菜单运行显示的CD-ROM,这是一个向客户、学生、工作组和更多人发布信息的完美方式。可以使用包括在菜单制作中不同数量的模板或者制作你自己的个性化模板。

您可以选择菜单制作的模板、选择文件并包含在光盘上、输入菜单标题、使用向导生成菜单、添加子菜单、添加菜单选项和属性、使用菜单属性标签选项自定义菜单、在一个菜单或者菜单之间移动内容。

4.Camtasia 剧场

使用Camtasia 剧场,你可以创建新的剧场工程:把多个Camtasia Studio创建的Flash文件绑定成为一个单独的Web菜单;还可以编辑Flash作品或者剧场工程:不用把视频文件重复复制到制作向导中就可以编辑Camtasia Studio制作的Flash文件。可以做简单的改变,如修改打字错误、添加目录条目等等。

您可以创建新的剧场工程、编辑Flash作品或者剧场工程、个性化剧场工程、编辑目录条目、添加目录图像、剧场预设、保存并预览剧场工程。

5.Camtasia 播放器

Camtasia 播放器是单独的视频播放器,最适合用来播放屏幕录像了。

按照100%的比例的比例播放录像以保持他们的清晰度;

可以在任何32位的Windows平台运行,不依赖于运行时库、操作系统版本或者DirectX ;

以一个单独.exe文件的方式运行,不需要安装,不要注册也不需要任何配置文件 ;

可以用命令行的方式来启动播放器,比如CD-ROM、媒体创作工具、脚本语言或者批处理文件 ;

仅仅包含avi文件和TechSmith Screen Capture Codec (TSCC)(捕捉编解码器)的嵌入式支持;

需要安装基础的Windows多媒体支持文件(来支持avi);

播放器没有安装任何关联的壳来成为默认的avi播放器。

6.教程

可以访问官网获取英文视频教程。

百度Camtasia吧也有非常专业的视频教程。

 

注册码:
BAA09CACCBACCCADF6F8C7932
F51A9CACCBACC5E741F8D7599
DBE19CACCBACC3DF75ADF5288
41F49CACCBACC6E85147E4457
8C949CACCBACC29EE5EAE7593

下载地址:http://www.duote.com/soft/1424.html


中国4A广告公司是这么评选出来的

by Felix

4A是美国广告主协会对广告服务商的一个民间评估。

中国的4A和我们从书上看到4A不是一个概念,也跟美国4A没有任何关系。

中国的4A也是一个民间组织,最开始的参与者,就是几家广州的本土广告公司,创建4A的目的很简单,就跟做3.15标志一样,为了赚钱。

但是中国的广告市场,甚至是营销体系都一直是非常不成熟和不健康的,所以,参照美国4A形式的本土4A,一直没有真正的发展。可以这样说,到目前为止,本土4A也不过是一个笑话而已。

4A是一个广告商与广告主以及广告营销市场和消费者之间的一种理想机制,不是写几本观后感,立几个条条款款就能建立的。

以上为网上某网友阐述内容,本人觉得很是在理,就抓来了,说的客气点,现在的广告公司,还是靠忽悠在支撑着各种高端业务的认知和信任,自己搞几个条条框框,就以为是宪法了。
自以为是的广告人太多,导致市场在高名声和实力疲软的道路上越走越远。
广告人,你拿什么来拯救4A?


卧室风水布局注意事项

by Felix

禁忌一:电器过多,尤其电视正对床脚

  卧室内电器过多在风水上被称为“火宅”,影响健康。现代医学理论也指出,电器辐射确实损害人体健康。脚是人的第二心脏,处于待机状态的电视若正对床脚,其辐射更容易影响双脚的经络运行及血液循环。

  建议:少在卧室摆放电器,尤其不要将电视正对床脚,不使用时拔掉电源。

  禁忌二:卧室洗手间的门正对床

  风水理论认为洗手间五行属水,阴气较重,容易引起腰肾不适。

  调查发现,卧室带洗手间,尤其洗手间正对床的住户确实大多有腰疼症状。这种洗手间再豪华,也改变不了其排污的本质。空气质量不佳,沐浴后更产生较多湿气。若洗手间的门正对床,不仅容易使床潮湿,还容易影响卧室的空气质量,时间长了就导致腰疼,更会增加肾脏的排毒负担。

  建议:在厕所放上几盆泥栽观叶植物,或在洗手间门之间加屏风作为遮挡。
Read the rest of this entry »


那些没有被墙的国外网站:英美新闻报刊篇

by Felix

一直觉得大家对于是否被“墙”这回事看得挺重的,这个重一是表现在到处找梯子,二是总抱怨好网站都登不上去。Coolz酷·站 将陆续为大家分享一些很好的没有被墙的国外网站,欢迎关注“那些没有被墙的国外网站”标签。

第一辑以“英美新闻报刊”类网站为主要内容。以下网址均经过“高校教育网络”测试能够访问,如果您发现有不能访问的,欢迎私信,我将用 删除线 表示。

首先是美国的:

一、美国报纸

美国是世界新闻事业十分发达的国家之一。全国有各类报纸11000其中日报1600多家,包括晨报、下午报、晚报和星期日报及8000多家周报和半周报,街头小报无法计数。

1、最有影响的报纸有:

1)、The Los Angeles Times《洛杉矶时报》http://www.latimes.com

2)、The New York Times《纽约时报》 http://www.nytimes.com

3)、Washington Post《华盛顿邮报》 http://www.washingtonpost.com

4)、The Wall Street Journal《华尔街日报》http://www.wsj.com

5)、The New York Daily News 《纽约每日新闻》 http://www.nydailynews.com

6)、Chicago Daily Tribune《芝加哥论坛报》 http://www.chicagotribune.com/

7)、USA Today 《今日美国》 http://www.usatoday.com

8)、New York Post《纽约邮报》http://www.nypost.com

2、较有影响的报纸有:

1)、The Christian Science Monitor 《基督教科学箴言报》http://www.csmonitor.com

2)、International Herald Tribune 《国际先驱论坛报》http://www.iht.com

3)、Washington News 《华盛顿新闻报》http://www.newsday.com

4)、Washington Daily News 《华盛顿每日新闻》http://www.wdnweb.com

5)、Baltimore Sun 《巴尔的摩太阳报》http://www.baltimoresun.com

3、较受欢迎的报纸有:

1)、Herald Journal 《先驱日报》 http://hjnews.townnews.com/

2)、American Express 《美国快报》 http://home.americanexpress.com

3)、Journal of Commerce 《商业日报》 http://www.joc.com

4)、Tribune 《论坛报》http://www.tribune.com

5)、American News 《美国新闻》http://www.usnews.com/usnews/home.htm

6)、News Weekly 《新闻周刊》http://www.newsweekly.com.au

7)、The World Report 《世界报道》 被墙

《纽约时报》、《华盛顿邮报》、《洛杉矶时报》是当今美国最有影响的3大报纸。垄断美国报业的集团、公司有: 甘尼特集团(Gannett Newspapers)、科普利报系 (Copley Newspapers)、詹姆斯?M?考克斯报系 (James M. Cox Newspapers)、赫斯特报系 (Hearst Newspapers)、奈特—里德报系(Knight- Ridder Newspapers)、道?琼斯公司(Dow-Jones Corp. )、 纽约时报公司(New York Times Corp. )、 汤姆森报系(Thomson Newspapers)、 时报—镜报公司(Times-Mirror Corp. )、 斯克里普斯—霍华德报系 (Scripps-Howard Newspapers)等。其中,甘尼特集团是最大的报业集团, 它拥有90家日报、30多家周报和半周报、7个电视台和16个广播电台。

二、美国杂志

美国现有一万多种杂志,发行量在百万以上的有60多种。有影响的杂志如下:

1、Reader’s Digest 《读者文摘》:http://www.rd.com

2、TIME 《时代周刊》:http://www.time.com

3、Life 《生活》 http://www.life.com

4、People 《人民》 http://www.people.com

5、Cosmopolitan women《世界妇女》 http://www.cosmomag.com

6、American Home 《美国家庭》http://www.americanhomeshield.com

7、American Child 《美国儿童》 http://www.americanbaby.com

8、American Literature 《美国文学》未找到官网

http://guweb2.gonzaga.edu/faculty/campbell/enl310/sites.htm (很多美国名著)

http://www.nagasaki-gaigo.ac.jp/ishikawa/amlit/

9、Scientific American 《美国科学》http://www.sciam.com

10、Playboy 《花花公子》 http://www.playboy.com(里面很多内容少儿不宜,只适合成年人阅读)

11、Beautify Home and Garden 《美化家庭和园林》未找到官网

12、Homes Circle 《家庭圈》http://www.newhomes.com

13、Good Manager 《好管家》 被墙

14、Magus 《麦哥氏》 http://www.magusbooks.com

15、、American Television Magazine 《电视指南》http://www.realitytvmagazine.com

三、美国主要报纸简介

1、《纽约时报》 (The New York Times) 1851年创刊,为苏兹贝格家族(Sulzberger)所有。

2、《华盛顿邮报》(The Washington Post) 1877年创刊华盛顿,属格雷厄姆家族(Graham)所有。

3、《洛杉矶时报》(The Los Angeles Times) 创刊于1881年,属钱德勒家族(Chandler)所有。

4、《华尔街日报》 (The Wall Street Journal) 1889年创刊。

5、《基督教科学箴言报》 (The Christian Science Monitor) 1909年创刊,由基督教科学出版社出版。

6、《芝加哥论坛报》(The Chicago Tribune) 创刊于1947年,在芝加哥出版。

7、《今日美国》(Gannett Newspapers) 由甘尼特集团于1982年创刊。

四、美国主要期刊简介:

1、《时代周刊》 (TIME) http://www.time.com

2、《新闻周刊》 (NEWS WEEK) http://www.Newsweek.com

3、《美国新闻与世界报道》 (U.S. NEWS &WORLD REPORT) http://www.usnews.com

4、《读者文摘》 (READER’S DIGEST) http://www.rd.com

5、《商业周刊》 (Business Week) http://www.businessweek.com

6、《财富》 (Fortune) http://www.fortune.com

五、美国的党报

1、支持政府的报纸:

《国务院公报》 (Department of State Bulletin) http://www.findarticles.com

《纽约时报》 (The New York Times) http://www.nytimes.com

《华盛顿明星报》 (Washington Star) http://www.washingtonstar.com

《美国新闻与世界报道》 (U.S. News &World Report) http://www.usnews.com

2、支持共和党的报纸:

《纽约先驱论坛报》 (New York Herald)

《芝加哥论坛报》 (Chicago Tribune) http://www.chicagotribune.com

《洛杉矶时报》 (Los Angeles Times) http://www.latimes.com

《旧金山纪事报》 (San Francisco Chronicle) http://www.sfgate.com

3、支持民主党的报纸:

《巴尔的摩太阳报》 (Baltimore Sun) http://www.baltimoresun.com

《芝加哥太阳时报》 (Chicago Sun-Times) http://www.suntimes.com

《圣路易邮电报》 (St. Louis Post) http://www.stltoday.com

4、中立的报刊:

《基督教科学箴言报》 (The Christian Science Monitor) http://www.csmonitor.com

《纽约邮报》 (New York Post) http://www.nypost.com

《纽约每日新闻》 (New York Daily News) http://www.nydailynews.com

《华尔街日报》 (Wall Street Journal) http://www.wsj.com

5、杂志方面:

1)、《新闻周刊》 (Newsweek) http://www.Newsweek.com

2)、《时代周刊》 (Time) http://www.time.com

3)、《展望周刊》 (Look) http://www.onelook.com

六、美国广播公司

1、全国广播公司(National Broadcasting Company 简称 NBC )于1926年创办: http://www.nbc.com

2、哥伦比亚广播公司(Columbia Broadcasting System,简称CBS)于1927年创办:http://www.cbs.com

3、美国广播公司(American Broadcasting Company, 简称ABC) http://www.abc.com

4、美国之音 (Voice of America,简称VOA) 于1942年创办: http://www.voa.gov

5、美联社 (Associated Press,简称AP)于1848年创办: http://www.ap.org

6、合众国际社 (United Press-International News Service,简称UPI)于1907年创办:http://www.upi.com

———————————————-

然后是英国的:

一、英国全国性高级报纸有:

1、《泰晤士报》 Times:http://www.thetimes.co.uk

2、《每日电讯报》 The Daily Telegraph: http://www.dailytelegraph.co.uk

3、《卫报》 The Guardian:http://www.guardian.co.uk/

4、《金融时报》 The Financial Times:http://news.ft.com/home/rw

5、《星期日电讯报》 Sunday Dispatch:未找到官网

6、《观察家报》 The Observer:http://www.observer.co.uk

7、《星期日泰晤士报》The Sunday Times:http://www.sunday-times.co.uk/

二、英国全国性通俗报纸有:

1、《每日快报》 The Daily Express:http://www.express.co.uk/

2、《每日邮报》 The Daily Mail:http://www.dailymail.co.uk/

3、《每日镜报》 Daily Mirror:http://www.mirror.co.uk/

4、《星期日快报》 The Sunday Express 未找到官网

5、《世界新闻报》 The News of the World:http://www.newsoftheworld.co.uk (一个很有特点的英语新闻网站)

三、地方性报纸

它主要以刊登本地新闻和广告为主,具有浓厚的地方特色。包括晨报、晚报、周报、3日刊。

1、《格拉斯哥先驱报》 (Glasgow Herald) http://www.theherald.co.uk/

2、《旗帜晚报》 ( The Evening Standard ) http://www.thisislondon.com/

3、《新闻晚报》 (The Evening News):http://www.eveningtimes.co.uk

四、主要报纸简介

1、《泰晤士报》(Times):1785年由约翰?沃尔特在创敦创刊,誉为“世界第一大报纸”(the First Newspaper in the World).

http://www.thetimes.co.uk

2、《卫报》(The Guardian):原名《曼彻斯特卫报》(The Man- Chester Guardian),1821年创刊于曼彻斯特,后迁伦敦,1959年改称《卫报》.

http://www.guardian.co.uk/

3、《金融时报》(The Financial Times) :1888年于伦敦创刊,是英国金融资本的晴雨表. http://news.ft.com/home/rw

4、《每日电讯报》(The Daily Telegraph) :1855年于伦敦创刊,该报以“时效性”而著称。 http://www.dailytelegraph.co.uk

5、《观察家报》(The Observer) :1791年创刊。

http://www.observer.co.uk

6、《每日快报》(The Daily Express) :1900年由比弗布鲁克爵士 ( Lord Beaverbrook) 在伦敦创刊。 http://www.express.co.uk/

7、《每日邮报》(The Daily Mail): 1896年创刊,是一种知识性很强的通俗日报。http://www.dailymail.co.uk/

8、《镜报》(The Mirror) :1903年创刊,1985年以前名为《每日镜报》(Daily Mirror) 。http://www.mirror.co.uk/

五、英国主要期刊简介

1、《经济学家》(The Economist) :1843年创刊,与《金融时报》同属“皮尔逊父子公司”所有。

http://www.economist.com

2、《旁观者》(The Spectator) :创刊于1828年,是英国全国性周刊中历史最久的杂志。

http://www.spectator.co.uk

3、《新政治家》(The New Statesman) :创刊于1934年,主要发表有关政治、社会问题、书刊、电影、戏剧等方面的评论。

http://www.newstatesman.co.uk

4、《妇女界》(The Woman’s Own) :1932年创刊,是图文并茂的妇女月刊,女性朋友必看。

http://www.ipcmedia.com

5、《妇女之国》(Woman’s Realm) :创刊于1958年,适合新成家的青年妇女。

http://www.anagramgenius.com/

6、《泰晤士报文学增刊》(The Times Literary Supplement, The TLS) :每周出一期,是英国最有影响的文学周刊之一。

http://www.the-tls.co.uk

六、英国其他周刊及科普刊物

1、周刊 (Weeklies) :

1)、《现在》 (Now) :http://www.nowmagazine.co.uk

2)、《侦探》 (Private Eye):http://www.private-eye.co.uk (适合喜欢破案类小说的中学生)

3)、《笨拙》 (Punch):http://www.punch.co.uk (非常不错的漫画类杂志)

4)、 《听众》 (The Listener) http://http://www.listener.co.nz/

5)、《新社会》 (New Society) http://www.newsociety.com

6)、《闲暇》 (Time Out) http://www.timeout.com/london/ (是伦敦一本很好的休闲杂志,它的网站也很棒!)

2、科普 (Scientific periodicals)

1)、《发现》 (Discovery) http://www.discovery.com/

2)、《自然》 (Nature) http://www.nature.com /

中国地区自然杂志网址:http://www.natureasia.com/ch/gta/index.php

3)、《科学通讯》 (Science News) http://www.sciencenews.org

4)、《地理杂志》 (The Geographical Magazine) http://www.geographical.co.uk

5)、《新科学家》 (New Scientist) http://www.newscientist.com

6)、《科学世界》 (Scientific World) http://www.thescientificworld.com

7)、《未来音乐》 (Future Music) http://www.futuremusic.co.uk

8)、《学科进展》 (Science Progress) http://www.scilet.com

简单介绍:《自然》系列期刊是由每周出版的多学科《自然》杂志和8种每月出版的期刊组成。《自然》杂志发表在某一学科内具有高最影 响、其它领域的科学家也会感兴趣的研究工作;8种学术期刊的名称是根据其报道领域命名的,它们都发表在其领域中质量最高、影响力显著的论文,这8种期刊的 名称分别是:《自然生物技术》、《自然细胞生物学》、《自然遗传学》、《自然免疫学》、《自然材料学》、《自然医学》、《自然方法学》、《自然结构和分子 生物学》。所有的这些期刊都是国际性的,它们在美国、英国和日本出版和印刷。


photoshop一些很有用的小技巧

by Felix

1. 当你想“紧排”
调整个别字母之间的空位
首先在两个字母之间
单击
然后按下 al t 键后用左右方向键调整

2. 要快速的改变在对话框中显示的数值
首先用鼠标点击那个数字

让光标处在对话框中
然后就可以用上下方向键来改变该数植了
如果在
用方向键改变数值前先按下 shi ft 键
那么数值的改变速度会加快

3. 如果你现在鼠标正处于以下的状态
毛笔
喷枪
铅笔
橡皮

要按下 al t 键
你就可以临时地换到滴管工具
不过鼠标要在已经打开的图
像区域上

4. 想要放大在滤镜对话框中图像预览的大小吗
按下 ctrl 键
用鼠标
点击预览区域
图像放大
按下 al t 键
用鼠标点击预览区域
图像缩小

5. 你可以使你的改变绘图( 包括用毛笔, 铅笔, 喷枪, 橡皮画的东西) 的透
明度
首先
画上一笔
然后在滤镜菜单下面的会出现“退去 x”
x 取决于
你刚在的那笔是用哪个工具
点击它
出现“退去”菜单
现在你就可以
改变你上一笔的透明度了

6. 裁切工具大家都一定用过
这种情况你也一定遇过
在你调整裁减

而裁减框又比较接近图像边界的时候
裁减框会自把自为地贴到图像
的边上
令你无法精确裁减图像
不过只要在调整裁减框的时候按下 ctrl

那么裁减框就会服服帖帖
让你精确裁减

7. 如果你用钢笔工具画了一条路径
而你现在鼠标的状态又是钢笔的

你只要按下小键盘上的回车键
记住是小键盘上的回车
不是主键盘
上的
那么路径就马上就被作为选区载入

8. 你可以用以下的快捷键来快速浏览你的图像
hom e
卷动至图像的
左上角
end
卷动至图像的右下角
page up
卷动至图像的最上方
page
dow n
卷动至图像的最下方
ctrl 加 page up
卷动至图像的最左方
ctrl
加 page dow n
卷动至图像的最右方

9. 要把当前的选中图层往上移, 只要按下 ctrl 键后, 再按下]键, 就可以
把当前的图层往上移动
按下 ctrl 键后, 再按下[键, 就可以把当前的图层往
下移动

10. 要把一个彩色的图像转换为灰度图像
通常的方法是用图像
模式
灰度
或图像
去色
不过现在有一种方法可以让颜色转换成灰度是更
加细腻
首先把图像转化成 l ab颜色模式
图像
模式
l ab颜色, 然后来到
通道面板, 删掉通道 a 和通道 b, 你就可以得到一幅灰度更加细腻的图像了

11. 要自动选择图层( 如果你用过 fl ash就知道什么叫自动选择图层了) ,
你当然可以把移动工具的选项面板上的自动选择图层打上钩
不过在某些
时候
你不需要这项功能时
你又要手动地取消这个选项
真的是挺麻烦

现在教你一个方法
按下 ctrl 键后
你的移动工具就有自动选择功能

这时你只要单击某个图层上的对象
那么 photoshop就会自动的切换到
那个对象所在的图层
但当你放开 ctrl 键
你的移动工具就不在有自动选


西文字体设计基础

by Felix

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”设计连字组合。一切都有可能,在字体设计中这并不是最重要的,他只是通往完美的路上的一个小障碍而已。

原文地址:http://www.typeworkshop.com/index.php?id1=type-basics&id2=&id3=&id4=&id5=&idpic=01#pictloader
archerzuo 翻译,转载请保留此信息,多谢合作。


基础层CSS文件完美版

by Felix

base css文件总结,里面主要包含了:RESET CSS,CLEARFIX,FONT / COLOR。

一般项目版本|:

/*RESET
————————————————————– */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }
a img, iframe { border: none; }
ol, ul { list-style: none; }
input, textarea, select, button { font-size: 100%; font-family: inherit; vertical-align:middle }
select { margin: inherit; }
ol { margin-left:2em; }
/*CLEARFIX
————————————————————– */
.clearfix:after { /*/*/ content: “.”; /* IE8 hack */ display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 *//*上面两个星号部分样式可以换成这个“.clearfix{*zoom:1;}”*/
.fr{ float:right}0
.fl{ float:left}

/*FONT / COLOR
————————————————————– */
body{ font: small/20px Arial}
a{color:#00C; text-decoration:underline}

 

下面是适应大型项目的完善版:

主要分一下几个部分:
1.RESET
2.CLEARFIX
3.FONT
4.POSITION
5.WIDTH / HEIGHT
6.MARGIN / PADDING*/

 

代码如下:

/*RESET
————————————————————– */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: ” }
addr, acronym { border: 0 }
strong { font-weight:700 }
input { margin:0 }

/*CLEARFIX
————————————————————– */
.clearfix:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 *//*上面两个星号部分样式可以换成这个“.clearfix{*zoom:1;}”*/
/*FONT
————————————————————– */
.f10 { font-size: 10px }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f20 { font-size: 20px }
.fb { font-weight: 700 }
.fn { font-weight: normal }
.t2 { text-indent: 2em }
.lh20 { line-height:20px }
.lh24 { line-height:24px }
.lh30 { line-height:30px }
.unl { text-decoration: underline }
.no_unl { text-decoration: none }
/*POSITION
————————————————————– */
.tl { text-align: left }
.tc { text-align: center }
.tr { text-align: right }
.bc { margin-left: auto; margin-right: auto }
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.cb { clear: both }
.cl { clear: left }
.cr { clear: right }
.vm { vertical-align: middle; position:relative; top:-1px }
.vt { vertical-align: top }
.pr { position: relative }
.pa { position: absolute }
.abs-right { position: absolute; right: 0 }
.abs-left { position: absolute; left: 0 }
.zoom { zoom: 1 }
.hidden { visibility: hidden }
.none { display: none }
.ofh { overflow: hidden }
/*WIDTH / HEIGHT
————————————————————– */
.w5 { width: 5px }
.w10 { width: 10px }
.w20 { width: 20px }
.w30 { width: 30px }
.w40 { width: 40px }
.w50 { width: 50px }
.w60 { width: 60px }
.w70 { width: 70px }
.w80 { width: 80px }
.w90 { width: 90px }
.w100 { width: 100px }
.h5 { height: 5px }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }
.h70 { height: 70px }
.h80 { height: 80px }
.h90 { height: 90px }
.h100 { height: 100px }
/*MARGIN / PADDING
————————————————————– */
.m5 { margin: 5px }
.m10 { margin: 10px }
.m15 { margin: 15px }
.m20 { margin: 20px }
.m25 { margin: 25px }
.m30 { margin: 30px }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt25 { margin-top: 25px }
.mt30 { margin-top: 30px }
.mt50 { margin-top: 50px }
.mt100 { margin-top: 100px }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mr25 { margin-right: 25px }
.mr30 { margin-right: 30px }
.mr50 { margin-right: 50px }
.mr100 { margin-right: 100px }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb25 { margin-bottom: 25px }
.mb30 { margin-bottom: 30px }
.mb50 { margin-bottom: 50px }
.mb100 { margin-bottom: 100px }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.ml25 { margin-left: 25px }
.ml30 { margin-left: 30px }
.ml50 { margin-left: 50px }
.ml100 { margin-left: 100px }
.p5 { padding: 5px }
.p10 { padding: 10px }
.p15 { padding: 15px }
.p20 { padding: 20px }
.p25 { padding: 25px }
.p30 { padding: 30px }
.pt5 { padding-top: 5px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt25 { padding-top: 25px }
.pt30 { padding-top: 30px }
.pt50 { padding-top: 50px }
.pr5 { padding-right: 5px }
.pr10 { padding-right: 10px }
.pr15 { padding-right: 15px }
.pr20 { padding-right: 20px }
.pr25 { padding-right: 25px }
.pr30 { padding-right: 30px }
.pr50 { padding-right: 50px }
.pb5 { padding-bottom: 5px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb25 { padding-bottom: 25px }
.pb30 { padding-bottom: 30px }
.pb50 { padding-bottom: 50px }
.pl5 { padding-left: 5px }
.pl10 { padding-left: 10px }
.pl15 { padding-left: 15px }
.pl20 { padding-left: 20px }
.pl25 { padding-left: 25px }
.pl30 { padding-left: 30px }
.pl50 { padding-left: 50px }

本文摘自互联网


白色ipad,还是黑色ipad?

by Felix

你选白色的 iPad 还是黑色的 iPad?

这看来是个不是问题的问题。iPad 2 都上市这么久了,现在才把这个翻出来说,确实有些落后时代。曾经购买的人因为颜色而纠结过,以后购买的人依然会因为颜色而继续纠结吧。我以前也在黑色和白色之间有过犹豫,很快还是决定选择黑色 iPad 2。记一下自己的心得笔记,或多或少还是有些帮助。

选颜色是个很主观的决定,这个时候想象力显得很重要。

如果只是单纯从颜色上来选择,那么很可能白色不会适合你。黑色大家都已经非常的熟悉, 对于强烈反差的白色自然是首先关注的重点。

在没有见到实物的时候,在网上,杂志上,或是电视广告里,看到各种图像,脑子里会描绘出拿着白色的 iPad 会是个什么样的情景,这种想像会直接收到广告宣传的影响,他们尽最大可能让情景符合至少大多数人的生活,或者说是期望中的生活状态,从而激起购买欲望。白色的 iPad 在这一点上确实拥有极高魅力打败黑色。想像的出白色的边框,很柔和,干净,精致,轻巧的拿在手中极容易成为关注对象,似乎比香水更能帮助你受到关注。这个时候,白色 iPad 俨然成为很多女性消费者心中的理想小玩具。

以至于很多人在网上都说买了两台iPad,黑色的自己用,白色的送给女朋友。在去苹果店试用的时候,情况会和想像中的,电视里看到的差别并不大,这里就不必多说了。

不过在买之前还要进一步发挥你的想象力。因为白色的 iPad 可能并不适合有些人的日常使用。

留意观察你可以发现,通常绝大多数的电视,显示器的屏幕周围都有或宽或窄的黑色边框;看宽屏电影的时候屏幕上下的空白部分是黑色的;很多人后期处理照片都会加上黑色的边框;很多视频网站都有关灯模式(功能不仅仅是方便晚上使用);甚至很多专业摄影级别的相册网站都是用黑色作为网站背景色。除此之外,在 WWDC 的苹果产品发布会上,作为演示用的 iPad 也是黑色(当然这可能是Scott自己喜欢)。

为什么黑色出现在这么多和视觉效果有关联的设备上而不是白色呢?似乎是黑色的边框能够让人更多地去注意框子里面的内容,而视觉上不易受到外围的影响。同时,在图像图案的表现力上,似乎是效果更佳的优秀。而周围的白色边框在不少人看来,除了内容会受干扰,而且总觉得屏幕也比黑色要更小些。不得不说,我们的眼睛始终在逗我们玩,但是我们也发现了眼睛这些把戏的规律。

iPad 用来看书确实是个不错的选择。你可能会说,对呀,Kindle 阅读器不也有白色的吗?这一点恰恰很重要,Kindle 以前的一些产品确实偏白,但是没有 iPad 的白色那样的艳丽,而且在很多用户反馈之后,现在的新 Kindle 已经改进趋向于更深的颜色。

为什么购买之前不容易发现呢?在购买前我们接受到讯息是 白色 iPad 非常漂亮,这个信息在杂志上是固定的几张图片,在电视上是短短十几秒钟的简单场景。在苹果店试用的时候,你不可能呆上一天看完一部电影或是书记,用上几十个应用程序。所以,这和真实生活出入是相当大的。

如果喜欢看书,看电影,玩游戏,而不是仅仅用来浏览网页或是聊天,对视觉效果在意的话,还是选择黑色的好。

一旦明确自己的需要什么,用来做什么的时候,就不那么纠结了。


没有用过windowsXP的你 伤不起

by Felix

很久以前,那还是我用winXP的时候有次我系统崩溃了,因为我是电脑白痴,我朋友给我介绍了一个高手来帮我修电脑。 他看了一下电脑,问我有没有XP的安装盘,我说没有。 他想了一下,叫我把一张空的DVD刻录盘和一根针拿给他,我想修电脑要刻录盘和针干什么,但人家是高手,我也不好说什么,就把DVD刻录盘拿一张来给他了。 他把针头对着刻录盘戳,他戳的速度非常快,但是只戳深或浅,我搞不懂这有什么用,但也不敢问,看了半个多小时,他还是不停的戳着DVD刻录盘,我渐渐的有些困,我问他这东西要搞多久,他说要几个小时,我给他倒了杯茶,就一个人去隔壁睡觉了。 醒来的时候,一看已经过了4个多小时,我起身到隔壁,看见他正在Xp里面调试,还装上了office、photoshop、迅雷、魔兽世界等软件……过了一会儿,他说,你试试,我坐上椅子用了一下,真的好了,我当时也不懂电脑,谢过人家就走了。 后来我慢慢对电脑有了了解,终于了解,原来当时那位高手是针头刻了一个单面双层的DVD,在里面刻上了Xp、office、photoshop、魔兽世界的安装程序,我后来问我朋友那位高手的下落,我朋友说前几年去了美国之后,杳无音讯….

无觅相关文章插件,快速提升流量


Scrappy Theme by Caroline Moore | Copyright 2012 云端有爱 | Powered by WordPress