转:Material design的学习笔记

 comprehensive-material-design-note-1

编者按:这一年就快完了,你还没搞懂Material design吗?是嫌文档太长,还是觉得自己英文不好?都没关系,我们善良热情的@十萬個為什麽  帮同学们通读了一遍官方的设计指南,去糙取精,整理出这篇干货超多的学习笔记,打包票学完基本就掌握90%了,别错过咯!

自从Material design发布以来,可乐橙就在一直收集相关素材与资源,研究别人的作品。这套设计风格非常鲜明,带有浓郁的Google式严谨和理性哲学,深得我心。实际上,光是研究素材和别人作品,就能发现一些明显的规律,做出几分相似的设计。这样半吊子的状态一直保持到现在,最近有时间通读一遍官方的设计指南,终于有了深入的理解。在朋友的项目(http://lydiabox.com)中实践了一番,虽然很抱歉拿朋友开刀,不过他对整体效果似乎还算满意。

Material design的设计规范细致入微,需要消化好一阵子。越读越感受到它的妙处,假如每个细节都严格遵照Material design的思想来设计,哪怕你不是设计人员,你的产品也一定不会难用和难看。当然,作为设计师,要求就更高了。设计文档本身,就提供了一种很好的方式,帮你从各个角度思考和构建自己产品的规范。但在这之前,先要好好整理一下学习笔记。要打破规矩,必先掌握规矩。

由于只是笔记,我会写得尽量简单。并且省略掉一些可乐橙认为设计师都已经掌握的信息。想要深入了解Material design,还是建议有空通读一遍官方文档。不过,牢记以下要点,基本能做到90%了。实际上,Google官方的应用也有不遵照规范的地方,不能太拘泥于条条框框。
继续阅读转:Material design的学习笔记

Web3D – 实时3D技术在Flash中的应用

[ 08-08-29 ] 更新的SWF动画,加入了飘动的云层效果。

好久没什么新鲜作品了,今天放出一个来。上面这个flash有点大,点开后要等一下才能看到。1.44MB,没做loading。不过我想99%的网民还没见过这样的flash吧,所以值得一等。

在IE里不用特别的插件就实现实时3D,这在不久之前还是个幻想。德国一家公司推出过一整套Web3D解决方案。不过都是用java实现的。普通用户浏览还需要安装一个7MB的插件。现在这年头你敢随便装插件吗?反正我是不敢。

另一个解决方案是Director+Shockwave Player。中文网站上现在还能找到几篇年代久远的Director 3D的教程。但真正精彩的应用我在中文区还一个都没找到。加拿大一家公司将此技术应用在e-Learning领域,做的非常精彩。

Shockwave Player相对普及一些了,但仍然不是每个网民都会装这个。那么有哪个web插件最普及呢?每个TX都会异口同声的回答 FLASH~~ 没错。想过用Flash开发CS射击y游戏吗?看似遥不可及,但其实已经不远了。Adobe在收购Macromedia之后,已经悄悄在flashplayer v9里加入了3D支持。有很多传言声称Adobe为了升级Flash Player 10一直在和一些比较知名的Flash 3D引擎开发团队合作。以便在下一个版本中全面扩充3D功能,并且和这些团队现有的程序保持兼容。

说到这里,比较专业的朋友应该已经能够嗅到一场新的风暴即将到来。这将会是一个非常广阔的领域。

Web will never be the same… 继续阅读Web3D – 实时3D技术在Flash中的应用

原创CG上色教程 – 机械警察

一年多之前,随便给自己的blog起了个名字“一个设计师游记和作品集”。当初是想不出什么好名字,所以想暂时这么用着之后再改。没想到这个长长的名字就这么一直用下来了。现在看看,名字中三个元素“设计”,“游记”,“作品集”,现在只实现了“游记”这一个。而且好象有越走越远的趋势。所以想把这张半年前就开始尝试但至今仍完成不到一半的作品放出来,丰富一下另一部分内容。

跟电脑打交道9年,做设计方面的工作也有5年时间了。回想起来,在开始工作之后自己的原创精神实在是越来越差了。也实在是没办法,经常是花很大精力的作品被人打回,而偷懒从网上找现成素材稍加修改的东西却得到各方面的认可。这样的环境让我变得越来越“务实”。少了创作的激情,工作也变得很职业化。在这样的条件下,一直想再花点时间,自由的做一点真正自己想做的东西。自娱自乐,找找上学时的感觉。所以随便找了一个主题,准备花点功夫做些尝试。在PS平面CG方面自己实在没有太多经验,题目叫做“教程”老实说自己有些底气不足。全当抛砖引玉,分享给新入门的朋友作为借鉴吧。(05.10.19更新) 继续阅读原创CG上色教程 – 机械警察

PHOTOSHOP合成CG图片制作过程

获奖的CG艺术家Jaime Jasso将带我们了解如何制作一个超级整合了2D背景的”全照片”作品.手动调节并且在PHOTOSHOP中安置各个景物.

我最初的想法是想制作一个看起来很平和,但是同时又充满着危险的地方.制作这副作品我大约合成了70张照片.还有一些地方完全是自己绘制的.因为我要将这些照片整合为一个作品,所以这些图片都经过了大量的修改.
继续阅读PHOTOSHOP合成CG图片制作过程

Craig Mullins谈CG插画心得

偶然在5D多媒体看到一部精彩的CG作品。正好我几个月前也画了一张有关机器人主题的作品,现在还在上色阶段。收录一张大师的作品给自己做个参考。

Craig 描绘了一个名为Macross的巨大机器人在摧毁城市后,起飞时的那一瞬间发生的过程。 在这一作品中,作者在远景和细节上都运用了一些技巧,用来表现作品的紧张感以表现一种紧急的起飞时刻。
继续阅读Craig Mullins谈CG插画心得