CSS分别设置Input样式(按input类型)

今天一直在纠结ie上input的问题,由衷的感叹一声ie真烂!
找到一篇好文章,解决了问我的问题。

当你看到<input>这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对。也许你可能想不到,这个小小的input竟然可以创造出10个不同的东西,下面是个列表,看看,哪些是你没有想到的:

继续阅读

解决AI字体循环滚动的问题。

一直有个问题在困扰我,AI里用键盘选择字体时总是在前面几十种字体里打转。
也就是说总有一些字体AI不兼容,遇到不兼容的字体就会跳回到最前面。
但是这么多字体总不能一个个去找,工作量太大了。
终于找到了方法:AI-编辑-首选项-文字-启用缺失字形保护,把前面的勾去掉。OK

常用英文字体探索

最近工作上常碰到一些国外的UX设计,但是对于老外的字体习惯还真没仔细研究过,决定花一段时间来探索和总结一下老外的用字习惯。

首先是在理想盒子网站看到了一篇《做英文网站的常用字体列举》十分有用。

英文网站的字体使用率:
Microsoft Sans Serif … 99.40%
Arial Black … 96.85%
Franklin Gothic Medium … 96.79%
Palatino Linotype … 96.33%
Verdana … 95.97%
Comic Sans MS … 95.44%
Arial … 95.40%
Lucida Console .. 95.29%
Courier New … 95.14%
Impact … 95.02%

说明了外国人最喜欢的网站字体是 Microsoft Sans Serif,其次是Arial Black,但我们中文建站时常用的Verdana,Arial!
很多时候就是这么一点的差别,让网站的阅读体验相差很远。
摘自:http://www.99is.com/website/archives/461.html


Richard Bao师友今天为我解答关于屏幕上英文常用字体的疑问:

微软自己研发或参与研发了数种专用于屏幕显示的字体
在 Windows 2000 上广泛使用的 Tahoma
在 Web 上广泛使用的 Verdana
以及现在在 Windows Vista/7 上广泛使用的 Segoe UI,中文对应的是微软雅黑
像 Times New Roman,是典型的印刷用字体
完全不适合放在屏幕上
而 Arial 则是中性的,它主要是为印刷设计(为了山寨著名的 Helvetica 字体),但在屏幕上显示效果只是尚可。

Roman 就是罗马字体,典型的这种带字脚的正式印刷体
Times New Roman 就是当年给泰唔士(Times)报定制的新式 Roman 字体。。。后来被广泛使用
但 NYTimes 现在自己都不用这个字体,他们在网站上和设备软件上用的是 Georgia 字体
Verdana 就是因为极强的可读性,才在 Web 上广泛使用,但也因为如此,Verdana 从来不会用于印刷

通常来说,微软Arial是不用的,一律用 Verdana 作正文,最近开始用 Segoe UI,但因为后者不跨平台,所以后备字体仍然是 Verdana
而 Apple 世界则大量使用的是 Lucida 和 Helvetica
这两个都不跨平台,后备字体是接近 Helvetica 的 Arial
而像 Google 这种网站。。。为了骑墙,非常统一地全部使用 Arial

另外,Arial 也不要做印刷,如果真的是平面设计,应该用 Helvetica
苹果的电脑从第一天开始就有 Helvetica,这是一个历史上有里程碑意义的字体设计
微软后来开发 Windows 的时候,也想用,但是授权费用太高,出不起钱
他们就找人山寨了一把,自己搞了个字体,叫 Arial。

字体还是分两种的
有衬线和无衬线字体
一个正规开发的网页,所有的字体最后的后备字体都应该是 Serif 或者 Sans-serif
具体显示用什么字体,取决于用户浏览器的设置
所有的浏览器里都有一个默认字体设置
并分有衬线和无衬线两种情况
为的就是这个时候用的

于是,又要可读性,又要跨平台
web 上能用的字体就剩这么几个了
Sans-serif 类的,Arial/Verdana,还有一个 Trebuchet MS 字体很常用,适合做标题
Verdana 只作小字号正文,不作标题
Arial 随意
Serif类的,因为可读性通常不可能好,所以很少用,用的最多的是 Georgia,且通常是为了用它的斜体
基本上就这样


关于什么是有衬线字体与无衬线字体(serif vs sans serif)
在西方国家的字母体系,分成两大字族:serif 及sans serif。其中typewriter 打字机字体,虽然也是sans serif,但由于他是等距字,所以另独立出一个Typewriter 字族出来。
serif 的意思是,在字的笔画开始及结束的地方有额外的装饰,而且笔画的粗细会因直横的不同而有不同。相反的,sans serif 就没有这些额外装饰,而且笔画粗细大致上是差不多。

像Times、Times New Roman 等都是属于serif 的字体,而Arial、helvetica 则是属于sans serif 的字体。
serif 和 sans serif 的一般比较
serif 的字体较易辨识,也因此易读性较高。反之sans serif 则较醒目,但在走文阅读的情况下,sans serif 容易造成字母辨识的困扰,常会有来回重读及上下行错乱的情形。
serif 强调了字母笔画的开始及结束,因此较易前后连续性的辨识。
serif 强调一个word,而非单一的字母,反之sans serif 则较强调个别字母。
在很小字的场合,通常sans serif 会较serif 字体较为清晰。
适用于不同用途
通常文章的内文、正文使用的是易读性较佳的serif 字体,这可增加易读性,而且长时间阅读下因为会以word 为单位来阅读,较不容易疲倦。而标题、表格内用字则采用较醒目的sans serif 字体,他需要显著、醒目,但不必长时间盯着这些字来阅读。
像DM、海报类,为求醒目,他的短篇的段落也会采用sans serif 字体。但在书籍、报章杂志,正文有相当篇幅的情形下,应采用serif 字体来减轻读者阅读上的负担。
中文的情况
在中文的情形也是有相当于serif 的字体,例如明(宋)体就是serif 的,他通常是和Times Roman 字族来搭配的。而黑体、圆体就相当于是sans serif 的字体。
在中文直排的情况,比较不容易显现serif/sans serif 之间的差异性,但是在目前中文横排相当的普遍的情形下,以上所述及的易读性、醒目性也是适用于中文。

很常看到中文出版书籍、杂志,内文使用了不易阅读,但却很醒目的黑体或圆体​​,这对读者来说,在长期阅读之下很容易就引起眼睛不舒服,似乎是应该尽量避免才是。
转自:http://www.douban.com/group/topic/1594724/


关于豆瓣上这篇文章和Richard Bao师友对 Sans 和 Sans Serif 字体可读性的不同说法,
我认为是再网页上比较实用 Sans 字体,在印刷时 Sans Serif字体的可读性更高。

囡囡的婚礼流水账

又一位好兄弟结婚了,作为首席跟班拍摄,全程记录婚礼的点点滴滴。

囡囡爸一丝不苟的为儿子贴喜字,心里也甭提多乐了。

婚房婚床一切安排妥当,十分卡哇伊。

6:18,车队开动了。

一大清早,天色还没亮,长长的车队,驶向新娘家。

都宝花园到站了,囡囡迫不及待的下了车。

整理一下衣服,准备迎战。

经过千辛万苦,终于打开了第二道门。

真正的挑战其实现在才开始..

终于砸开了闺门,两位新人笑得多甜。

爬高上低的,终于找到了两只鞋,赶快为新娘穿上。

就这么着把新娘接走啦?

到家了,总归要自己出点力。

囡囡的奶奶最高兴了,赶紧过来抱抱孙媳妇。

整理一下头戴。

为新娘别上胸花。

给父母进茶,红包已经到手喽~~。

中午到下午都是雨绵绵,无法外拍,直接就来到晚上宴会厅。

上台前的准备。

颇有些星味~~

掺酒的水,喝着倍大气。

一天的流程总算结束了,已经是一帆风顺,却把囡囡方方累得够呛。累与折腾也算是一种考验吧,祝他们早日造出小囡囡。最后来一张机电的兄弟伙子。

10个高明的直邮广告解读

这是一家美容整形医院的广告,两篇橡胶直白的展现了整形后的效果,怎么样,高明吧?! 

由于客户 San Jose Blood Bank(血站)预算有限,他们需要通过报纸传达出一个能吸引所有人注意的讯息,于是Publimark广告公司想到了用橡皮筋这个道具,结合一个手臂的画面,在报纸上投放了这个广告,准确的复制了“采血”的场景,同时配以文案“it ‘s up to you”(全由你决定),传达出号召人们献血的讯息。既简单又吸引人,成功完成客户交代的任务! 

很多时候,因为一时看不到效果,很多人渐渐的不再去健身房了,为了挽留客户,DDB为Companhia Athletica制作了两个有趣的日历,与普通日历不同,这两个日历上的男女均是镂空的,一月的时候,日历上显示的是一个体态过分丰腴的男人和女人,月复一月,当我们翻日历的时候,可以明显的看到日历上的男女在体态上有了变化,终于,当翻到12月的时候,当初的胖子终于变的苗条了,这个高明的点子告诉人们,不要着急退出,只要每天坚持到健身房来运动一下,就一定会有效果的。 

 

由于DDB确定的目标客户都是高强度的脑力劳动者,所以他们必然有很大的压力需要释放,而DDB为他们准备的这个小盒子,正符合他们的心意。因为这些盒子打开后里面是一个西红柿玩具, 而展开的盒子变成了一件白色的T恤,同时T恤上还有靶子,这些脑力劳动者们可以通过向T恤上的靶心扔西红柿减压,西红柿打在盒子上时就会变成一摊粘糊糊的形状,一会又可以复原成完整的西红柿,这正好变现了LavOnline的卖点:快速除污简单操作,怎么样,这哥们是天才吧?! 

 

Diaskintest是一家医疗机构,在早期的时候便可达到诊断肺结核的准确率98% ,为了表现Diaskintest的专业和准确,Voskhod广告公司为Diaskintest制作了一套日历,每张日历页都是3D图片,配上3D眼镜,就可以轻易的发现画面中的病菌,既好玩又突出客户特点。

 

13th street是一个专门为喜欢侦探小说的人播放犯罪案件的电视频道,这是Jung von Matt AG为该频道制作的VI,不需要多解释,够血腥够刺激的吧? 

 

这是音频工程公司GGRP Sound 的一则直邮广告。 一个简易的纸盒唱片机被放在信封中邮寄出去,当你把它组装起来的时候,用铅笔转动光盘,就可发出声音,这也展示了GGRP Sound强大的声音工程能力。 

当你看到有人在玩一个破了的飞盘,别奇怪,这是TBWA为宝路设计的飞盘,看吧,宝路可以让你的牙齿强壮,连飞盘都可以咬碎。 

 

这恐怕是史上最强大的名片了,因为它可以帮你修理自行车,如果你还是搞不定,拨打上面的电话,通知Broke Bike Alley公司,相信能造出这种名片的自行车修理公司也不是盖的! 

 

这是加拿大的Rethink为理财公司创作的广告,他们将名片设计成正反两面,希望人们信任理财专家,在价高太  高前买进,在价格下跌前卖出,正反两面的梯度刚好准确的传达出这一讯息!

转自站酷:http://www.zcool.com.cn/show/ZNDE1MDQ=/2.html