New Web Zen

吉卜力时代宫崎骏监督电影作品海报赏

Tue, 07 Feb 2012 21:36:56 +0800

宫崎骏（Miyazaki Hayao）是一位知名日本动画导演、动画师及漫画家，1941年1月5日生于东京。宫崎骏在全球动画界具有无可替代的地位，迪斯尼称其为“动画界的黑泽明”，他执导的电影获得许多不同的国际奖项。宫崎骏与高畑勲共同创立受到国际上广泛赞誉的动画工作室：吉卜力工作室。宫崎骏的女性主义思想经常反映在电影当中，所以电影中的主角往往是坚强且独立的女孩或年轻女性。以上都是别人的评价，宫崎骏是我的精神导师。 1.天空之城（1986） 2.龙猫（1988） 3.魔女宅急便（1989） 4.红猪（1992） 5.On Your Mark（1995） 6.幽灵公主（1997） 7.千与千寻（2001） 8.哈尔的移动城堡（2004） 9.悬崖上的金鱼姬（2008） 10.红猪2：最后的出击（2012）真的希望有这一部，希望宫老能再活100年。

几枚色彩斑斓的标志设计

Tue, 07 Feb 2012 21:36:56 +0800

工作变动，很久没时间确切地说是没心情更新，这样默默的耕耘很多时候只是给自己一个心理慰藉。不过乐此不疲地做这一件事，可以给自己一丝丝开心，这也足够了。看到一些色彩斑斓的标志设计，感觉眼前为之一亮，心情大好。原始出处在图片下方。出处链接出处链接出处链接出处链接出处链接出处链接出处链接

NWZ发现 #6 – 今天，南瓜是主角

Tue, 07 Feb 2012 21:36:56 +0800

万圣节作为又一个西方人的节日，正在为越来越被年轻的中国人所接受。对于保守派而言，又是大呼西方文化入侵的时间了。不过，Jesse觉得文化融合是个趋势，这是社会群体意识决定的。抛开这个节日本身，我们来看看这些充满想象力的人类在万圣节的杰作吧，他们之中除了设计师、画师之外还可能从事各种各样的工作，但是无论如何他们充满想象力的生活一定会过的五彩斑斓… 1. 国外插画篇 2. 国内插画篇 3. 雕刻艺术篇倒数第二个呢，是蓝色理想会员五月的作品，最后一个是蓝色理想会员moonjeep的作品，这个在水区，需要登录才能看到。

NWZ发现 #5 – 有一种美，美的让人无所适从

Tue, 07 Feb 2012 21:36:56 +0800

当一种美，美的让我们无所适从时，我们就会意识到自身的局限，我们渺小的心智与有限的感官如何消受这天赐的美丽。这些镌刻在身体上的艺术品，虽然不能永远留存，但对一个生命来说却近似永恒。按照我们的文化可能很难明白纹身的含义，可能有更多的不理解。不过，有理由相信每一枚纹身图案都被谨慎地思考过… 1. 豪放系 2.3D系 3. 绚烂系 4. 古典系 5. 简约系 6. 文字系

CSS Garden收录New Web Zen

Tue, 07 Feb 2012 21:36:56 +0800

收到邮件，CSS Garden收录了New Web Zen。虽然不是css Zen Garden，不过还是很开心的=)。人家认可了俺，非常感谢。传送门 : css garden

“简洁”icon教程

Tue, 07 Feb 2012 21:36:56 +0800

最近两个项目都用到了简洁风格的小图标，虽然资源网上有很多现成的可以用，但是基本没有源文件，就算有psd，大多栅格化的图层也没办法缩放修改，与png无异，这样约束很多。于是决定全部自己来画好了。画的过程也没什么创意，仅仅在新网禅上分享下photoshop的操作过程吧。先看看几个图标吧，只有四枚，而且颜色未必合你口味，不过这可都是Jesse体力活儿搞出来的。况且每一个部分都是形状图层，当他在新网禅分享这几个图标的源文件出来之时，各位打酱油的同学或许可以加以利用一下 =)。 …选择蓝色这个中等难度的，传说中的教程开始了… 1. 新建图层组，然后在矩形工具上点右键选择椭圆工具（默认情况下=））。 2. 按住shift的时候，在画布上画一个不大的正圆。因为图标一般都不大，而且从我一个完全没有UI从业经验的人de感觉来说，做图标一般都是以目标大小开始做，因为大图标缩小以后效果都会变很多的，至少是从中间水平开始做，比如32*32。大图标到了16*16的时候几乎元素都挤在一起，需要重新调整。如果没必要大图标的时候，我觉得以目标大小最合适不过。 3. 此时用矩形工具在圆形上面画出一个适当大小的长方形来。注意：放大！！放大！！在不设置对齐的时候以及其他一些Jesse不知道的情况下，会出现下边白色箭头所指示状况，边缘出现小于1px的溢出（？官方叫什么）。其实我写这篇东西的关键目的就是讲调整这个溢出，或者说利用这个溢出，因为我感觉我们在一般机器上的辨别能力是0.05px级上面，如果差了1px，效果是很明显的。 4. 还是上面这张图，右键点击路径选择工具选择直接选择工具（此时鼠标为白色空心形状） 5. 此时，用直接选择工具点选左上角锚点（锚点有空心方块变为实心）,然后按住shift再点击左下角锚点。如上图左半部分所示，左边两个锚点被选中。注意：这时候画布仍然是500%+。按右方向键，被选中的锚点会带动溢出部分0.x像素/次向右靠拢。如上图右半部分所示。在画布缩放处于100%时按方向键，方向键一次移动为1px，按住shift移动则是10px（默认值）。 6. 如上图所示：在调整好（没有溢出）的长方形上边，用添加锚点工具（钢笔工具上点右键，出来的钢笔形状右上角有个“+”的那个）添加4个新锚点。 7. 如上图所示，用直接选择工具（白色空心鼠标形状的那一个）选择第二个，向下拖到长方形内部。 8. 同样方法把第三个拖下来，此时如图所示，用转换点工具将带有调整柄的锚点转换为///（不知道怎么描述，就是不带湾了- -。）四个依次效仿。这里需要掌握好初学者比较头疼的钢笔工具，隆重推荐几个钢笔工具使用的教程：甲、乙、丙。 9. 按照5步所示的方法，将“凹”槽调整为上图所示状态，将视图调整到100%看下状况。实际上在图标制作过程中，放大与还原是处于不断的切换状态。 10. 制作箭头。点击矩形工具，在工具栏选项如上图所示位置选择这款扁平的箭头，顺时针90度旋转，画到“凹”槽上部，再做5步所示的微调。最后得到如第一步前边所示效果。四枚图标源文件下载地址： Download

NWZ发现 #4 – 中文网站CSS Sprites欣赏

Tue, 07 Feb 2012 21:36:56 +0800

CSS Sprites（国内有叫CSS雪碧的，也有叫CSS精灵的）能有效的减少网页的http请求数，从而大大的提高页面加载速度，这也成为其被广泛传播和应用的主要原因。这个技术说来也不难，基本是background- repeat，background-position的活用，但是如何布局这些小家伙却也有点意思。今天单独抓来部分国内优秀网站的CSS Sprites供路过的朋友欣赏下。淘宝淘宝另一个专门放icon的网易优酷土豆嗨淘支付宝人人网京东商城拍拍当当网 VeryCD NWZ 我取的都是站内较大个儿的，实际上就算一个按钮hover两个变化一下也叫css sprites；拍拍让我想起了两年前左右的163，好长好长好长…; 当当左侧导航做的也很别致…；有人问了，最后一个是什么鸟东西，怎么也排进去了？对的，那是本站的sprites，不容易啊，趁机鱼目混珠展示展示呗=)。本次抓取的Sprites截至2011年9月13日，他们更新了看不到原版别怨我。

MAC OS X 系统小技巧之截图篇

Tue, 07 Feb 2012 21:36:56 +0800

“Once you go Mac, you’ll never go back!”这句话是一张广为流传的苹果壁纸上面写的一句话。在使用了几个月mac以后，我开始认同这句话，不过似乎应该改为“Once you go Mac, you never want to go back, but sometimes you have to…”。作为一个mac新手，对终端什么的很少使用也知之甚少（其实就算对xp也只不过比身边的IT行业外的相对老道一点，操作系统只是一个工具，我从没想过要精通一个系统啊，够用就好，呵呵），但是MAC一些简单的操作还是让人爱不释手。为了凑文章数，知道的又不够多，不能一口气写完啊，哈哈，卑鄙啊。今天介绍的是mac的截图功能，自带的哈，不是一个Print Screen按键那么简单。很久以前见到这样的图，我以为是截图的同学特别细致，并且还加了阴影。其实这也是MAC截图功能的杰作。方法1：Cmd+shift+3。截全屏，没什么好说的，和PC的Print Screen一样，不过MAC截图直接生成png图片放桌面了。方法2：Cmd+shift+4。自定义区域，用过QQ截图的就会用这个。我怀疑QQ fo MAC的截图命令是激活系统自带的功能并加以利用，因为那个“十“字一模一样，呵呵。方法2.1：按完2中的三个健放手，再按下空格键，此时”十“字变成相机模样的图标，此时移动”相机“到任意窗口，包括dock（该窗口会被半透明蓝色覆盖）左键点击即可对指定窗口截图，效果如上图所示。方法2.2：按完2中三个健放手，再用鼠标画一个区域，不要放手，接着另一只手再按空格，此时鼠标可以移动这个选区；按shift可以锁定水平或者垂直方向，这和PhotoShop中移动图层一样的感觉；按option则会锁定初选区域中心，以其为基点变化，这个和按option在Photoshop中矩形之类的工具画图如出一辙。方法3：Cmd+Ctrl+shift+3。截全屏，但是不生成图片到桌面，会转到剪贴板，此时可以Cmd+V到Photoshop之类的地方。方法4：Cmd+Ctrl+shift+4。不说你也知道了。所有的方法一旦生成png默认都在桌面上，操作结束之前按esc终端此次操作。最后，Bless all the victims and people and families that’s been involved we all pray for you love!

NWZ发现 #3 – 中文网页设计-1

Tue, 07 Feb 2012 21:36:56 +0800

说实话，与欧美日韩相比，中文世界的设计虽然也有很多出色的作品，但是数量上却要差很多，下面将分享的是大陆的部分作品以及台湾的两个作品。 Kappa curves 天人茶超威蚊香康乃馨 HTC Sensation

NWZ发现 #2 – 国内网页设计师推荐-1

Tue, 07 Feb 2012 21:36:56 +0800

中国网页设计同其他产业相似，起步较晚、从模仿学习国外开始，与发达国家有些差距。不过中国地大人多，还是有很多特别出色的设计师，我积累过不少，现在不知道该选谁写好了，就以我09年的一条微博记录的几位开始吧。他们是：鲁明江、温捷、徐星、邱明。鲁明江毕业于天津工业大学视觉传达系，05年正式进入广告创意领域。历经韩国I DREAM 设计公司、上海诚品地产、上海白羊广告、北京A4A互动咨询、北京奥美互动。温捷毕业于石家庄陆军指挥学院，搞过程序，非科班出身…这就是传说中的天才设计师。徐星优秀的女设计师，性格要强，工作狂。邱明潮人设计师，起初在上海4A，现在应该在广州网易，他的淘宝店型男服装卖的也很火=)。