Archive for the 'Design' Category

互联网产品设计的40个超实用的Web设计工具

本文将会展示一些web设计师应该经常会使用到的工具。如果你需要一些灵感,你可以访问最流行的设计展示站点来寻找你需要的好作品和好例子。
一些设计相关的工具,在线生成器,免费字体站点,模板站点都将帮助你更有效率测试和管理站点。记住,并不是什么都亲自完成才是最好的方式,一定程度的借鉴将会让 你以更轻松的方式完成任务。

1. Deviantart

Deviantart是互联网站最大的艺术展示站点之一。你可以在这里找到好灵感。

deviantart-web-designer-tools-useful

Continue reading ‘互联网产品设计的40个超实用的Web设计工具’

10+设计资源和灵感的必备网站

原文地址 http://www.cnbeta.com/articles/67747.htm

在这个互联网,并不是的有人都掏心掏肺让你可以真正学到东西。所以,找到一个有高质量,有内容的资源和灵感网站并不是一件容易的事。自从自己学习网页设计以来,收集了不少网站,这里,分享10+必备设计资源和灵感的网站,或许,会有你一直寻找,但并未真正找到的:

1. CSS Globe – 你可以不看A list Apart,但这个我想是必备的。这样的说法多少有些争议,毕竟ALA是受大部分人推崇的。不过,这个网站总能收集到你需要的CSS技巧、JS教程、用户体验,甚至WordPress资源。

cssglobe.gif

2. Smashing Magazine – 估计她的名声之大到了可以不用介绍的地步。以收集出名。当然,我是在夸奖,这个网站的质量无可质疑,可以说是篇篇精品,涉及CSS/JS/平面设计等。

sm.gif

3. Nettuts – 关于CSS/JS/PHP,各种关于网页设计和网页功能实现的技巧,有时候,即使你不认识CSS或者PHP,这个网站的文章都会让你实现某个功能/效果,所有讲解都非常详细。

nettuts.gif

4. Web Designer Wall – 跟Nettuts相似,内容没有Nettuts多,不过,绝对每篇精品,大多为作者自己写的,原创性比较高。主要关注网页设计与平面设计。

wdw.gif

5. Noupe – 又一个相对比较多收集内容的网站,貌似是因为一个关于Wordcodess教程系列而出名,不过,其内容远远不及这些,关注的内容大多关于网页设计的技巧。

noupe.gif

上面介绍的都是综合性比较强的,下面介绍一些内容比较专注的网站,你想找到的,这里都有相关的顶尖资源在这里,他们要做的就是顶尖的内容:

6. Fonts500 – 500种字体,还怕找不到你想要的?不过,都是英文字体。一般情况下,需要比较特别的中文字体,都需要自己制作。

font500.gif

7. ColourLover – 有没有总听人说,这个主题的配色很sofish? 对,颜色可以建立一个品牌,就像一个商标一样,给网站找一套合适的配色可以让你的品牌更深入人心,而ColourLover可以帮到你。

colourlover.gif

8. LogoPond – 主题像你的衣服,而LOGO就像你的脸孔,一个成功的LOGO总是让人印象深刻,不需要多华丽,但至少要有自己的特色。看看LogoPond吧,她会给你灵感。

logopond.gif

9. CSS Mania – 像A List Apart一样,她备受推崇,她被视为灵感的汇集地。当然,并没有那么神圣,但CSS Mania总能带来漂亮的、独具创意的网站,让你耳目一新。

cssmania.gif

10. ZCOOL -这个对于国内的设计师来说,可能相对比较熟悉。提供PNG/PSD/ESP/AI等素材,主要关注平面设计,还有JS以及一些的酷站。个人在图片素材上,经常在上面淘宝。

zcool.gif

11. Web Design List – 最后,让我们来个大集合吧,你还想要什么呢?JS/CSS/XHTML/IE Hack/Blog程序/等,关于标准化网页设计的内容,这里有很多权威的链接提供给我。

list.gif

可能有用的小图标

5 个充满想象力的 Web 调色板

Web 设计离不开调色板,现成的调色板多不胜数,不管是 Windows 标准色板,还是 Web 标准色板,还是 Pantone 色板,它们虽然准确,完整,但缺乏想象力,下面要介绍的 5 个调色板(或者说调色板生成工具)可以激发你的设计想象力。

Kuler
Kuler 是 Adobe 实验室出品的调色板生成工具,完全基于 Flash。你可以创建自己的配色方案,也可以浏览,搜索别人的方案,这些配色方案可以下载为 Adobe ASE 格式并被 Adobe Creative Suite 中的程序调用。

Color Hunter
Color Hunter 是一款基于 flickr 图库的调色板工具,它最有趣的地方是,可以根据 flickr 中的图片,自动生成该图片的色板,你可以通过 Tag 搜索图片,也可以上载本机中的图片。

Color Palette Generator
和 Color Hunter 一样,Color Palette Generator 也是根据图片生成调色板,但比 Color Hunter 简单,但简单的东西可能更好用,你只需要提供任何一幅图片的 URL 地址,该工具会立刻为你生成一个色板。

Color Palette Generator

ColorJack
ColorJack 会显示一个色表,将鼠标指针放在某个颜色上,会显示基于该颜色的配色主题,你可以将生成的配色方案输出到  Illustrator, Photoshop, 或 ColorJack Studio。ColorJack 的其它工具包括 Color SphereColor Galaxy,这两种工具使用不同的用户界面生成配色方案。

ColorJack

Daily Color Scheme
Daily Color Scheme 你可以看到来其它网站的各种各样的配色方案,如 9Rules Logo 配色方案。你可以将这些方案以各种格式下载到 Photoshop, Illustrator 一类的程序。
Continue reading ’5 个充满想象力的 Web 调色板’

Some new Web Desgin books on Amazon

Yeah! I found some Web Design new books on Amazon, some day, maybe it will help me ;)

the link

creative html design.2 (2nd Edition) (Paperback)

Other cool books list:

正确曝光的秘诀(下)

没有测光表时的曝光:“晴天 f/16”法则

内置在相机里通过镜头进行测光(TTL:through-the-lens)的测光表使我们进行的摄影工作简化了很多。实际上,我们非常依赖于这种测光表,如果没有它,当各种事物出现在我们的镜头前时,我们会感觉到有些迷失方向或混乱。我知道,有一些摄影师可以凭经验比较准确的估算出正确的曝光参数,他们也为他们的这个能力而自豪,但我不是这种人。

535502_1.jpg
晴天

然而,在一种情况下,正确的曝光参数是一个不变的常数,那就是当你在明媚的阳光下进行摄影的时候。在这种情况下为了得到正确的曝光值,你应该遵循我们称之为“晴天f/16”法则的一些规则:在明亮的太阳光底下(高空无云,没有薄雾,没有空气污染),大概从日出以后的几个小时开始直到接近日落前的几个小时,对正面光照的被摄物体的正确曝光值近似接近于,用感光度的ISO数值的倒数作为快门速度,同时把光圈设置为f/16时的曝光量,或者是其他任何等同的曝光参数。呵呵,这样说有点太空洞了,让我们来更深入的研究一些这些规则。

首先,“晴天f/16”仅适用于明亮的、直射的太阳光线,而不适合凌晨或黎明的太阳光,也不适合薄雾或阴天的光线。而且这个法则也不适合在北方深冬时使用,因为这时的太阳离地平线很近,光线很低。“晴天f/16”也不适合拍微距,因为许多镜头在近距离对焦时有效光圈的大小都会发生改变。理论上,光圈f值只在无限远处是准确的,相同光圈下,当焦点移近时,焦点处进入镜头的光线也会减少。不过通常不用担心这个问题,因为你的TTL测光表已经把这个变化计算进去了。但是,“晴天f/16”法则是不用测光表时的曝光值,所以当这些条件变化时,这个法则就不灵了。而且这个法则只适合应用于正面光照的被摄物体(太阳光从高于你的肩的高度直接照射到被摄物体上)。所以,在夏天的正午,此时太阳是从头顶直射下来的,只有当你想从上往下拍摄你的双脚时,才可以应用“晴天f/16”法则。如果你想在此时象往常一样拍摄,那你就需要修改“晴天f/16”法则的参数以适应侧面光照的曝光需要,后面我将简短的介绍如何进行修正。

还有,这个法则只对均匀(average)色调的被摄对象有效,太亮或太暗物体都会出问题。其实大多数被摄物的色调都是很均匀的,用摄影师的话说,都是“中间的”(middletoned)。我个人不大喜欢“中间的”这个说法,因为当我们讨论色调时,有太多的摄影师使用“中间灰”(middletone gray)这个词,但我们并不是在讨论黑白摄影。因此我用“中等的”(medium)这个词来代替。这样就可以说“中等绿”、“中等红”、“中等蓝”等等。

别忘记的是,当使用“晴天f/16”法则时,不是一定要使用ISO值做为快门速度和f/16,还可以是用其他等效的曝光参数进行曝光。而且这个法则中没有提到使用的地点。我就曾被人问过在山顶是否可以使用“晴天f/16”法则。答案是肯定的,因为太阳离我们有93,000,000英里远,我不认为当我们走近太阳10,000和12,000英尺时,会对“晴天f/16”法则有多么大的影响。
【编注:对于现在自动化程度都比较高的相机,所谓“晴天 f/16”法则并没有太多实用价值,但,了解这个规则,对于深入理解曝光控制会有帮助。】
Continue reading ‘正确曝光的秘诀(下)’

正确曝光的秘诀(上)

导引:应该拍些什么?

  其实这是一个不该问的问题,这个问题会使拍摄出的照片缺少一些让人激动的内容。如果没有激情,我们拍摄出的照片无非只是记录一些场景。我们经常问自己的问题应该是“我们到那应该去发现什么?”只有当我们的大脑和眼睛满怀热情的去发现那些大量存在于我们身边的自然界里的惊奇事物时,我们才会有拍摄的兴趣。

535498_1.jpg

  摄影的过程应该是一个发现新事物的过程,同时也是一个记录这些发现的过程。

  在这个摄影的过程中,我们通过许多决策而使我们周围混沌的事物变得有序。我们必须做出决定,要突出强调我们发现的事物的哪个方面,而忽略其他的。我们会希望用一种恰当的方式表现某个主题,以表达我们自己是如何被它感动的。为了做到这些,我们必须做出冷静的决定:取景器里应该包括那些东西,以及如何组织这些内容。从这开始,摄影的过程也开始了。

  现在我们又必须做出一些技术性的考虑,当然是和摄影相关的:使用什么相机、什么镜头、如何用光、以及如何曝光。
  摄影的过程应该是经过认真考虑的和有计划的。摄影创作的任务就是对可见环境的设计和组织,但是这个设计不会无端的出现。对于相机、镜头、和自动曝光的选择过程也是一样的。我们必须能够熟练地应付摄影中遇到的美学以及摄影器材出现的问题,否则我们会得到失败的结果。

  摄影这种双重的本质一直吸引着我。对于好的摄影作品,各个方面是平行发挥作用的,不会互相压倒对方。形式和内容在一起构成一个和谐的整体,使它成为一个同时吸引着观众思维和感情的有趣的作品。

  为了达到这种和谐,作为摄影师的你必须同时完成两个方面的工作。一方面,你必须是一个诗人和艺术家,发挥你的想象力来面对直观的和神秘的世界;另一方面,你必须是一个技师,理性的来处理快门速度、光圈值和焦距。没有技术的想象力和没有想象力的技术同样是失败的(太精辟了——编注)。

  我们肯定都看过那些凭着个人的热情和感情拍摄的照片,但缺乏技术性的竞争力。我们会因为这些照片缺乏组织性而丢弃它们,而且会认为拍摄者没有使用好摄影这个工具。同样,我们也一定看到过那些技术很精湛的照片,但是它们缺乏照片的灵魂,是缺乏艺术气息的、空洞的、没有灵感的作品。

535498_2.jpg

  很多人都比较缺乏摄影技术方面的技能。我们通过眼睛可以看到很多图像,但怎样把它们记录下来呢?我们的旅行是非常精彩的,但往往最终拍到的照片却和我们的经历几乎没什么关系。为什么?我认为最主要的原因是,我们中的大多数人只是充当了一次临时摄影师。他们一直处在学习摄影的起步阶段,一直没有掌握基本的摄影技术。结果是,许多人倾向于买一架喜爱的相机,然后把它设置为自动对焦、自动曝光、甚至全自动的模式,这样他们根本不用去想相机是如何去工作的了。但是,这意味着他们放弃了摄影师的责任,而变成了一个相机携带者,而不是一个摄影师。他们让一个机器来为他们做出决定,而不是学习如何去控制这个机器。

  我经常会很惊讶的听到有些人说,他们学不会如何操作相机,因为它太复杂了。我曾经遇到过,一些人在其他方面有非常强的能力,但当面对光圈f值或三脚架时,他们显得是那样无助。同样是这些人,他们可能是医生、律师、教师、或者是计算机程序员,他们每天都会做许多比操作相机更复杂的事情。其实相机只是一个机器,并不比其他机器更神秘。如果你能开汽车、骑自行车、或者操作电脑,同样你也一定能操作一架相机。
  当掌握了摄影技术方面的技巧,你就能把更多的注意力放到美学层面上,这也是我为什么着重强调摄影技术的原因。如果你一直在笨拙的应付镜头和三脚架,那你大脑里的那些灵感很快就会蒸发掉。你一定也希望掌握摄影技术方面的技能,这样就可以更多的关注照片本身而不是具体的过程。如果想拍出精彩的照片,对摄影技术和美学两方面的掌握是必不可少的。
Continue reading ‘正确曝光的秘诀(上)’

彼埃·蒙德里安

mondrian_small.jpg很多学艺术、建筑的人很可能都知道彼埃·蒙德里安,这位荷兰的绘画大师以简单的直线、直角和方形影响了现在艺术和现代建筑学。

彼埃,蒙德里安(1872–1944年)生于荷兰中部的阿麦斯福特,逝于纽约。他出身于一个严格信奉加尔文教的家庭,父亲是位小学教员,要求儿子也从事教育。但最终,他的儿子还是拒绝了这一职业,并在两个公共学校获得了图画教学证书之后,进了阿姆斯特丹美术学院,成为一名勤奋刻苦,颇受教师赏识的学生。然后,他经历了一个困难时期,画的很多,卖掉的很少,靠在博物馆临画卖和绘制科技挂图过活。

他主要画阿姆斯特丹周围的风景,并经常重复一个题材。例如,他以同一角度多次重画杜旺德里兹农庄。他的颜色尽管以灰和暗绿为主,却往往柔和秀美。他的画风爽直,笔法也非常肯定。1903年,他在荷兰布拉拜特信奉天主教的农民地区住了很长时间,这似乎给他的绘画展开了新的前景。宗教问题使他着迷,他读着“神智学协会”出版的书籍,并在几年之后,成为它的会员。他爱画孤立的村舍,淡紫色和灰色的神秘森林内景。1908年夏,他到瓦尔申岛东布尔的首次旅行彻底改变了他的画风,颜色有了光泽,淡紫色渐渐消失,从而使浅兰色、白色、玫瑰色、金黄色得以自由驰骋(一系列的《沙丘》,《西卡拜尔之塔》,1908—1911年)。

一些朋友劝他前往巴黎,荷兰画家吉克尔把自己在蒙巴纳斯的画室借给了他。于是,蒙德里安于1911年底来到巴黎。他马上受到立体派的影响,画出作为本世纪绘画中对确定主题进行不断抽象化的唯一组画—著名的《树》。在第一次世界大战爆发前十五天,他回到荷兰,看望生病的父亲。在阿姆斯特丹,他得知了开战的坏消息。停战之后,他才急迫地回到巴黎。在这四年半中,他住过东布尔,斯赫维宁根,阿姆斯特丹,拉兰的小村镇。他继续探索抽象画(以海和大教堂正门为题),并在1915年画出一种横、直线的节奏(这些作品后来被称作《多与少》的组画),予示着即将出现的新造型主义和纯造型派。

这时,他认识了瑟奥·凡·杜斯堡,两人一起创立了斯蒂尔杂志,并于1917年10月出了创刊号。蒙德里安在该时期中写作要多于绘画。他在《斯蒂尔》上发表了一些长篇理论文章,其中有几篇采用了对话的形式。其中一篇《自然现实与抽象现实》堪称抽象艺术的基石。1919年初,蒙德里安回到巴黎,继续就横、直的新造型艺术主题进行长期思考。在直至去世的二十五年中,这一工作从未停止。他画的背景先为灰色,后为兰色,从1922年起,固定为白色。构图经常是稍有变动的重复(1929到1932年间为正方形画幅)。在颜色中,他偏爱红色。他这一中心时期的某些作品含有红色的长方形,有时占着色面积的三分之二。

他很少展出作品,只卖给极少的收藏家,谦逊地生活在一间以新造型主义原则布置和油漆的画室里。他极少去宣传自己,然而却驰名世界。从此,其作品的意义超越了荷兰国界。他的思想曾在一段时间里影响了莱歇和包梅斯特,后来,又影响了本·尼克松和马克斯·比尔。他也有忠实的学生:摩斯小姐、让·高林。1925年,包豪斯出版了他的书《新造型》,在德文译本中,还加上了1920年他在巴黎《现代努力画廊》出版的一本小册子《新造型主义》。

蒙德里安艺术的意义在于他把方法缩减到简单地表现一种往往是两条直线在直角上相交的关系,以此来寻求造型艺术的单纯。不光是曲线和空间想象,就连用笔的一切可能,一切使人想起印象派技巧的笔法,都统统被他抛弃了,因此造成一种反对一切外表世界的持续、神秘的绝对化。他的画是平的,画上的颜色也是极平的,这样,它就变成了一种既不联系于时间,也不联系于空间的思想工具,然而它又驾驭着时间和空间。这就造成了一种关系,蒙德里安一直想要使它充满活力,表达出不对称的平衡。

1938年9月,他感到战争临近了,于是,离开巴黎去伦敦。然后,又于1940年9月到达纽约,在众多崇拜者的关心之下画了起来。他在纽约完成了一些在伦敦和巴黎动手的画,办法是以方块或色线的相加来减轻已变得众多的黑线的压迫感。生命的最后两年带给他的满足要胜过不断劳作的五十年。他有了某种物质上的舒适,并在作品中表现为更大的精神安逸。黑色被赶走了,《纽约市区》一画只有黄色,红色和兰色的线。在《康庄大道之歌》中,线有断成一个个小长方形的倾向,有如音乐中一段快乐的拨弦乐。他的未竟之作《胜利之歌》更是一首表达欢乐之情的交响乐,审慎和自由,保留和激发组成了仍以横、直新造型主义的已知条件作为法则的完全统一。

在本世纪绘画中,蒙德里安占有极为重要的地位,这不仅因为他从自然主义缓慢地、逐步地走向最完全的抽象化,也是因为他在这一过程中的成就。每一步都是一个人的全部体现,这一绘画对进程中的任何时刻都不是漠不关心的:它负起了完全的责任,并且不作任何妥协。在冷漠的抽象化顶峰上,画的后面有某种东西在振响着,它使画面温暖、人道,并使它成为无法摹仿的。

Desktop Backgrounds For Designers

I’ve been on a customizing-my-mac kick lately. Today it’s my desktop background.

A search for desktop backgrounds will yield you a ton of results (I got 11,600,000). Most of them are crap, but if you’ve got a few days hours, you can find some well designed gems.

If you don’t have the time, I’ve put together a list of some of my favorite desktop background sources:

Mandolux (The image above is from here)
555design
Artlebedev
RAILhead Design
Atacama Design
My Desk City (ignore the Hello Kitty desktops)
Sensitive Light
Caedes
InterfaceLIFT
Endeffect
Pixel Girl Presents
Twisted Sun
Patrick Bennett
Deviant Art
VladStudio
Guikit
Panoramas (for those of you with two monitors)
MacDesktops (there are some nice ones)

A free new web template

Last week, I designed the new web template under GPL lisence. You can download and codeview at here.