网页中的色彩
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文的站,那多看国外的也无妨!所以,看老外的站,和看国内的站有小许差别,要懂得吸收不同的部分!文字应用,布局,国内的很多网站是很优秀的。这方面我们的双双总监和丁丁美女给了不少支持哦。
其实看用色,只是我感受色彩的其中一个例子,很多方法重在你发现,生活中有很多很多美好的色彩等待你去发掘,你可以在电影海报上看到,户外广告,摄影作品,建筑设计,电视广告上,等等…我们又是否错过了太多太多?只是没有这个心去感受生活,工作的忙,学习的忙,都不是一个借口,灵感真的源自生活!