Ubuntu下的颜色工具
做颜色选取及配色的工具,比比皆是,记录一下我在Ubuntu下发掘的几个:
- Firefox下有colorZilla,这个是firefox的插件,但在我的Ubuntu版本的firefox下不能用(Ubuntu的firefox和标准的Firefox Linux版有少许差异) 。
- Gnome下的 龙舌兰(agave)非常不错,除了取色,配色,还可以将常用的颜色保存起来以备以后使用,apt-get之后就可以使用了。
- Web上的这类网站也很多, 比如colorjack在配色方面提供的选项比agave还要多,可惜基于web,没有提供取色和保存等功能。
另外Firefox下的Web developer插件(这个插件niubility了,称之为网页设计的瑞士军刀应不为过),也有一个和颜色相关的功能,可以一次显示某个页面的所有颜色(View Color Information),但我发现有时会漏掉一些,咂回事呢?
点阵到矢量转换
看看这个域名,就知道功能一定不俗: vectormagic.stanford.edu
这个网站可以将点阵图像转换为矢量图,比如将PNG,JPEG转换为SVG,PS格式等,并下载转换后的格式。看起来是够Coool的,我想到的一个应用就是看看是否能将一个人像照片转为矢量,应该会有绘画的效果。
用一张照片作了实验,转换的结果实在是太"完美"了,确实是矢量图(可以无损的放大),但居然那么接近原图,使得"矢量"的效果打了一些折扣,也许是我用了过高分辨率的图,或者参数设置过于精密所致,不过可见它的转换算法应该还是相当的牛。
http://www.sideshowdigital.com/
这个页面的布局挺有意思, 颜色和字体也不错,我还学了一招:
HTML中可以用下面的这个方法来隐藏Email地址(估计对Robot应该能管用吧)
<script language=javascript>
<!--
document.write("<a hre" + "f=ma" + "ilt" + "o:usa" + "@sidesh" + "ow" + "digita" + " l.com" + ">E-mai" + "l us<" + "/a>" + "")
//-->
</script>
<noscript><a href=mailto:usa[AT]sideshowdigitalDOTcom>E-mail us</a></noscript>
考虑的还挺全面的,没有Javascript时,只能用[AT] DOT 来糊弄了。
Don't make me think
才看了两三页,大体认定这绝对是一本好书,界面设计必读,看看这些句子:
"What's the most important thing I should do if I want to make sure my Web site is easy to use?"
"Don't make me think"
"If something is hard to use, I just don't use it as much."
"On Internet, the competition is always just one click away, so if you frustrate users they'll head somewhere else."
"We don't read pages. We scan them."
"We don't make optimal choices. We satisfice."
"We don't figure out how things work. We muddle through."
"It doesn't matter how many times I have to click, as long as each clik is a mindless, unambiguous choice."
http://9rules.com/
比较喜欢这个网页的设计,页面的背景漂亮,无衬线(Sans Serif)的字体搭配感觉很好,区域的弧线外边框很帅。但页面的下半部分有些凌乱,没有重点, 另外Form的几个控件显得有些突兀。
这个网页似乎还有些其它的问题,在IE和Firefox下的效果差异较大。而且不能用Saveas完整保存(IE和Firefox都不行,总是漏掉背景),难道这是它的保密手段。。。
《Non-Designer's Design Book》
书名及内容都很有意思,适合我等菜鸟。内容不长,不到200页,一半的内容从非设计专业的角度介绍了设计的几个基本原则:Proximity,Alignment,Repeat和Contrast,这部分内容相当好,看了有一种茅塞顿开的感觉。还有一半的内容介绍字体的秘密,我不喜欢这个部分,谁叫他不讲中文字体呢,呵呵。
有一句话有点意思(版权完全不归我所有,如有侵权,纯属意外):
Once you can name the problem, you can find the solution.
-- Non-Designer's Design Book
OReilly《Learning.Web.Design》第三版
关于Web Design的书有一个好处,大多制作相当精良,给人感觉像是Web的克隆(我十分想知道这些书是用什么排版工具排出来的?呵呵)
这本书主要介绍Web的一般设计原则,重点是HTML和CSS,很细致,后面还有一些内容介绍Web图像处理。我草草看了一些,内容写的不错,也有一些有趣的素材(比如各种显示分辨率的统计),并且非常"与时俱进",值得推荐。但一定要第三版,因为Web的技术发展太快了,很多到现在还在讲解HTML而忽略CSS的书明显过时了。
由于没有涉及Javascript,这本书只能算是设计静态Web的指导书了。
photoshop paste
最近有时发现, 居然有些大的屏幕截图, 在photoshop里面不能paste,我试了几次,当截图比较大时(比如直接PrintScreen)就不能paste了,而Alt-PrintScreen截取一个窗口时,图比较小,就可以paste。难道是内存不够了? 不是还有disk嘛,一看我的C盘,只有几百K了,倒掉垃圾桶,paste就正常了,原来如此。
其实我的内存是够大的,不知道为什么photoshop非要动用磁盘,可能photoshop是想留一些内存给别的程序用吧。
简洁的导航条
比较喜欢的是页面上方的导航条,漂亮且非常实用。
由于是用Django设计的,所以内容区域也比较有个性。
看到这个网站是来自于这个帖子(列举了一些设计精美的blog)。

