长星

谈一点常识性错误。(随改随删)

214782:

……就是闲的。


1、除非写架空,否则明朝前请尽量不要出现紫檀家具之类的陈设。硬木家具于隆万后有,明朝之前是没有紫檀黄杨黄花梨等细木家具的,因为,鲁门神器──刨子,没有出现。


2、明朝之前不泡茶,泡茶是对宋朝点茶的传统革新。
另外,古代中国人不喝红茶。红茶的历史只有四百年,且只供外销,中国人自己不喝,鸦片战争与中国红茶垄断出口有直接关系。
唐茶有考,口感大概接近云南青毛茶。且唐茶是真正的吃茶,茶叶研磨入水加佐料,姜桂椒啊啥的。
宋代茶式基本可以参照如今的日本茶道,不多谈。


3、金骏眉是很贵没错,但是金骏眉这种茶型才面世十年,是建国以后中国红茶重振世界高端红茶市场的一大力作,并没有可能出现在以往的任何时代……


4、大可不必凡见佛珠皆称小叶紫檀。小叶紫檀是近些年才炒起来的佛珠料,从前这种东西不以做细玩称贵,都是大户人家拆房子料。


5、输入法里的繁体汉字是标繁,古人的繁体有大量的异体字,简体字的很多写法取自章草简笔,不要一看到就以为抓到了古人的小辫子,大喊人家繁简混用或是字写错了。为避免尊严扫地,如果身边有学人,问问再发言,如果实在认不出来,不要吱声,自己回去翻翻书。


6、用典是传统诗词的重要组成部分,与抄袭是两个概念,当然,也并不属于改编范畴。关于改编,阿绿举的一个例子很恰当:
清明时节雨,纷纷路上行人,欲断魂。借问酒家何处,有牧童遥指,杏花村。
──这才叫改编。
(我知道这一条纯属废话,但想了想还是写了吧。)


7、清朝之前,中国历史上并不存在鼻烟壶。


8、古人见面多称字号。同辈之间见面叫名字,是灰常,灰常,不礼貌的。


9、唐三彩是明器,即随葬品,古人不会在厅堂里陈列。(今天看节目,马先生又提一嘴,说这个唐三彩古代有出土,出土就砸了,晦气。)


10、谈起线装书了补一个。线装书在明朝中叶出现,往前元代多是包背装等,宋代则有卷轴装,蝴蝶装,经折装等,唐代有种书装挺好玩儿的,叫龙鳞装,也叫旋风装(此说存疑),裱得跟一溜倒了的多米诺骨牌似的。
另,宋版书的排版极其精美文雅,据我一个老师说,宋版书在拍卖行都是一页一页卖的,我也不知道他到底有没有夸张……(废话!)


11、唐前包括唐,龙的形象都是三爪。

免费高清图片网站(公有领域为主)

Yucca:

妍屿:



阿达的坑地:







缄默症:















HumbertSobek:































设定控:































































免费高清图片网站汇总,以公共版权图片网站为主,因Flickr在国内访问有问题,所以暂时不收录Flickr源的图片网站。
































































































































设计素材网站汇总目录
































































































































矢量图形素材网站汇总
































































PSD素材下载网站汇总
































































免费高清图片网站(公用版权为主)
































































CG插画网站、社区汇总
































































图标素材网站汇总
































































国外壁纸网站汇总
































































国外纹理素材网站
































































中文字体下载站
































































字体下载站(以英文字体为主)
































































配色工具
































































综合设计素材下载网站汇总
































































搜下载资源,就用这些网站!
































































在线可视化数据分析绘图工具
































































以图搜图引擎汇总(转载加个人整理的一些)
































































































































一、付费网站中的免费资源
































































































































Dreamstime

































































































































http://www.dreamstime.com/
































































一个低价格高质量的数码影像素材提供站点,Dreamstime所有图像都是由专业的摄影师提供,还提供免费的图像集合,虽然不是很多,但其内容是相当专业的。
































































































































AbsolutVision































































































































































































http://www.absolutvision.com/






























































































































绝对视觉免版权图库是第一家提供高解析度JPEG 2000照片的网站。提供上万张高质量免版税照片,每日更新,注册用户可下载每日的免费图片。
































































 
































































二、专业的图片素材搜索引擎
































































































































Free Range Stock

































































http://freerangestock.com/
































































一个免费的图片素材站点,网站所有内容都是由摄影师和网友贡献的,提供免费高质量、高分辨率的图片素材,必须注册才能下载使用。
































































































































Free Photos Bank

































































http://www.freephotosbank.com/
































































提供免费照片大集合的绝对不同类别的免费图像的站点。如果你想免费下载任何图像,你可以选择下载JPEG图像或下载一个Zip文件,无需注册即可下载。
































































































































Freeimages

































































http://www.freeimages.co.uk/
































































自由摄影相关资源的站点,提供高品质的数字摄影图像,网站收集的所有图片都是免费的。
































































































































MorgueFile

































































http://www.morguefile.com/
































































一位叫做迈克尔·康纳斯的学生创办的为用户提供免费的图片资源,网站拥有近10万的图片素材,下载非常简单,仅仅浏览一下仓库然后选中你想要的轻轻点击下载按钮就OK了,而且这些东西的质量也非常高。
































































































































Public Domain Pictures

































































http://www.publicdomainpictures.net/
































































一个由各式各样的业余摄影爱好者所上传分享的公共领域图片资源库,用户需要注册使用,如果你想要最高清的那种图片需要付费下载。
































































































































PixaBay

































































http://pixabay.com/
































































一个提供无版权图片素材的图片提供商,不论数字或者印刷格式,个人或者商业用途,您都可以免费使用本网站任何图像,并且无原作者署名要求。
































































































































RGBstock

































































http://www.rgbstock.com/
































































一个收录了超过7万高清图片素材的分享站点,也是一个摄影爱好者交流社区,该网站上所有的图片资源都可以免费使用,高质量。
































































































































StockVault

































































http://www.stockvault.net/
































































拥有10000多张免费图片,你可以按照如下分类进行下载:动物、建筑、设计模板、工业、自然、物体、人物、季节、材质和背景、交通、3D。设计师可以注册免费分享自己的作品,同时他们可以通过Google AdSence分成。如果你免费注册会员将会享受到更多的高级功能
































































































































Can We Image

































































https://canweimage.com/
































































一个基于维基百科图片共享和谷歌图片字体的庞大图片资源库的公共领域资源搜索引擎,帮助用户更加容易和快速的寻找想要的图片资源,并且提供直接下载。
































































































































Pickupimage

































































http://pickupimage.com/
































































一个免费图片的大集合,主要集中于自然和户外相关场景,图片可以复制、修改—甚至用于商业用途;无须注册!
































































































































PicJumbo

































































http://picjumbo.com/
































































一个提供各种免费照片的站点,无需注册即可下载,所有图片都可用于任何项目,该网站没有搜索功能,不过其分类相当详细,可以帮助你找到需要的素材资源。
































































































































SuperFamous































































































































http://superfamous.com/
































































一位荷兰的交互设计师福尔凯高特创办的摄影图片网站,他创作了大量的摄影作品,网站上所有的作品都可以根据Creative Commons Attribution 3.0许可使用。
































































































































PDpics

































































http://www.pdpics.com/
































































一个收录了成千上万张免版权的图片站点,设计师可以把这些图片应用与个人或者商业项目,不过需要标注姓名才行,所有收录的图片均是来自众多摄影师之手,主要分类有:花卉、食物、鱼类、教育、动物、景观、鸟类、艺术、表情符号、汽车、珠宝、体育、建筑等。
































































































































PublicDA

































































http://publicdomainarchive.com/
































































 一个绝对值得推荐的图片站点,该网站发布了用于公共领域的图片资源,每周都会发布最新的图片,用户可以免费下载使用,不过所收录的高清晰图片都是有时间限制的,想要就尽快下载吧。
































































所谓下载受限是指过一段时间就没有download按钮了,仍可右键另存,还有貌似是我这边网络有问题,网站翻页时经常崩溃。





















































【资料整理】全职正文时间轴

None_诺奈:

很久很久以前整理的全职正文的时间轴,最近重新做完,方便补番安利复习用,大家随便看看~


整理是我,排版 @猫镜 ,修改不易要是有错漏就在留言里,图我就不改了。


部分章节数目不连续,空着的章节大抵是没有重要剧情的过渡段,定位仅供参考,实际以原著为准。


之前还整理过,全职副时间轴,←需要自取。


【请勿转出lofter,谢谢】




PS.顺便带个苏黎世2.0的【本宣+抽奖※通贩※








中文字体下载站

设定控:

之前推荐过外语字体下载网站的汇总,那些网站收录的字体大抵为无商业责任的字体,这里提供的中文站,收录的字体不能保证没有侵权的,请各位使用前自己斟酌。


设计素材网站汇总目录


矢量图形素材网站汇总


PSD素材下载网站汇总


免费高清图片网站(公用版权为主)


图标素材网站汇总


国外壁纸网站汇总


国外纹理素材网站


中文字体下载站


字体下载站(以英文字体为主)


配色工具


搜下载资源,就用这些网站!




头文字



http://www.touwenzi.com/




 字体之家 



http://www.homefont.cn/


需要注册,部分功能需要积分,还有很多在线工具




求字体



http://www.qiuziti.com/


收录字体为非商业责任字体,对于侵权字体,则帮助用户在百度和谷歌中搜索其他网站的下载,可以在线识别图片上的字体。




站长家园



http://ziti.jz123.cn/




a5字体





http://ziti.admin5.com/




字体下载



http://ztxz.org/




 字体下载大宝库




http://font.knowsky.com/




模板王



http://fonts.mobanwang.com/




AiFont



http://aifont.com/


爱字体鉴赏分享网始创建于2007年夏,是一个关于中外文桌面字体的交流、学习、展示的专业平台。经过几年多的磨砺,现已成为广大字体爱好者及设计师的良师益友。有部分免费字体可以下载。




文悦字型


http://wytype.com/ 


目前有康熙字典體、儀鳳寫經體、隸辨隸書體、文悦古体仿宋 四种字体,网站对个人使用该站字体不做限制。




新蒂字体


http://www.sentyfont.com/ 


一个提供多种个性化手写、书法简繁字体设计的网站,该网站提供个人非商业用途字体免费试用,如果你想要寻找不错的免费中文字体,不妨看看该网站上的字体样式。

平面排版时,教你突出中文美感的几种方法

lmomo:



 

学习banner设计的同学开始可能最难琢磨透的就是中文的排版了,有同学是直接凭直觉给文字排版的,其实排版作为平面设计中的一种具体的手段,本质是对于画面中元素的关系的处理。那在平面设计中,到底什么样的排版能突出中文的美感呢,-eno-one-老师为我们撰写了一篇深入浅出的教程,相信阅读后你会对「排版」有一番新的认知 :)


另外,同学们可以每晚到优设微博固定栏目【晚安Banner!每日最新Banner欣赏】学习借鉴优秀的banner设计唷



我们先从500万年前开始说起

-eno-one- :人类在进化的过程中,一直本着安全第一的原则。对于事物表象的判断之后产生的心理感受,随着人类的进化一直伴随着的。出于安全第一原则,人类的天性会自动的根据物体的表现(形状、颜色等)来判断事物的危险程度。例如尖锐的器物与色彩斑斓的昆虫,都会给人警示的不安全感,我们可以看看公安或消防的警戒色带,皆是遵循了这样的心理。



—————————————————————— one ———————————————————————————–


图例一:



以上提到,人类观看事物的心理活动,是第一时间先排除危险感,也可以说,第一时间是在寻找违和感。比如上图中的凤姐与天使拉宝贝照片对比。当我们看到凤姐时,我们大脑的第一反应是会先去寻找她脸上哪些部位破坏了整体美感,比如大嘴和眼袋,这也就是我们第一时间会注意到她嘴巴的原因。而当我们再看到天使拉宝贝时,我们则不会去思考到底什么使得她看起来很美。


大学里有门课程,叫做”审美”。很多人都不理解为什么要学习审美,因为他们认为审美应该是天性和本能。希望通过我的第一个例子,大家能够明白,发现美不是本能,发现丑才是本能。因此”世界上不缺少美,只是缺少发现美的眼睛”!这句话,应该按照如上去理解。


说的更加直白一点,人类对于事物的第一反应不是”审美”,而是”审丑”。


—————————————————————— two ———————————————————————————–


为何在开头我要花这么长的时间先去解释一下审美?


因为,我们只有充分的了解到自己的心理活动的步骤,我们才有可能创造出具备人类天性美感的事物。也可以说,我们第一思路不应该是创造美,而是回避丑。


说完审美之后,我们再来说说”设计”。


这个问题应该是涵盖在设计话题之下。因此,我认为相当有必要将”设计”这个概念拿出来单独说一下。


设计是什么?已经有很多各类型的解读。当然,我也有自己的一套解释。


设计一词,我们首先应该作为动词去理解。


特指通过人为的主观意识去控制事物,然后所产生的一系列动作,比如某某某设计了他的人生。在平面设计当中,又更具体的理解为,设计师通过人为主观的意识,去控制画面中的各类元素(构图、色彩、字体、字号等等),使之符合大众的视觉标准。


对于设计本质的理解。


无论是商业类设计,还是纯艺术类设计,它们的本质都是传达与表达。通过某种形式的媒介(可以是书籍、路牌广告、弹窗、报纸、杂志……),将创作者或者付费客户所希望表达的内容,用可视化的方式表达出来。


所有失败的设计,定是违背了以上两点。


要么,是设计师完全没有经过思考,从构图、用色、字体选择方面过于随意,导致画面完全不符合人们的视觉标准。这就是很多人会说,我从你的画面中根本看不出来设计的原因。


要么,对于想要传达的内容含糊不清,导致看完之后不知所云。这一类的通病常见于学生与行业新人。他们思维的第一步不是思考需要表达什么,而是思考用什么样的形式去表达。


——————————————————————three ———————————————————————————–


现在开始进入正题答题环节了。


第一章:

纯中文字时,如何提高文字的识别度与美感?


由于之前回答过一个类似的问题,并且两者关联性很大,因此在这里就不多做重复,直接给出链接:《经验分享!超实用的文本处理技巧》


—————————————————————— four ———————————————————————————–


第二章:

中文与画面结合时,如何提高中文字的识别度与美感?


题目中出现了一个很重要的关键词”排版”。


这是个被用烂了的词,却极少有人理解其中具体含义。排版作为平面设计中的一种具体的手段。其实本质是对于画面中元素的关系的处理。(画面中的元素包括构图,颜色,字体等等。而关系,则指的是它们之间的距离,大小面积,色彩搭配等等)


图例二:



上图例子中,我通过文字的位置不同,来让大家知道这个所谓的关系到底是个什么意思。


右图从视觉美感上来说,明显是优于左图的,其最根本的原因不在于字号的大小,而在于我上面一直在强调的关系


到底什么是关系?我们接着往下看!


图例三:



上图中,我已经用辅助线来说明了这个文字摆放在这里的原因。


接下来,我们再看看我随手找的一些平面广告图中的文字摆放的位置。


图例四:



文字的摆放一定不是随心的,而是与画面中某些元素之间相辅助的。


图例五:



这样的关系,不只适用于文字与画面,更涵盖了画面中所有出现的图片元素。


以上我所列举和总结的这些,在一个行业老手看来,早就是一种习惯性的行为了。如有学习欲望的同学,请根据以上提示,自行翻看各种杂志与网络上的平面广告设计。


第一次总结:

有时候文字不美,别怪文字不好看,有可能是你没放对地方!找到通过寻找元素之间的关系,你会发现,文字应该摆放在什么位置。


—————————————————————— five ———————————————————————————–


上面所举例子,在论证文字要想好看,位置很重要!那么接下来,我们再进一步看看,如何变得更加贴切观看者的心理感受!


图例六:



上图里的内容,都是一样的,但是选择了不同的字体。各位可以从自己的心理感受上判断一下,哪一个看起来口感会好一些。


从心理感受上来说,右边的字体,会给人更愿意食用的感觉。造成这样不同感受的原因就在于字体的衬线上。


图例七:



再看看以上,哪一个字体更适合男人,哪一个字体更适合女人?


通常来说,食品、女性用品、儿童用品,以及一些消费群体为年轻化的产品,或者产品特质需要给人一种亲切感受的,在字体的选择上,更适合一些有弧线,没有衬线,并且字形相对柔和一些的字体。(我这里说的是大多数情况,也有个别案例,不遵循这个规律,在此就不展开说明了)


图例八:



我们继续来看看相同文字,不同字体造成的心理感受不一样的例子吧。


图例九:



我们再来接着做一组比较。上图中的文字,哪一个更贴合画面意境?


第二次总结:

没有不好看的字体,只有不合适的字体。在选择文字之前,请务必仔细的思考一下产品或画面的特性。


—————————————————————— six ———————————————————————————–


以上讲了两个观点,一是文字不要乱摆,二是字体不要乱选。现在让我们翻过头来,继续把前面第二章开头所说的,”版式”的这个概念继续的深入说一下。


中文字,我们先不说那些被特别设计过的文字,比如下面这个:



我们只说,电脑直接打出来的文字。


在平面设计中,文字要想搭配的好看,只需要遵循四个字——”方方正正”即可。


图例十:





我相信,以各位的智慧,已经不需要我在来继续讲解了吧!


—————————————————————— seven ———————————————————————————–


最后总结:

在平面设计中,无论是文字也好,图形也好,色彩也好,他们都是服务于主题的。要想突出中文的美感,无论是字体、字号、色彩、包括拜访的位置,都需要全方位的来考虑。



如何将人物写得更立体?

一个奶味儿的嗝儿:

●觉得很有用,便搬运过来
●问题摘自知乎,答案摘自谢熊猫君
●作者:Chuck Palahniuk
●全文 http://litreactor.com/essays/chuck-palahniuk/nuts-and-bolts-%E2%80%9Cthought%E2%80%9D-verbs


从现在开始,在接下来最少半年内,你不可以使用“思想动词”。
思想动词包括:想,知道,理解,意识到,相信,想要,记住,想象,渴望等等等等你喜欢用的动词。
思想动词还包括:爱和恨。
还有些无趣的动词,比如“是”和“有”,也要尽量避免。



在接下来的半年内,你不可以写出这样的句子
李雷想知道韩梅梅是否愿意晚上和他出去约会。
你必须写这样的句子
这是一个早上,李雷错过了昨晚的最后一班列车,所以只能支付了高昂的打车钱回家。回家后他发现韩梅梅在装睡,因为韩梅梅从来不曾睡得这么安静过。以往,韩梅梅只会把自己的那杯咖啡放进微波炉里加热,这一天,两个人的咖啡都加热好了。
你的角色不可以“知道”事情,你必须把细节展现给读者看,让读者自己“知道”到这些事情。
你的角色不可以“想要”一件东西,你必须把这件东西描述给读者听,让读者自己“想要”这件东西。



你不可以写
李雷知道韩梅梅喜欢他。
你要这样写
课间的时候,韩梅梅总是会紧紧地靠在李雷经常打开的储物柜上。她单脚站着,另一只脚的高跟鞋则顶在储物柜的门上,留下一个高跟鞋底的印记,也留下她的香味。这样当李雷来使用储物柜的时候,密码锁上就会有她的体温和香味。到了下一个课间的时候,韩梅梅又会靠在那里。
也就是说, 你在描写人物的时候不可以走捷径,只能描写感官细节——动作、气味、味道、声音和触觉。



通常来说,写作的人把“思想动词”用在段落开始,先用这些思想动词陈述了段落的骨架,然后再来描绘。例如:
凯特知道她这次赶不及了。车辆从远方的桥那边就开始堵塞,挡住了八九个公路出口;她的手机电池用尽了;家里的狗还没有人带出去溜,这下肯定要把家里弄得一团糟;她之前还答应了邻居帮忙给花浇水……
你看,开头那一句“知道”把后面的那么多描述都给剧透了。不要这样写,如果你真的想写“知道”,那你可以把这句话放到段落的最后面,或者干脆改写成
凯特这次肯定是赶不及了。

思考是抽象的,知道和相信是无形的。你只需要用有形的动作和细节来描述你的角色,然后让读者来“思考”和“知道”,你的故事写出来就更好了。
爱与恨也是。
不要直接告诉读者
露西讨厌吉姆。
你应该像个法庭上的律师一样,一个细节一个细节的讲,把“讨厌”的证据一个一个列出来。
早上点名的时候,老师刚念完吉姆的名字,在吉姆刚要答到的时候,露西轻声的说了句‘呆逼’。

刚开始写作的人常犯的一个错误就是把他们写作的人物孤立起来。作者可能在写作的时候是一个人,读者在读书的时候可能是一个人,但是你笔下的人物只可以在很少的时候是一个人的,因为一个被孤立的人物会开始“思想”。
马克开始担心这趟出门会花太久的时间。
更生动的写法是这样的
公车时间表说车12点的时候回来,马克看了下表,已经11点57了。这条路一路看到头,都没有公车的影子。司机肯定是在很多站之外的地方偷懒停车睡午觉呢。司机在会周公,马克却会因此而迟到。当然这还不是最糟糕的,司机可能还喝了点小酒,最后载着马克开着开着就撞了……
一个被孤立的人物会进入想象和回忆中,但是即使这样,你也不可以用”思想动词“。



而且,你也不可以用”忘记“和”记得“。你不可以写
莉莉还记得吉姆是怎样给她梳头的。
要写成
大二那年,吉姆会用自己的手温柔的给莉莉梳理长发。
不能走捷径,要写细节。当然,尽量不要让人物孤立,让人物互动起来,让他们的动作和语言和展现他们的思想,你作为作者不要去干预你的人物想什么。




另外,在你努力避免使用“思想动词”的时候,尽量减少“是”和“有”这样单调的动词。
不要写
“安的眼睛是蓝色的”或者“安有蓝色的眼睛”。
要写成
安轻咳了一下,用左手轻轻的拂过脸庞,把烟从她蓝色的眼睛旁边拍散,然后她微笑着说……
尽量少用“是”和“有”,试着把这些细节掩藏在人物的动作后面。这样,你就是在展现你的故事,而不是简单的说故事。




你如果真的按我说的在写作时候给自己这些约束,你一开始会很讨厌我,但是过了半年之后,你就可以不再纠结这些约束了,到时你就习惯了这样的写作方法。

关于开始排版学习

存play存资料:

羅卜世家子:



最近很想好好学一下排版,顺带上字体,常常自哀,为什么我啥也不会~~


软件:


首先想把InDesign搞定,不过进展不顺呀,,


用的是CC中文版,学习方式是『indesign_reference』indesign的中文帮助文档(官网可下),看的头大,需要耐心,如果有环境学就更好了。。。说到InDesign,是因为看了YOYO设计师的文章,对于交互设计的思考很有帮助。


文档在我的百度盘里有,有需要可以下:http://pan.baidu.com/s/1kT2yQN1


里面还有『illustrator_reference』『photoshop_reference』




书籍:


现在在看的书是『众妙之门-网站UI设计之道』,刚入手还没看完,看完再写读书笔记



——————————————————————————————————————————


不过,在搞排版之前,字体问题可以先小小的解决一下:


首先是衬线字体和无衬线字体


以下为(百度百科)


『西方国家字母体系分为两类:serif以及sans serif。


西方国家字母体系分为两类:serif以及sans serif。


serif是有衬线字体,意思是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。相反的,sans serif就没有这些额外的装饰,而且笔画的粗细差不多


serif字体容易识别,它强调了每个字母笔画的开始和结束,因此易读性比较高,sans serif则比较醒目。在走文阅读的情况下,适合适用serif字体进行排版,易于换行阅读的识别性,避免发生行间的阅读错误。


—————————————————————————————————


sans serif强调每一个字母,serif更强调于一个单词。


中文字体中的宋体就是一种最标准的serif字体,衬线的特征非常明显。字形结构也和手写的楷书一致。因此宋体一直被做为最适合的正文字体之一。不过由于强调横竖笔画的对比,在远处观看的时候横线就被弱化,导致识别性的下降。』


—————————————————————————————————


特点:


在传统的正文印刷中,普遍认为衬线体能带来更佳的可读性(相比无衬线体),尤其是在大段落的文章中,衬线增加了阅读时对字母的视觉参照。而无衬线体往往被用在标题、较短的文字段落或者一些通俗读物中。相比严肃正经的衬线体,无衬线体给人一种休闲轻松的感觉。随着现代生活和流行趋势的变化,如今的人们越来越喜欢用无衬线体,因为他们看上去“更干净”。


—————————————————————————————————


应用:


有调查显示,欧洲人对于无衬线体的接受度略高于北美,在书籍、报纸和杂志中大段落文字的排版,衬线体始终占据着压倒性的优势。 在文字足够大的情况下,无衬线字体也是同样可读的。而且因为无衬线字体通常有艺术性,因此在显示器上显示通常比较赏心悦目;而且无衬线字体种类比衬线字体多得多,因此选择余地也很大,在这里非衬线字体分类不做赘述。但是必须保证以下原则:凡是使用无衬线字体的,必须保证其在正文内容中的可读性。否则,使用衬线字体。所以衬线字体在设计中占据很重要的位置;以下是衬线字体的具体分类。


—————————————————————————————————


衬线字体的具体分类:


旧式衬线体(Old style):Adobe Jenson、Janson、Garamond、Bembo、Goudy Old Style 和 Palatino




过渡衬线体(Transitional)又称巴洛克体:Times Roman、Baskerville





现代衬线体(Modern):Didot、Bodoni 、Century、Computer Modern





粗衬线(Slab Serif)又称埃及体:Rockwell 、Courier、Clarendon



——————————————————————————————————————————


(维基百科)无衬线体Sans-serif)专指西文中没有衬线字体,与汉字等东亚字体中的黑体相对应。与衬线字体相反。


无衬线字体





衬线字体



——————————————————————————————————————————
无衬线字体分类:



  • 哥德体:



早期的无衬线字体设计,如Grotesque或 Royal Gothic体。


——————————————————————————————————————————



  • 新哥德体(过渡体):



新哥德体或称为过渡体--目前所谓的标准无衬线字体,如Helvetica(瑞士体), ArialUnivers体等等。这些都是最常见的无衬线体。笔画笔直,字体宽度比变化没有比人文主义无衬线体那么明显。由于其平白的外观,过渡无衬线体常被称为“无名的无衬线”体。


Helvetica


_____________________________________________________________________________________



  • 人文主义体:



古典体或称为人文主义体--(JohnstonFrutigerGill SansLucidaMyriadOptimaSegoe UITahomaTrebuchet MSVerdana)。这些字体是无衬线字体中最具书法特色的,有更强烈的笔画粗细变化和可读性。


Frutiger


____________________________________________________________________________________



  • 几何体:



几何体--(Avant GardeCentury GothicFuturaGotham)。顾名思义,几何无衬线体是基于几何形状的,透过鲜明的直线和圆弧的对比来表达几何图形美感的一种无衬线字体。从大写字母的"O"的几何特征和小写字母"a"的简单构型就可以看出,几何体拥有最现代的外观和感触。Futura


_____________________________________________________________________________________


其他常用的无衬线字体还包括Akzidenz GroteskFranklin GothicLucida Sans


在中文中,没有衬线的字体通常称为黑体,这时这个词的范畴和无衬线字体(Sans-serif)是类似的。所以在中文字体中常用“黑体”,在西文中常用“无衬线体”的称呼。(LOFTER这个就是黑体吧···)


 无衬线体和粗体


有一种直接将笔画变粗的变体,实际上准确的称呼应该是“粗体”(Bold),但是很多非专业人士习惯上也称为“黑体”,造成了中文指称的混乱。黑体的相反宋体字也可以有粗体,所以不应该和字体的“黑体”混淆。


——————————————————————————————————————————


了解这个基本就差不多了,具体慢慢了解吧,


附上优设的字体设计资源:http://www.uisdc.com/15-weird-helvetica


http://www.uisdc.com/45-most-wanted-beautiful-free-hand-drawn-fonts




手绘字体我觉得很有用,不过我不是用在电脑上,我用来画在本子上···




—————————————————————————————————


转『栅格化你的网页』


http://ued.taobao.com/blog/2008/09/grid_systems/



栅格系统英文为“grid systems”,也有人翻译为“网格系统”,其实是一回事。不过从定义上说,栅格更为准确些,从维基百科查到栅格的定义为:栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。


栅格系统的设计原理及应用
那么如何设计一个栅格系统?接下来我们将通过实例,详细的介绍一下网页栅格系统的原理与应用:



__________________________________________________________________


W =(a×n)+(n-1)i
由于a+i=A,
可得:(A×n) – i = W
这个公式表述了网页的布局与网页“背后”的栅格系统之间的某种关系。我们拿yahoo作例,来看一下栅格系统的应用:




yahoo的网站页面宽度为W=950px,每个区块与区块的间隔为i=10px;如果应用上面的公式,可以推出A=40px,既yahoo首页横向版式设计采用的栅格系统为:
(40×n)- 10 = W
下面我们列出当n等于不同数值时W变化的数值表格 :



从表格可以看出:yahoo首页的布局完全是按照栅格系统进行设计的,每个区块的宽度对应的n值分别为:4,11,9。在这里我们看到一个很有意思 的事情:只要保证一个横向维度的各个区块的n值相加等于24,则即可保证页面的宽度一定是950px。然而,950px的宽度也恰好就是当n=24的时 候,W的宽度值。由此我们得出以下的应用模式:



在栅格系统中,设计师根据需要制定不同的版式或者划分区块,他们的依据将是上面的那张对应表进行设计。这样,一个栅格系统的应用就从此开始了。我们 看到,使用栅格系统的网页设计,非常的有条理性;看上去也很舒服。最重要的是,它给整个网站的页面结构定义了一个标准。对于视觉设计师来说,他们不用再为 设计一个网站每个页面都要想一个宽度或高度而烦恼了。对于前端开发工程师来说,页面的布局设计将完全是规范的和可重用的,这将大大节约了开发成本。对于内 容编辑或广告销售来说,所有的广告都是规则的,通用的,他们再也不用做出一套N张不同尺寸的广告图了……


当然只要你愿意,我们可以衍生出任何一种栅格系统,只要改变A和i的值,这个根据网站的实际情况来制定。那么如何选择合适栅格系统,主要通过“构成 要素与程序、限制与选择、构成要素的比例、组合、虚空间与组合、四边联系与轴的联系、三的法则、圆与构成、水平构成这些设计元素规划,来实现比例和谐的平 面设计”。比较深奥,我们在这里就不详细阐述了。


呵呵,说了一堆栅格系统的优点。大家可能会问:难道栅格系统真的是完美的么?答案是否定的:对于内容信息不确定导致高度不确定的页面,在高度层面上就无法做到栅格了。(记得补充看淘宝UED的四篇文)


—————————————————————————————————


960px网格系统(http://960.gs/) , 也称 960栅格布局, 数年来作为网页设计人员的最爱, 被用来搭建网站和设计网页布局. 。该无疑是非常好的网格系统, 因为相当灵活. 它帮助网页设计者快速地构造以下栏栅数目的布局原型: 9 x 3, 3 x 3 x 3, 4 x 4 x 4 x 4, 10 x 2 等. 960 网格系统可能是现在最受欢迎的网格系统, 并已经在很多网站和设计模板上使用。如新浪、网易、搜狐等。



网格系统的缺点


有好就有坏,我们来谈谈缺点。


首先,很多人,尤其是对于新手来说——网格系统会阻碍他们的发挥创造。你会感觉你的灵感被束缚在这些条条框框里面了。如果出现这种状况,我建议你从网格系统中跳出来,用自己的创意去设计,按照自己的经验来排布元素,然后再切出网格系统,想出一个二者结合的两全其美的办法,稍做调整,如果网格系统和你的原创设计出入过大,不能有效协调,那么建议换一个网格系统,或者自己设计一个。


其次,网格系统用起来比较困难,有一定的学习成本,需要有一定的数学基础,你得懂比例,会计算。对于那些数学不好的人来说,网格系统真的是太复杂了。但是我认为,刚开始虽然比较难以上手,但是习惯之后,你会得心应手,设计也将会更加出彩。

 
在设计中应用网格系统:

几条小建议:
在设计中使用重叠网格(网格线要可见):


如果你能喜欢使用CSS网格框架,那就再好不过了,无论是PS还是其他什么程序,将网格设置为叠加,然后锁定。这样设计的时候心中就有数了。


设置参考线:


有了重叠网格之后,设置分栏参考线。这样就能够更清楚的划分边界。


尝试一下有限制的设计


最多16栏,6栏布局最明智。


运动员练习时都绑着沙袋还记得吗,有限制的练习,之后再脱去舒服,跑的更快。
因此,可以试着自我约束一下,练习在限制的条件下进行布局,这样你就能更专注于重点,进步更大。


注意空间问题.


每一栏之间的宽度越大,留给元素的空间越富裕。然而不要忘记垂直方向上的空间布局。是紧密还是充满留白?这需要按情况而定。

 
结论

现在你对网格系统已经了解了大概。
可以尝试一下在设计前多做规划,这样网格系统用起来更得心应手,布局更流畅,多想想结构,多想想怎样分栏的布局方式来规划内容。


网格系统是一种好的习惯,也是一种格式化的设计工具。有了它,你能更专注于内容呈递,更专注于强调重点。


原文地址:webdesign优设网翻译:@MartinRGB)


—————————————————————————————————


11个创新布局技法


栅格线不是唯一的可选项,这些老手经验丰富,基础扎实,他们懂得怎样去创新,懂得用新颖的设计完成目标。条条大路通罗马,他们会凭借自己的感觉去摸索成功的方式,而最终的效果却更出彩。




左图: 瑞士风格海报 by Josef Müller-Brockmann。右图: 后现代主义风格海报 by Wolfgang Weingart


现代布局栅格线系统是由瑞士设计(又名国际主义平面设计风格)在20世纪早期确立的。


到了70年代,后现代风格影响了瑞士设计风格,瑞士风格一改过去僵化的栅格线系统,换之以更加灵活的栅格线布局。以完成更复杂、装饰更华丽的设计。后现代主义设计师从未抵制过栅格线系统,但是他们打破了限制。



左起:Sex Pistol Album cover by Jamie Reid,。Magazine, ‘Emigre’ Spread, ‘Ray Gun’ Magazine cover


还有一些平面设计师以新式风格继续推动着栅格线系统的发展,形成了诸如朋克、新浪潮、数字表现主义等新风格。一些设计师,比如David Carson,完全摒弃了栅格线。更多的是对栅格线系统理解基础上的改良、突破。


时至今日,栅格线系统依然重要。但是不要那么死板,脑子要活一点儿,还有很多设计的技法,尤其是以自由开放而著称的网页设计。



如图: The Amanda Project website, Ed Fella’s website, Kutztown Communications department website,MTV‘s website


你看上面这些网页设计,都使用了栅格线系统,设计师”玩”的比谁都”溜”,他们会根据现有的情况,突破栅格线的限制,在不牺牲可用性的前提下,达到出色的视觉效果。


因此,要想掌握本文的技法,必须要有扎实的基本功,要对栅格线有充分的了解和心得。本文可不是新手向的文章,”要想跑,先会走”。同理,要想改造栅格线,必须先要掌握栅格线基础。什么叫做伟大的设计师?伟大的设计师便是:心中对基础和原则了如指掌,但又不墨守成规,根据实际情况与个人经验,打破规则,完成更美的设计。


废话不多说,看看这些设计师们是如何打破规则的吧。


1. 阶梯状布局



阶梯状的字体布局富有后现代主义气息,配合相关的图像,能够达成与众不同的视觉效果。


2. 适度倾斜



性感的翘臀?性感的翘字?个性十足,遐想连篇。

3.  
环绕形布局


更好的图文结合、打造视觉焦点、充分利用空间,挖掘栅格线系统的潜力。

4.  
插画元素


栅格式布局太呆板?试着加入一点插画元素吧。让页面看起来更具娱乐性,更好的平衡美学与功能。

5.  
重叠


在Frank Chimero的动态个人网站中,他采用了图像重叠的手段,而非传统的栅格线布局。令人印象深刻。

6.  
利用页面边缘


不要为了留边距而留边距——可以做点小实验,让文本超出页面边缘,然后用成沓的印刷品来呈递作品。

7.  
妙用形状


锐利的矩形配合以文本,看起来像是玻璃碎片,暗含一种暴力、兴奋的因素


8. 不对称设计



不对称设计让人感觉非常自然、淳朴、无修饰。比如说这罐蜂蜜,感觉就很天然。

9.  
拼贴画


这则可爱的婚礼邀请函感觉非常人性化、有手工质感,浓厚的拼贴风格。

10.  
加入引用


用户对一成不变的阅读节奏感到厌倦怎么办?那就试着打破节奏,给用户一点惊喜,引用就是一个好方法。尤其是在大块大块的文本信息中,加入引用可以适度缓解多栏布局的阅读节奏感,让用户读起来更舒心。

11.  
手绘字体


适度添加手绘风格的字体,让你的设计更加有趣,别有风味,而不是一本正经。
这就是突破栅格线布局设计的一些技法,大家可以举一反三,在熟悉基础的前提下,突破原则,也突破自我!


原文地址:99designs
优设网翻译:@MartinRGB


————————————————————————————————


淘宝设计师经验分享:APP的栅格试验


这里专门说一下关于WAP App的栅格设计。以下相关都是基于一淘H5和一淘App总结得出。



最近这个超火:
《设计师新宠!交互神器ORIGAMI》
 《FACEBOOK PAPER 中23个的设计细节》



先介绍三个名词:Wap App;Native App;Hybrid App(融合体,H5页面嵌套在Native中),之所以说这三个,是因为它们相互之间的联系在某种程度上制约了Wap App 的栅格设计。下面详细说下栅格试验。



Phone栅格和PC栅格,本质上没有区别,一样的计算方式,无外乎屏幕大小的差别,但这屏幕大小,就有很多细节需要结合手机用户习惯来判断和取舍。


我们试验的Phone栅格都是流体栅格,简单说,就是不定义具体尺寸,而是屏幕占比。


说到屏幕占比,我们需要设定基准屏幕(这个可根据某些具体数据确定,比如我的目标用户群使用的手机屏幕尺寸占比最多的是1136*640,即可定位基准屏幕),这里假定基准屏幕是960*640 。


通常栅格的计算公式 (m+a)*n-a=640-2b  (m 栅格宽;a 槽宽;b 留白宽;n栅格个数)


 

 
试验 1

m=40  n=12  a=10  b=25(我们通常定义栅格数目n是2,3,4,6的整数倍,12栅格算是最简单的栅格结构)。


试验1的栅格是沿袭PC的思想,但在后来应用到越来越多的页面时,这种栅格做2,3,4,6等分都很OK,但不做等分时,灵活性就很差,也算是一个致命的缺点,对于视觉设计师来说有很大的局限性。所以不建议在手机上使用12栅格。



 

 
试验 2

m=44  n=12  a=8  b=12。


试验2和试验1其实差别不大,栅格数目都是12,也算是相对早期提出的(还没有觉得12栅格的灵活性差),相当于是试验1的优化:一是觉得两边留白宽度25略大,二是可以在一个单位栅格内取到最小的可触摸尺寸44*44。但其实真正应用到界面上时体现的价值并不大。当然后来发现12栅格的弊病后,便一并放弃了。



 

 
试验 3

m=18  n=24  a=8  b=12。


24栅格是基于设计的灵活性而提出的。在应用中,无论是等分,还是灵活性,还是前端对于栅格的基数考量上,都相对合理,但依然没有最后选择这种栅格,这就牵扯到开始提到的Hybrid App。


需要应用栅格体系的H5页面,大部分是要嵌套到Native App中,所以要尽量让嵌套页面看起来和原生界面保持统一性,而App 有一个不成文的栅格规定,任何的界面尺寸都要是4DP的倍数,也就是最小栅格单位要是8Px(当然这可能也是没有足够经验的原因,到最后和APP团队沟通后才了解到,所以到试验栅格后期才采用了栅格试验4的方案)。


还是建议大家,如果你设计的WAP不需要配合Native,选择24栅格是相对完美的一种方案。



 

 
试验 4

m=8  n=80  a=8*2  b=8*3。


整个界面按8Px的尺寸等分80分,灵活性很好,可以很好匹配Native。但也有不够完美的地方,一是不论对视觉设计师还是前端工程师,应用起来都不方便,计算起来相对麻烦;二是不能3等分和5等分界面,需要在设计和开发时做特殊处理,当然用户是看不出来的。但因为要保持终端的一致性,所以我们对于wap栅格设计采用了栅格4。



试验完毕。希望对大家的日常项目有帮助。


 


原文地址:ued.taobao
作者:正少


—————————————————————————————————


转载结束,以上知识都是开头,要自己做结尾呀~~~




15seconds:

新知道的知识来分享下OV O


http://www.blueco.com.tw/bluecoteach02-2.html这个是讲印刷的

最近被印刷跟色差之类的吓到简直了