2006-02-17四十幅世界名画欣赏
TAG：设计相关 文章分享在天网论坛看到一篇《四十幅世界名画欣赏》，本想帖出来的，不过实在是太大了，打开速度会很慢，在此就给个链接，各位见谅。
http://pfw.sky.net.cn/news/posts.php?tid=16885388
2006-02-11Digital Web Magazine的LOGO重新设计过程
TAG：设计相关Digital Web Magazine的LOGO重新设计过程
作者：Kristof Saelen
翻译：波希米亚
特别致谢Kristof Saelen为“Digital Web”创作新LOGO并编写设计过程。
版权归波希米亚、蓝色理想(www.blueidea.com)所有。如要转载，请与本人联系。
自从“Digital Web Magazine”对他们的新LOGO实际上应当象征什么没有主意的时候，他们就将初步的打算告诉我并全权委托给我。这不是个简单的任务——许多问题一股脑的涌入我的脑海。我实际是在为谁设计LOGO？谁是他们的受众？观众觉得什么是舒服的呢？等等……这些问题最基本的答案就是要创作出一个得体并且有代表性的LOGO来。
审核者的个人偏好、意见以及设计者的设计风格在我们的创作过程中都有着很重要的影响。但是我们必须紧记，最重要的（而且往往也是最普遍的）看法是来自于读者的。从我们产生第一印象到创作完成，这期间大概需要3个月的时间。花费这么长时间的原因是因为评论者与我之间在背景和思想上的差异，而另一方面，它也有一个很大的优势，这就是不同的人可以彼此交流他们不同的看法与观点。
起初的设计只是一个尝试，只是泛泛地测试一下“Digital Web”的反响如何。我想，一个好的创意开始是来源于很独特的想法。
后来回顾这个设计的时候，我们认识到了一个问题，就是，字体应当更加的清晰易读。就像“Digital Web”一样，具有很好的内容可读性。从传统上来说，“Digital Web”是两个单词的结合。这个观念表面上看已经远离了起初的考虑。“sans-serif”这个字体是很理想的，但是它没有充分的诠释出设计的特性。添加一个符号或是图标来替代传统的字体可以让我们设计出更有特色并且更具代表性的LOGO。符号也可以起到很好的作用，所以我们把有关字样的问题留到后面去谈。
符号
我们第二次调整，但实际是我们对符号的第一次尝试，它是在1A观念基础上的延伸。这些设计可以在同一时间表示一个独立的符号或是一个缩写。这里每个符号可以象征D，W或是M，尽管字母D在2B和2D中会因为顶部结构而被误认为是字母C。
在2A和2C中它们经过改良、加粗，使其更有立体感，而不像开始那样是单独的部分。3A是它的再发展，但是它的条纹（特别是着色的那条）会让我们想起一个运动的品牌，干脆就不是“Digital Web”所期望的。更多有关色彩的问题我们留到后面去谈。
除3A外，我还尝试了一些全新的设计，它们在这套中就显得简单多了。在3E和3F中我们发现D和W很难读出来。3C和3D中我们制作了很大的拐角，并让它们敞开一个缺口。3B是这套中最粗的，因为这样，它看上去更朴素、更独特。注意看它，想象一下，3B中着色的外形来自于字母W，而周围的空白与中空恰恰塑造了字母D的形象。这是我们这个任务中的一个重大的飞跃，并且是向下延续的新基础。
接下来是我们在先前制作的3B基础上做一些变化。这里需要注意的是，我们在第3套中所见到的在4N中有所重现。在这个设计试验的工作中，我尝试为我们的LOGO增加自然的价值。比如说，在4D和4L的顶端就有波浪形状的边缘。而其余的在左下脚也带有圆角，就像所有在橙色与蓝色行中的那样。它们的右上角都带有字母W的尖头。
橙色行的前三个例子与红色整行，因为它们打磨的右边末梢，使得技术感不是很强了。我们的LOGO看起来要比普通的更显动态，而字母D仍留有遗迹。我尝试在中间区域使用黑色与周围颜色进行对比。但是这单调的颜色看起来却很好，虽然这里并不是真正需要这种对比，但是我们稍后要加上的伴随字体是带有部分黑色的。在这套中，我们看好4I，因为它全新的动与静的结合，以及它的朴素。
接下来我们要做的是，使我们的LOGO底部变得平滑。注意5A的底部与右边尖角之间的连接处，它要比先前制作的4I中的更平滑、更流线。另一个想法是像5B这样的镶嵌式，但是它很快就被否定了。
用符号表示是到目前为止我们见到的最好的方法，它更坚定了我们的下一个环节。一些新的设计试验可以让我们展开新的想象以巩固我们的LOGO。这或许是它们中最疯狂的。我们很快的意识到，在右半部上做文章是进入了误区，尽管6B，6F和6J很有新意。草书的样式和平滑的顶部曲线赋予了我们的LOGO一种现代的、并且活跃的视觉感受。紧挨着6B的那些新的样式，它们看起来就不那么单调和迟钝了，所以我们的新样式是值得探索的。
接下来的想法就是连接顶部的曲线，其中间是一个单一形状的实心的字母D。注意7A中的字母W，由一些着色的空间组成。其中第一个成为“Digital Web”的最终选择。随后我继续尝试一些更自然的变化，但是我们发现字母W变得枯萎。所以7A当之无愧。
字样
正如我在前面所提到的，“sans-serif”字体更适合于富有现代感的LOGO，所以我尝试了许多一般使用的并简单易读的字体。第一感觉，这些字的类型就比开始我们使用的要清晰的多。类型1的成功来自于它字符与单词之间的白色空隙。正如你所看到的，3和4中白色空隙的使用就比其它两个逊色了许多。因为‘Magazine’之间的字符间距要大些，所以我尽量使‘Digital Web’的间距小些。这就主张在它们之间进行对比，否则字母就会分的太开。同时也要注意类型1的字体也比其它的要窄些，或许另外一个原因是让空隙看起来更好。类型1拥有了所有好字体应当具备的规范。
这里唯一的缺陷就是字体不够独特。实际上，它在网页设计中是的使用是非常广泛的，所以值得对这个独特的面孔做一些类似以下的改良。
首先在这里你应该注意的是它们字体的粗细。先前类型1中的很多外形都是依照这个类型，除了边角处。为了打破常规字体的钝化效果，最尖锐的拐角（比如字母A和字母W）都已被平滑化，以便更适合于我们的符号创作。不久，我们在这套中选中了6，它的字的疏密恰恰完美的表现了我们的LOGO的设计思想，不太粗也不太细。我们认识到这些，并且展开一些联想，字母B看上去有些像数字8，因此我们最好避免它发生。所以下一步，我们对这类进行修正，这次将字母B的顶部改为90度角。
在完成设计之前，我们还有一件事情要做，那就是，将“Magazine”加入我们的LOGO。我们在之前用的字体太有棱角了。为了体现“Digital Web”的易读性，这里我们仍然采用“sans-serif”字体。它看起来朴素、简洁，这样就使我们的LOGO看起来更好。
色彩
在我们形成观念和评论的过程中，我们实际上从未考虑LOGO的最终颜色。唯一考虑的就是它应该是快乐的，清晰的，并且是灵活的。这里我使用的颜色仅仅是为了举例，为了得到与背景很好的对比度。只用一种颜色会使我们的LOGO更适合于各类设计形式。符号与“Magazine”字体的颜色可以依赖于网站的颜色。“Digital Web”的文字用白字黑底或黑字白底都可以。
我们制作的这个LOGO应当能轻易的适合于网站的全新设计。让我们预祝它能够更好地在世人面前展示“Digital Web”的魅力。
转自：蓝色理想
2006-02-05搭配的艺术--谈主页用色
TAG：文章分享 设计相关色彩的含义
色彩本身是无任何含义的，有的只是人赋予它的。但色彩确实可以在不知不觉间影响人的心理，左右人的情绪，所以就有人给各种色彩都加上特定的含义：红色：强有力、喜庆的色彩，很容易使人有兴奋感觉，是一种雄壮的精神体现。黄色：亮度最高的色，给人感觉就是很有温暖感，灿烂辉煌!试试加入淡红色或淡紫色！
绿色：美丽、优雅，给人感觉大度、宽容。
蓝色：永恒、博大，大家可以看看天空！给人感觉平静、理智。
紫色：小MM们常用这种色，给人神秘、压迫的感觉。很怪的一种色。
黑、白色：这两种色我有时会觉得很奇怪，它们在不同时候给人的感觉是不同的，黑色有时给人沉默、虚空的感觉，但有时也给人一种庄严肃穆的感觉。白色也是同样，有时给人无尽的希望感觉，但有时也给人一种恐惧和悲哀的感受。具体还是要看与哪种色配在一块。
还有一些纯度不同的色，我自己较为喜欢的，例如含灰色的绿会使人联想到淡雾中的森林，天蓝会令人心境畅快，淡红会给人一种向上的感觉。只是个人理解而已，大伙儿可以自己试试。
色彩的对比
不同色彩之间的对比会有不同的效果。当两种颜色同时在一起时，这两种颜色各自走向自己的极端。例如：红色与绿色对比，红的更红，绿的更绿；黑色与白色对比，黑的更黑，白的更白。由于人的视觉不同，对比的效果通常也会有不同。当大家长时间看一种纯色，例如红色，然后再看看周围的人，你会发现周围的人脸色会成绿色，正是因为红色与周围颜色的对比，形成了对我们视觉的刺激。色彩的对比会受很多因素影响，例如色彩的面积、时间、亮度等等。
色彩的对比有很多方面，色相的对比就是其中的一种。当我们用湖蓝与深蓝对比时，你会发觉深蓝带点紫味，而湖蓝则有点绿味。各种纯色的对比会产生鲜明的色彩效果，很容易给人带来视觉与心理的满足。
红色与黄色对比：红色会使人想起玫瑰的味道，而黄色则会使人想起柠檬的味道。
绿色与紫色对比：很有鲜明特色,令人感觉到活泼，自然。
而红、黄、蓝三种颜色是最极端的色彩，它们之间对比,哪一种颜色也无法影响对方。
色彩间的对比也有纯度对比，举个例子，黄色是夺目的色，但是加入灰色会失去其夺目的光彩,通常可以用混入黑、白、灰色来对比纯色,这样可以减低其纯度。纯度的对比会使色彩的效果更明确肯定。
色彩的大小和形状
有很多因素可以影响色彩的对比效果，色彩的大小就是其中最重要的一项，如果两种色彩同样大小，那么这两种颜色之间的对比十分强烈,但是当其中的一种大小变得不一样时，小的一种色就会成为大的色的补充。色彩的大小会令色彩的对比有一种生动效果，尝试在一大片绿色中加入一小点红色，你会注意到红色在绿色的衬托底下很抢眼,这就是色彩的大小对对比效果的影响,在大面积的色彩陪衬下，小面积的纯色会突出特别的效果，但是如果用较淡的色彩,则会让你感觉不到这种色彩的存在。譬如在黄色中加入淡灰色，你根本就不会注意到淡灰色。不知你是否留意到，在不同的形状上面，同一种色彩也会有不同的效果，试试在一个正方形和一条线上用红色，你会发现，正方形更能表现红色稳重、喜庆的感觉。不同的形状会使同一种色彩产生不同的效果，个人认为，圆形最好用蓝色，这样给人辽阔博大的感觉。三角形用黄色，三角形的尖锐感与黄色的刺目感配合起来。梭形建议用鲜蓝色，平行四边形用绿色……这些只是一家之言,大伙儿可以自己选用,我只是写出不同的形状上面即使用同种色也会有不同的效果。
色彩的位置
色彩所处的位置不同也会造成色彩对比的不同。试把两个同样大小的色彩放在不同的位置，譬如前后，则你会觉得后面的颜色要比前面的颜色暗些。正是由于所处的位置的不同，导致眼睛的视觉的不同。我喜欢在画图中使用渐层工具，无它，则会觉得多种色彩在一起会有一种不同的效果，有如音乐中的1、2、3、4、5、6、7变化，同样的色相但纯度不同的色彩组合在一起会有令人吃惊的效果，不要以为渐层很简单，它内含着色彩运用的一项重要的运用。不知大家有没有唱过歌？我觉得色彩的渐层变化里也有一种调子，如同歌曲里的谱一样，暗色中含高亮度的对比，会给人清晰、激烈的感觉。很强烈的刺激如深黄到鲜黄色，暗色中间含高亮度的对比，会给人沉着、稳重深沉的感觉。如深红中间是鲜红。中性色与低高度的对比，给人模糊、朦胧、深奥的感觉，如草绿中间是浅灰。纯色与高亮度的对比，给人跳跃舞动的感觉，如黄色与白色的对比。纯色与低亮度的对比，给人轻柔、欢快的感觉，如浅蓝色与白色。纯色与暗色的对比，给人强硬、不可改变的感觉。
