网页中的色彩

一个人拥有自己独特的风格,是一般人所没有的,就会让人注意到那个人的特别,若那个人的风格是正面的,甚至就会引起别人的羡慕与注意,或是赞赏。就如同一个网站,拥有别的网站所没有的风格,就会让浏览者愿意多停留些时间,细细品尝该站的内容,甚至该站会得到多人的鼓励与注目,粗略的说,网站风格可以从以下几个方向来探讨,而每一项都是有关联性的:

  1. 色系:网页的底色、文字字型、图片的色系、颜色等等。

  2. 排版:表格、框架的应用、文字缩排、段落等等。

  3. 窗口:窗口效果,例如:全屏幕窗口、特效窗口等。

  4. 程序:网页互动程序,例如:ASP . PHP . XML . CGI等等。

  5. 特效:让网页看起来生动活泼的各种应用,如:Flash . Java script . Java applets . DHTML等等。

  6. 架构:目录规划、层次浅显易懂、选单应用等等。

  7. 内容:网站主题、整体实用性、文件关联性、内容切合度、是否有不必要的档案等等。

  8. 走向:对于网站的未来规划、网站整体内容走向等。

色彩很重要,要完善自己的色彩感觉,使网页有特色,上面几点是有必要考虑的。慢慢的锻炼中我们的色彩感觉就成长了,个人风格也就在这样的成长中形成了。

你的网页要呼吸

国画中有一句话描述这种艺术形式的空间布局比较经典,就是“计白当黑”,表明了白也就是空的地方和着的墨一样都是国画整体的组成部分,如何利用空间中的留白是非常重要的,也是提升艺术性的途径,有些尽管是画的很不错,但是看起来不舒服,就是没有重视留白,造成了画面的整体上的失败。对于网页设计来说,有何尝不是如此呢?也许现在我们没有把它提升到一个艺术审美的角度来看待,所以没有人去深究过网页的艺术性,我想这是我们网页设计者孜孜以求的方向,因为未来的网络技术高度发达,人们对于更高层次的追求也就必然会牵涉到对艺术、对美的追求。既然如此,我们就应该把眼光放远一点,把网页的设计提到这个层次来考虑。尽量的克服目前技术带来的限制。既然如此,按照艺术审美的观点,网页上的留白也是一个组成部分,同其它的主要的内容入文本、图片、动画一样,是每个设计者在制作网页时要一起考虑的。

  提升到艺术的高度来看待留白是通过视觉上的手段,留白也可以给人带来心理上的轻松与快乐,也可以给人带来紧张与节奏,通过这种手段可以向使用者表达出设计者的心理感觉,设计者在设计网页的同时也在同自己的使用对象在作一种交流,好的设计者能够达到同自己的使用对象进行心理对话的程度。不光通过页面上的文字、图片、动画的组合和排列,同时借助留白进行表达。可以达到非常好的效果,例如一个休闲的网站,设计者要传达给使用者的一个信息就是要是让他们轻松随意,无拘无束,光通过网页上的图片和文字的表达是干巴巴的,没有感情色彩的。如果能通过网页设计反映出这种感情色彩,显然这样的设计是较为高明的设计。能实现吗?当然可以,借助网页上的留白就可以,让留白更多的显示出自己的特色,在联系图片和文字的中间架起一道桥梁。

论设计的布局与平衡

最近忽然心里比较沉重,不是来自生活的不顺,也不是来自经济的拮据。

是一连几个案子,这样或那样,都没有达到自己最理想的效果,自己在之前做了很多,想了很多,做的时候说了很多,外包的时候指导了很多,但是还是没有作出该有的效果。
这样让我倍感劳累和操心。是画面表现不够么,不是,画面大家都看到了,并没有什么问题。是我的表达能力不好么?不是,我表述完的时候问旁观的人,都已经听得明明白白,是因为设计太抽象了?恐怕不是,商业设计中,大部分情况自然要用精练的语言、抽象的寓意来概括具象的事实。而具象的表现并不是不可以实现,而是牵扯到很多精力、财力、人力、环境等等原因而无法实现。这也是客观决定的风格导向。

我们可以看到韩国设计的细腻,可以看到日本设计的风雅,看到美国设计的饱满与精到。但是中国的设计为什么没有让人骄傲的地方,这让我不禁想起,昨天看到的一篇介绍美国电视剧的文章中的一段:“在《纽约时报》的一篇采访中,有人这样评价中国的电视节目,“我们的演员并不糟糕。问题出在导演、编剧、灯光舞美和化妆那些人身上。每个方面都差了那么一点点,加在一起就变成了垃圾”。? 

其实很多设计,或者创意很好或者表现具佳,但是大部分情况,都由于再后来这样或者那样的问题、小毛病、小地方的欠火而大打折扣。一个好的设计应该是每个优点相乘而得来的,是由于团队中每个人的努力和尽职尽责,而其中出现任何一个缺陷或者水平不足的人都会让整体大打折扣。

举个电影的例子,美国的大片和《无极》假惺惺的特效对比会让我们意识到这个问题。美国的电影已经有了成熟的流程、高素质的设计师、化妆师、布景、摄像、后期、推广等等。才造就了一部像样的电影。

国产电影也是这样,其实每部片子都有很好的地方,但是总觉得有些别扭,和美国差距很远,这就是因为每部片子都有一小部分的缺失导致了整体水平的下降。

在一个要求达到完美效果的项目中,每个人的素质和水平决定了整体的最终效果,任何一个环节出现缺失都会导致灾难性后果,在越来越多的团队合作的现在更是如此,而这个或许是我们并没有意识到的,我们或许只注重开始的创意,或许只注重中间的静态表现,但是有谁从开始到最后都匀称的、合理的配置了资源和时间。 

举个例子,一个团队有4个人,每个人的能量是10  那么这四个人合作做出来的东西总分就是10000;而如果这个团队其中一个人的水平是5,那么10*10*10*5,总分就只有5000。一个人水平的限制,会职业到整个项目水平的程度。再者,如果只有一个人分数是10,后面的流程跟不上那更会让分数惨不忍睹。比如,其他人的分数是8 5 7,最后就只有2800分。

好吧,有人说了,作为设计指导,你应该去把控质量,让作品达到满意的要求。那么我问这个人,如果让你在一台386的电脑上,生要运行vista操作系统,这可行么?或许找台PIII1G能够勉强运行,可是光是开机就要比PIV3.0的费多少功夫?质量或许我们会提高,但是时间就要花海了,更何况,现在的商业设计,时间有限的情况下,是与质量成反比的。
虎头蛇尾,蛇头虎尾,人员素质有限,时间有限,都不会出来什么金奖的设计。

我们要回头去想,或许并不是我们最注重的哪个环节出现的问题,其他环节,人的问题,水平的问题,沟通的问题,管理的问题,时间的问题,或许都是根源所在。我觉得,中国的设计,在做不到每个环节成熟到位的情况下,就谈不上整体的特色。因为只有各个环节过关了,才能谈得上整体,只有整体达到了一定水平,才有更为闪光的特色可言。

CSS框架的利与弊

CSS框架之利:
1、开发效率的提高。
如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率,避免一些常见的错误。如果你的工作是按件计费的,你的报酬一定会比别人多。
2、规范代码命名。
在多个站点中你可能会用到一些同样的CLASS或ID。如果你有一套完善的css框架,很快你就能对你的每一个站点的代码进行通读。不用浪费时间在代码的阅读上。
3、更好的团队合作有些公司会将一些稍大的站点的前端代码分成若干子项目。
有过此类经验的朋友应该对这种开发方式深感郁闷,要注意公用css,还有注意相互之间的代码配合。久而久之,废弃代码越来越多,互相之间也难以阅读。如果建立好合适的CSS框架,大家可以减少很多不必要的错误,提升产品质量和工作效率。
4、解决浏览器的兼容性问题
现在大部分项目都要求兼容IE6,7和FF。每个站点可能都会花上一部分时间去处理兼容问题。在框架层面上就将这个问题处理好。就可以为后面的兼容问题节省下大部分时间。
5、一套完整的、结构清晰的结构代码。
CSS框架为你的项目提供一个干净、严谨的基础架构。通过它你可以快速的为你的站点搭建基础的html代码框架。万事开头难,前面的基础工作做好了。后面的开发速度会提高很多。

CSS框架之弊:
1、你需要完全的理解整套框架
每一个加入项目的人,都需要花一定的时间去完全的理解整套框架及编码规范;
2、你会延续一些框架中的错误bug
没人可以保证自己制定的框架是完美而没有bug的。你可能会需要时间去清理框架中的bug;
3、限制开发思路
框架给出大家基本的架构及开发的思路,这可能会限制你对产品开发的新思路;
4、臃肿的源代码
框架中可能有很大一部分代码不会经常用到,而且还会降低执行效率;
5、框架的语义化
我们已经注意到了HTML代码的语义化。但基于框架的每个站点都是独立唯一的,我们很难去保证CSS框架的语义化。

关于培养色感,自己的一些方法

本人以初学的身份,尝试分享自己的观点.有时候发现自己的网站做不好,不对头的原因是在配色问题上,对于我来说,配色尤其重要,假如自己的绘图艺术能力不高,要突破的是在颜色和内容的运用上,至少看起来要专业一些,工整一些,务实一些。而我做站的第一步,就是要先确定所要运用的颜色。怎么去确定,做自己的个站我喜欢看心情,用颜色去表达心情,当然,这是在我积累了一定经验的时候的,大胆想象和运用自己所确定的颜色。确定好颜色,再者就是绘制界面,这个我会在下面慢慢讲解,现在先简单分享一下自己学习和积累的过程:

-------------------------------是多看。

许多人会很自然地去寻找网上有关于网站配色的理论性文章,这些文章层出不穷,理论性确实很强,但它却忽视了一点,就是很多的文章讲述得太术语化,一大堆的什么对比色,相关色,暖系,冷系,配色原则,而又缺乏一些例子,讲述色彩的文章,怎能只有白纸黑字。还有我不得不说的是网上流传的许多的配色表,不知道大家看了后有啥感受,应用得怎样,对于我来说确实没多大用处,可能我水平太菜了。我认为,网上的芸芸大师的作品,值得一看的优秀网站,就是一张张“活生生”的配色表,多看优秀作品是会有很大长进的!
很自然的一个现象,如果你在论坛上发问,怎么提高自己的网页制作水平?大部分的人都说:多看网站阿!然后什么都不说,我确比较厚道,我也会告诉你去看,并告诉你,我是怎样看的。
每次当我见到令我很感动的网站时,我会把他的色系拾取下来,并将布局简单记录下,这样做的好处是一方面既避免了抄袭,一方面也能做为一个积累,手头上的一份资料,将来肯定有用的时候,而且这样积累,自己的鉴赏水平和色感都能有一个提高!其实,除了看配色用色,还要看人家的网站布局,布局包括网站的内容设置,导航栏设置,位图的应用,不同类型的网站,是有不同的布局的,这个大家也知道,娱乐网站的布局与商业网站的布局肯定有分别,这个我不多说,还有的是看创意,看用户体验,简单地去操作一下,看人家的理念,总体的执行效果,它的网站,是否达到了它所要表达的意思!
很多人有一个误区,就是“要看,就要看牛B的网站,这样才会有进步”这当然不错,但是我建议大家去看一些成长中的网页作品,虽然他做的不太好,但是从中也能学到东西,这跟在学校读书时老师叫你去看一些做错的题目一样的道理!还有就是多看与自己真实水平差不多的作品,从中你也能学到东西!另外一点是,要多看国内的站,这很重要,许多人看老外的站,觉得很NB,其实如果形式上不变的话,换成中文的,是很难看的。看国内的站,主要是因为用的是汉字,中文,在排版上,布局上都遵循了自己特有的形态,如果你喜欢做E文的站,那多看国外的也无妨!所以,看老外的站,和看国内的站有小许差别,要懂得吸收不同的部分!文字应用,布局,国内的很多网站是很优秀的。这方面我们的双双总监和丁丁美女给了不少支持哦。



其实看用色,只是我感受色彩的其中一个例子,很多方法重在你发现,生活中有很多很多美好的色彩等待你去发掘,你可以在电影海报上看到,户外广告,摄影作品,建筑设计,电视广告上,等等…我们又是否错过了太多太多?只是没有这个心去感受生活,工作的忙,学习的忙,都不是一个借口,灵感真的源自生活!

个人与团队

     
 我喜欢关注NBA赛事,特别是火箭队,因为它拥有中国球员姚明。NBA赛事已经过了三分之一,火箭队打的特别不好,像这样下去连进季后寒都困难。麦迪受伤了,本以为火箭队会打的更糟了。但最近出乎我们的所料,在过去的六场比赛中,他们赢了四场(其中有两支联盟排名前5,还有二场背靠背的比赛),这是非常不容易。麦迪是火箭的一号,得分也是最多的,为什么麦迪不在场的时候会比在场的时候火箭队打的更好了???

网站策划(1):企业需要像做营销策划一样做网站策划

昨天大雪飞机误点,在候机大厅看到叶茂中营销策划的一本书,就想我们这个行业这点事。突然悟了点事:

一个企业网站就是一个营销单位和广告单位,因此需要像做营销策划和广告策划一样去做网站策划!

以前没有意识到这个层次,做网站也就大概想想域名、网站名称、大概定位、栏目分配、美术程序设计一些大部分人都想到的事情。再通过我们一些SEO、SEM方法来推广网站,拉来流量,然后收成几何就是撞撞大运了,有些网站转化率高,有些网站转换率低。

坐在大厅就想,如何做网站策划呢?

想套用营销策划的方法和理论,但是我对这方面的知识储备和经验还不够,借鉴不过来。知识用时方知少啊,营销策划的知识我也该学学了。

SEO的知识体系里有两个方法:一个是搜索引擎友好;一个是对用户友好。

一个是考虑搜索引擎,一个是考虑用户,这两个应该是网站策划框架体系的一部分。

要去买东西准备大婚了,回来再写……

 

分享共赢(1):沟通

最近经常请团队吃饭,轮番着几轮,也没特别安排,碰上了就一起吃。吃饭的时候聊了很多事情,细细杂杂、大事小事;喝点酒,聊的就更有意思了,大家都拿着心说话,哪痛哪舒服,都摆在席面上大家一起斟酌……

说点夸张的,几天的收获可能比我大半年都还要大!

陈钢的绵竹大曲把我从稀里糊涂里拾掇出来,农看清了团队建设是核心大事;Simplor的三得利加红双喜激灵了我的神经,去寻道公司的规划和新年的计划;丁丁的一盘水煮牛柳让我知道,我的计划框架像只是给老板做的,激励不了团队的心……

不知道以前我是干嘛去了。不过现在我给自个定了个规矩,每月从自己的工资里拿出几百块钱来请团队吃饭,平时工作都忙,需要安排点时间大家痛快的说话。

上面说的就是两字:沟通。

昨天设计部丁丁、小梦和simplor坐在一起神采飞扬的沟通了半天,弄出一堆想法和思绪。看得出,丁丁悟了不少东西,洋洋洒洒一篇大文:http://blog.cxne.com/post/33.htm

看了这篇文,我感觉,沟通是最好的学习方式。

前几个月吧,讨论关于“讯领地产网络营销”业务的规划,几次开会没什么结果。后来一个个和大家聊,说自己的感受的想法,结果出来很多真实……

这里回想:沟通比开会有用!

再说关于客户那点事儿。有时候客户说我比较值得信任,谈起来也比较舒服,比别人家的好,就是价格贵了点;我说服务行业价格相差确实比较大,我们也比较为难,要为你们服务的好,我们必须有一个合理的利润,不然你们的后续服务得不到很好的保证。做设计的时候,有时候要求客户确认效果图,客户会说确认以后还能不能改,我说只能改细节了,大改就是房子拔了重盖了;客户也说愿意体谅。活太多,我主动给客户商量延期,客户不开心也勉强体谅了,不过第二次,客户就要骂娘了。

客户那点事儿,也是沟通的事儿。主动沟通了,客户一般不会难为你的。

上面是刚想的关于沟通的一点事儿……

讯领新年杯标志设计大赛

以下摘自公司内部OA系统

【大赛内容】创意设计讯领网www.cxne.com新年装标志

【参赛人员】公司全体都可参加,丁丁和小梦必须参加

【参赛时间】2008年1月12日~2008年1月17日

【大赛奖金】100元

【评比时间】2008年1月18日

【设计举例】

  

http://www.baidu.com/mt/logo/list2006.html

http://www.google.cn/intl/zh-CN/holidaylogos.html

【作品提交】请回复提交作品地址!

【标志源文件】http://oa.cxne.com/attachment.php?aid=234

走进门里看设计

   刚刚结束与同事们三个小时的对话...从一个网文引于的感想。对于过去的总结,对于以后的一个展望。感觉很爽,感觉太有用了。所以,也不管是不是工作时间,老板是不是在身后站着。也一定要用文字写下来,和大家一起分享。

   我是一个新新新新人,不过现在已经成功的转型成为一个新新新人。我为什么要这样说,为什么现在是新新新人而不是新新新新人。下面我来解读一下,我的想法。

      丁丁—名词解读:何为新新新新人!(=!!=)_丁丁就是二级新人,这里说的是商业设计,纯艺术不在此行。对于设计只是持喜爱没有实践的不在此类。

           第一级:工具新新新新人,对于PS  AI FLASH 甚至DIV ,W3C,JS等等工具的使用 这类人对于工具有着无比的热情,当然这个热情,是走入这个行当的第一步。如果没有热情,下面的文字您也不用费心去看了。您可以离开!会用了工具觉得自己天下无敌,这种状态是每一个新人都有过的。那种可以使用软件做出自己想要的效果,当然这些效果只是软件的基本运用时。觉得自己无敌了,是一个艺术家一个设计师,无敌了。。。。如果你现在是这么一级,那么要做的就是激动一会就行了。放下你对工具的迷信,真正的去思考,什么是设计。如果你开始思考了,那么恭喜你。你入门了。。。。可以进入下面的新新新人状态。

        第二级:概念新新新人,这一类人员。很多同志们都是入行多年却还是一直处于一级新新新新人状态的老人员了。这一类人,开始对工具的成就感开始觉得厌倦。在设计中,开始运用自己在一行新人中得到的对工具的运用开始,可以很轻松的修改别人的创意。方便的修改别的文件。就算你是一个JPG,我也有本事,给你分离出来。再复杂的效果,我也能给你解析出来,但却永远是跟着别人的后面,可以制作美丽的东西,但却设计不出美丽的设计。所以,在四处抄别人风格的同时,开始找到自己的一个定位。一个方向,那么得在这行混这么长时间也要有自己的风格。不然白做了,开始做高难度的图形,在做设计的时候一味的炫耀自己的技术,追求NB的技术效果。不去考量,您做出来的作品是否真的表达了 表现出真正给买了单的客户的需求。这类人,真的很讨厌。作品在自己眼里很炫目,其实在高人眼里很。。。。要知道只有爆发户才到处说自己有钱,真正的贵族知道什么是低调华丽。

       第三级:商业新新人,开始可以合理使用自己的工具,表现于最能体现“客户品牌 产品价值”的设计。开始站在客户的角度去思考。如果将一个概念 一个产品用最合适的方式表达出来。用自己的风格展现出客户的风格,开始有自己的设计灵魂。这类人,已经进入高手的行列。真正的理解设计的力量,运用这个力量。开始战斗。为自己

      第四级新人:用户新人,超NB的驾驭设计力量。各方面的整体考量,不只是单单的为自己的客户考虑,而是客户所面对的客户。那个才是我们真正的客户哪。 这个概念,一会下面会解读。这时,我们会考虑到用户在我的设计里,可以用最少的时间 最方便的得到想要的资料讯息。达到设计的真正效果。有人要说了,有了这第四级骨灰式的技术还是一个新人吗?当然,有了这四级,你才真正的走进设计的世界。开始创新,开始创意!!!!真正的设计,是“设计”,设计用没有过的东西。

  总结:我们设计之人,同时也是习武之人。我们的工具就是我们战斗的武器,概念(理念)是心法,有了之二样。经过长年的努力,提升出自己的绝招。保护我们的客户,为我们的客户拼抢市场。所以,努力吧。。。。

 备注:客户概念:我们面对的客户是设计需求商,而我们的客户也就是企事业 产品生产商,他们的客户又是谁。商业设计是通过展示客户的产品 概念,以起来宣传效果。这个宣传,要让我们的客户的品牌得到提升。他为我们的设计买单。客户拿到设计之后用于商业活动,从他们的客户那得到真实的经济效果。他们为我们的客户买单。(——)是不是很混乱,就是想告诉你做网站设计你的客户是广大的网民,做广告设计的你们的客户是广大受众人群。所以,我们要为真正的客户去考虑,而不是为设计需求商。只是明白了这个道理和关系之后,你的设计才会真正的有价值。你的宝剑才能准确的命中要害。

 

 
分页:[«]1[2][»]