HTML颜色图表

http://fred.oracle1.com/~fred/pages/colors.html

做网站配色的好工具。

 

 

 

 

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

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

1. Deviantart

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

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

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

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

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



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



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



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



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



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

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



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



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



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



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



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

可能有用的小图标

[gallery]

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 地址，该工具会立刻为你生成一个色板。

[caption id="" align="aligncenter" width="407" caption="Color Palette Generator"][/caption]

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

[caption id="" align="aligncenter" width="417" caption="ColorJack"][/caption]

Daily Color Scheme
在 Daily Color Scheme 你可以看到来其它网站的各种各样的配色方案，如 9Rules Logo 配色方案。你可以将这些方案以各种格式下载到 Photoshop, Illustrator 一类的程序。

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



Other cool books list:

• designing web graphics.4, Fourth Edition by Lynda Weinman


• Creating Killer Web Sites (2nd Edition) by David Siegal


• Web Design WOW! Book, The by Jack Davis


• Web Design Essentials (2nd Edition) by Maria Giudice


• Cascading Style Sheets: The Definitive Guide, 2nd Edition by Eric A. Meyer (Not a new book, but useful.)

彼埃·蒙德里安

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


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

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

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

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

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

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

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

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

A free new web template

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

gimp技巧：怎么制作水晶按钮

今天根据一些资料自己总结了一个用gimp制作水晶按钮(Aqua button)的方法，当然使用图层与朦板结合的方法加上gimp标准的虑镜或者自己/别人写的虑镜可以制作出更棒的效果，注意，若是转载请著名出处哦 ^_^

1. 系统：ubuntulinux hoary，gimp 版本： 2.3.3 开发者版本（不过推荐使用最新稳定版本）


2. 先看看最终效果
   

   



3. 先按照我的这篇gimp文章创建一个如图所式黑底白前景色的新层
   

   



4. 新建第二个图层，添加图层朦板，并把上一层复制到朦板中，此时可以利用图案填充等工具得到如下效果（当然你可以选择自己需要的颜色或者图案）
   

   



5. 再新建一图层，用黑白渐变填充这个图层
   

   

   
   然后把这个渐变图层的模式设置为：遮蔽，此时关闭掉步骤 2 中的图层视图可以得到如下效果
   

   



6. 接下来就是再新建一个图层制造如下图所式的光照效果：
   
   
   • [ 图像 ] - 选择 -收缩 - 2px
   
   
   • 使用选择矩形区域工具
   
   
   • 按住 Ctrl 键从当前选区减去 80% 的选取
   
   
   • 以 白色 填充
   
   
   • [ 图像 ] - 选择 - 无
   
   
   • [ 图像 ] - 虑镜 - 模糊 - 高斯模糊(IIR) - 2px
   
   
   • 设置这一图层的模式为： 遮蔽
   
   
   
   

   



7. 最后再加上边框或者投影，添加背景图层，就得到了最终效果，如果不清楚，我这里还有一个 .xcf 格式的源文件 可以下载使用gimp仔细研究一下。