<![CDATA[鬼5马6的blog]]> http://www.g5m6.com/blog/ zh-cn PBlog2 v2.4 鬼5马6的blog http://www.g5m6.com/blog/images/logos.gif http://www.g5m6.com/blog/ 鬼5马6的blog http://www.g5m6.com/blog/default.asp?id=10 <![CDATA[网页设计作品列表（不断更新） ]]> mm0704@163.com(g5m6) Sun,16 Aug 2009 23:04:07 +0800 http://www.g5m6.com/blog/default.asp?id=10 -----------------------------------------------

2008.7 留美网站


2008.5 财经网


2008.1 鬼马flash全站

2007年作品集
-----------------------------------------------

http://www.baijinhangong.com
2007.12 白金汉宫SPA


http://www.455.com.cn
2007.11 美和医院


http://www.91djj.com
2007.10 烈龙改版


http://www.wz-design.cn
2007.9 伍周建筑


http://www.zx1z.com
2007.8 装修一族


http://www.g5m6.com
2007.8 鬼马视觉新版


http://www.body-qianti.com
2007.7 波的纤体内衣


http://www.shiyiex.cn
2007.6 诗怡展示


http://www.lihaha.com
2007.5 安亚集团-礼哈哈网


http://www.51baocai.com/shop
2007.4 包菜连锁商城


http://www.winsail-entertaiment.com
2007.3 陨石娱乐


http://www.holdmyhand.cn
2007.1 携手网


2006年作品集
-----------------------------------------------


http://www.xooyoo.com
2006.11 中国校友联盟


http://www.body-expert.com
2006.8 波的电子


http://www.yarn-china.com
2006.6 中国毛纱网


http://www.91djj.com
2006.4 烈龙电子


http://www.aozad.com
2006.1 奥众广告
]]> http://www.g5m6.com/blog/default.asp?id=104 <![CDATA[网页设计配色应用——色彩的对比（一）]]> mm0704@163.com(g5m6) Sun,27 Jul 2008 23:08:15 +0800 http://www.g5m6.com/blog/default.asp?id=104

■ 色相对比  ■ 明度对比  ■ 纯度对比

　　网页页面中总是由具有某种内在联系的各种色彩，组成一个完整统一的整体，形成画面色彩总的趋向，称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围，是影响配色视觉效果的决定因素。
　　为了使网页的整体画面呈现稳定协调的感觉，以便充分的掌握其规律来更好的分析学习，上次我们介绍了视觉角色主次位置的几个概念，本节我们介绍色彩的对比。
　　
　　对比与调和就是形式美的变化与统一规律

　　在一定条件下，不同色彩之间的对比会有不同的效果。在不同的环境下，多色彩给人一种印象，色彩单一给人另一种印象。
　　各种纯色的对比会产生鲜明的色彩效果，很容易给人带来视觉与心理的满足。红、黄、蓝三种颜色是最极端的色彩，它们之间对比,哪一种颜色也无法影响对方。
　　很多朋友都以为色彩对比主要是红绿、橙蓝、黄紫色的对比，实际色彩对比范畴不局限于这些。是指各种色彩的界面构成中的面积、形状、位置以及色相、明度、纯度之间的差别，使网页色彩配合增添了许多变化、页面更加丰富多彩。
　　
　　色彩的对比规律大致有以下几点：
　　
　　■ 色相对比

　　是指因色相之间的差别形成的对比。当主色相确定后，必须考虑其他色彩与主色相是什么关系，要表现什么内容及效果等，这样才能增强其表现力。不同色相对比取得的效果有所不同，两色越接近，对比效果越柔和。越接近补色，对比效果越强烈。


色相对比分析：
　　主要是以绿色与蓝色之间的色相对比。从HSB数值上可看出嫩绿色的S纯度高B亮度也很高，因此艳丽的颜色作为背景与前景纯度稍低的墨绿和轱蓝色形成色相之间的对比。前景的墨绿虽然纯度达到最高值100％，比主色调高不少，但是因为亮度低，因此色彩显示没有主色调明艳。
　　结论：
　　该页面色相的对比，主要作用于前景与背景的对比、局部与整体的对比。
　　
　　■ 明度对比
　　
　　明度对比可分为:彩色差的明度对比及非彩色差的明度对比
　　
　　是指色彩之间明暗程度的差别而形成的对比。是页面形成恰当的黑、白、灰效果的主要手段。明度对比在视觉上对色彩层次和空间关系影响较大。例如柠檬黄明度高，蓝紫色的明度低，橙色和绿色属中明度，红色与蓝色属中低明度。

→ 明度对比网页例图：http://www.dior.com


明度对比分析：（非彩色差）
　　严格来说，该页面应该是黑白灰色非色彩构成，摄影图片中的人物衣服为灰色，相对单纯的黑白对比柔和舒适于视觉。能使页面显得更单纯、统一，形成另一道独特的风景。

　　■ 纯度对比

　　是指不同色彩之间纯度的差别而形成的对比。色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的，而间色多属中纯度的色彩，复色其本身纯度偏低而属低纯度的色彩范围。纯度的对比会使色彩的效果更明确肯定。

　　→ 纯度对比网页例图：http:// www.havaianas.com



纯度对比分析：

　　整个页面看起来异常艳丽刺激然而又非常的协调。以上数值主要选取了几种较有代表性的颜色。
　　大家注意看，以上色彩除了粉红色，其他几组颜色都是高饱和度高亮度的颜色，因此充分的发挥出了色彩的艳丽程度。包括粉红色在内的几种灰色阶，在中间起到了和谐作用。白色能拉开相近色阶的空间及明快页面的作用，在这里可以说是功不可没。

　　结论：
　　页面实际上用了不少颜色，配色大胆。抓住颜色主次冷暖的安排，适度再加上和谐的过渡色灰色，实现了作者对该页面的轻松配色。从多种高纯度的搭配协调能力上看，足可见作者对色彩设计搭配不一般的功底。
　　这类网页配色非常能够体现出一个网站页面产品个性，配色难度大。让人过目难忘。
]]> http://www.g5m6.com/blog/default.asp?id=99 <![CDATA[监狱兔]]> mm0704@163.com(g5m6) Fri,25 Jul 2008 02:11:37 +0800 http://www.g5m6.com/blog/default.asp?id=99

　　普京兔（绿色那只）：个性和善却愚蠢的，非常喜欢快乐的事却常很容易被卷进纠纷里，是个努力的工人。一日宿醉就在工作中偷懒，结果被判了3年的徒刑。监狱生活最开心的事就是在用餐。

　　基里连科兔(kirenenko)：红兔老大，原黑手党的老大，现在则是死刑犯。原本是双胞胎的红兔，　　被伙伴背叛炸死变得七零八落，结果两只被接合成了一只！是个平常很安静却会忽然生气的危险男人。有洁癖，对于打搅自己的生活韵律的人绝不宽恕！对于同室的普京完全没兴趣。

　　列宁格勒：住在普京牢狱房马桶里的青蛙，只要会动的东西不管什么都吃！

　　不明性别的小鸡(komanechi)：无语了……

]]> http://www.g5m6.com/blog/default.asp?id=98 <![CDATA[最近的生活]]> mm0704@163.com(g5m6) Fri,25 Jul 2008 01:57:24 +0800 http://www.g5m6.com/blog/default.asp?id=98
前一阵子过的不是很好呢-5月份的时候。最近慢慢调整，感觉又上了轨道，要一直一直很努力！！最近是上海最热的天气，感觉出去体难受的。我又神精兮兮的跑了趟杭州。可能上次去给我的感觉挺好的，事实证明杭州也是热的来。。。
blog也又好一阵子没有更新了，趁最近有时间的时候多更新一下。对于pj的控制不好，准备改用其他的试试。也想了挺久了，一直没有行动，恩，抓紧咯。

]]> http://www.g5m6.com/blog/default.asp?id=97 <![CDATA[《面 the face》 ]]> mm0704@163.com(g5m6) Sun,27 Apr 2008 01:43:32 +0800 http://www.g5m6.com/blog/default.asp?id=97 http://www.tudou.com/programs/view/QGIJa3NlLbY/?fullscreen=1


清华美院雷磊和柴觅《面the face》以前看过ray的东西，没想到这么强。满有深度的一部短片。
主要是想通过动画这种语言表达我们对人与社会关系的看法，片长8分55秒，以传统二维动画的手法表现，同时加入了说唱音乐等时尚元素。同时动画周边还包括玩具，模型等等。
动画制作周期是三个月
音乐制作是独立唱片SNP以及龙门阵 华人爵士说唱领军人物：小老虎（aka）,主题曲也很不错。
现在，动画以及动画的周边玩具已经完成6月24日至7月15 日在清华大学美术学院红门左侧展厅展出

此以下是自己按：此片获得第七届动画学院奖最佳短片奖提名，空缺了2年的最佳短片奖今年惊现3部提名，

]]> http://www.g5m6.com/blog/default.asp?id=96 <![CDATA[flash as 3.0]]> mm0704@163.com(g5m6) Wed,16 Apr 2008 23:42:10 +0800 http://www.g5m6.com/blog/default.asp?id=96
这个看上去很复杂的动画只有20k，太牛了。由于blog的原因不能直接预览，在修改中~~
Flash动画
在线播放

]]> http://www.g5m6.com/blog/default.asp?id=95 <![CDATA[图标制作工具]]> mm0704@163.com(g5m6) Tue,15 Apr 2008 19:59:13 +0800 http://www.g5m6.com/blog/default.asp?id=95 我用这款软件做的图标，并附上logo





]]> http://www.g5m6.com/blog/default.asp?id=94 <![CDATA[推荐《Flash ActionScript3 殿堂之路》]]> mm0704@163.com(g5m6) Tue,08 Apr 2008 09:24:39 +0800 http://www.g5m6.com/blog/default.asp?id=94
]]> http://www.g5m6.com/blog/default.asp?id=93 <![CDATA[MR BOOMBA]]> mm0704@163.com(g5m6) Wed,26 Mar 2008 19:43:27 +0800 http://www.g5m6.com/blog/default.asp?id=93
Flash动画
在线播放


韩国Mr.BoomBa系列，虽然比较早，但还满搞笑的，也测试一下其他功能
其他系列地址http://www.flash8.net/flash/10020.shtml]]> http://www.g5m6.com/blog/default.asp?id=92 <![CDATA[div+css布局入门]]> mm0704@163.com(g5m6) Fri,21 Mar 2008 21:33:50 +0800 http://www.g5m6.com/blog/default.asp?id=92
一、页面布局与规划
　　总体的美工构思，形成效果图，并对页面进行分隔，形成DIV结构，为细化页面，打好基础。
　　◆ → http://www.52css.com/article.asp?id=302
二、写入整体层结构与CSS
　　XHTML的基本结构形成，应用CSS对其进行控制。使页面初见形态。
　　◆ → http://www.52css.com/article.asp?id=303

三、页面顶部制作
　　写好了页面DIV结构以后，开始细致地对每一个部分进行制作。
　　◆ → http://www.52css.com/article.asp?id=304

四、页面顶部 列表<li>制作菜单
　　CSS菜单的制作通常是很精妙的，通过这一部份的讲解，相信大家都能掌握这一技术。
　　◆ → http://www.52css.com/article.asp?id=305

五、用好border和clear
　　DIV+CSS布局往往需要重视很多的细节问题、兼容性问题，此部分重点讲解了border和clear。
　　◆ → http://www.52css.com/article.asp?id=306
其实css也不是很难学，掌握html代码知识后，在看css就比较轻松了,刚开始接触代码可能有些抵触的情绪，只要克服了，定时或者每次用到的时候多学一些，不要排斥他，会懂的：）。
   css布局中的关键地方：1.div 2.id/class 3.文档流 4.float/clear 5.css盒模型 6.ul/li
这几个问题搞清楚了，应该对css有一定的认识了~
]]>