视觉设计 – WL

Switzerland瑞士，和设计有关

王万林 — Wed, 09 Jan 2013 11:55:27 +0000

瑞士一游各种感触。关于学术的，关于人生的，关于成长的……谈谈一些与设计的联系。

1、Helvetica & Metro

字体Helvetica和Metro风格的路牌体现了瑞士设计的理性主义精神。Helvetica同时被认为是现代主义设计理念的典范，他们推崇应该让人简单清晰的读懂文字。在瑞郎、路牌、车票上都能看到Helvetica 和 Metro的影子。

瑞郎上的Helvetica字体。

路牌、广告牌

洛桑和法国依云小镇之间，游船的时刻表，周围干扰少就用了小清新颜色。

火车站里的时刻表。火车站视觉干扰多，就用了醒目的黄色。再者，瑞士人很注重时间，因此信息的架构维度用时间。你只用考虑什么时候来这里，然后去找相应的时间点有没要去相应地点的列车。

车票

除了字体，铁路钟表的设计，也是饱含现代主义设计理念。

除了一些设计的现代主义之外，瑞士人很注重他们的品牌：

2、品牌

瑞士人很注重他们的品牌，瑞士人对于自己生产的产品无一不贴上Swiss Made的标志。在瑞士国内旅游无处不见的他们的国色红色，主要的标志、公用设施的设计都采用统一红色色系。

阿尔卑斯山少女峰上的红色铲雪火车，登上少女峰的高山火车内饰都是正正的红色。

旅游城市都有很的Swiss Made Shop，一些牌子直接就用瑞士国旗或者国旗的影喻。比如瑞士军刀。

当然，瑞士人对品牌的保护不只是再设计上，同时也在对祖国的热爱。

iPad的时钟设计和SBB（瑞士铁路）的时钟设计。说是苹果设计师抄袭SBB的设计，SBB上告，苹果果断赔钱。

《苹果就iPad时钟设计与瑞士SBB达成授权协议》http://tech.sina.com.cn/it/2012-10-13/09417698810.shtml

随处可见的瑞士国旗。

3、Don’t make me think，以人为本

瑞士人为残疾人考虑很多，公共交通专为自行车、轮椅提供便利。公交司机发现有轮椅在站台时，车停稳后想起警报提醒车内人员扶稳，升出便于轮椅上下车的桥并车身倾斜，最后再开车门以供乘客上车。

火车设置有轮椅车厢，宠物车厢，儿童车厢。车门颜色明显区分与车厢颜色，便于寻找入口。（操作入口明确）

车厢上标有支持自行车标识。

@2012年5月，承蒙老张邀请，承蒙瑞士浩子卫平虞飞照顾，有幸Switzerland溜达。WITH AXUAN

淘宝旺旺公仔涂鸦大赛作品

王万林 — Wed, 03 Feb 2010 14:39:25 +0000

淘公仔涂鸦大赛，跟着起起哄，先来一张今天下午拍的全家福哦：）

全家福，左起哪吒（BY飞飞），第二个（By咏沙），小林（By我），阿凡达（By语凝），第五个（By咏沙）

全家福，左起第一个（By咏沙），第二个（By咏沙），小林（By我），阿凡达（By语凝）

我画的七龙珠小林铅笔稿。绘画水平有限，就搬了鸟山明爷爷的创意咯。之所以选择他，因为：

小林，名字里有一个和我一样；
没有头发，画起来简单，识别性高，要不别人看不出来是谁 HOHO。
喜欢七龙珠，小时候特着迷。

感谢初彤MM的丙烯颜料，上色后帅呆呆。

再来个特写吧，HOHO

下面，是公司同事们的涂鸦公仔，

我老大语凝的公仔：阿凡达：

飞飞的淘宝公仔：哪吒

《UI Designer》第二期正式发布

王万林 — Mon, 20 Jul 2009 13:26:13 +0000

《UI Designer》第二期正式发布

《UI Designer》是由UIRSS.com创办，UIRSS.com、ChinaUI.com、UItimes.com三家UI设计媒体联合主办的UI行业权威电子杂志。这一期伴随视觉同盟（联合主办）和iconfans（联合发行）的加盟，声势更加浩大。

《UI Designer》第二期的正式发行，要感谢各位UI界同行的关怀，要感谢各位设计师、作者的支持，更要感谢所有热爱和喜欢这本杂志的读者朋友们的信赖。因此，从下一期起（预计2010年4月发行），《UI Designer》杂志将会定期发行（发行周期暂定为每半年一次）。
注：下载地址在本文最后

《UI Designer》第二期主要内容：

独家揭密：OPhone UI诞生背后的故事
走进企业，走近UI
- 中国移动UI Team
- 百度用户体验部
- 群硕软件用户体验部
设计秀场（GUI作品秀）
专家专栏
- 你准备好了吗，可用性测试，主持人系列
- 谁为用户买单，电子商务中的交互设计
- 手持移动设备交互与界面设计精要
- 手机MP3播放器界面设计（GUI教程）
- 一个写实风格的ico是如何诞生的（GUI教程）
UX界
- 中国VS国外（作者：刘超，中国移动研究院UI Team负责人）
- 戒盲目、戒浮躁（作者：张海龙，百度用户体验部高级经理）
- 设计的价值（作者：朱印，前微软设计主管）
- UI业的持续健康发展（作者：邹翔，SKYUI创始人）

《UI Designer》第二期截图：

支持机构：

UPA中国
newwebpick
Arting365
DRC设计资源协作网
动漫交易网
圆点视线
中国插画网
设计·中国
点击动漫网
视觉天下
CGfinal
中国动画网
花果山
水晶石
视觉联盟
创意酷
火神网
设计中国
漫域学园
蓝色理想
CGS创业联盟
DDC传媒
中国美术联盟
视觉天下
FLY视觉
第七频道
设计之家

下载地址：

下载地址1（推荐）：http://www.china-channel.com/ui/UI_Designer_2009.zip（由35互联赞助提供）
下载地址2：http://temp.chinaui.com/UI_Designer_v2.rar（由chinaui提供）
下载地址3：http://www.onvision.com.cn/ui/UI_Designer_2009.zip（由视觉同盟提供）
下载地址4：http://www.uirss.com/downloads/UI_Designer_v2.rar（由UIRSS.com提供）
下载地址5：http://www.iconfans.com/ifdownload/UI_Designer_2009.zip（由IconFans提供）

Phoenix Nirvana

王万林 — Wed, 04 Feb 2009 02:02:08 +0000

This illustration during my first summer vocation of my university life in 2006. With deeply love of vender, use Microsoft Expression Design to draw her.

And this was sent to Emmy.Xiao as a gift.

凤凰涅磐

王万林 — Wed, 04 Feb 2009 01:58:11 +0000

晒晒旧图：大学第一个暑假做的图，那时起就迷恋矢量。用的Microsoft Expression Design。参照一本杂志中的画做的，送给了XO姐姐。

Illustration collection of Alistapart

王万林 — Mon, 02 Feb 2009 10:48:24 +0000

Can not manage myself with the illustration of alistapart for its clear and funny style, since the first time i saw her.

So create A Illustration Collection Of Alistapart, almost all illustration included. If anyone miss, a message to me would be great appreciate! Hope it will help.

The illustrations below is updated: Issue 276 January 20, 2009

Download:[download#10](images and index files included)

Alistapart 插画收集

王万林 — Mon, 02 Feb 2009 10:47:42 +0000

一直都特喜欢alistapart的插画，太安逸了，简直无法自拔……那简洁的风格，犀利的思想……哈哈，扯远了。

赶紧整理出来，弄出一个 Alistapart插画收集。囊括了所有文章中的插画，若不慎遗漏，请指出，在下立即添上。

谢谢大家支持，希望这些东西对大家有用。

最近更新插画时间 Issue 276 January 20, 2009

下载：[download#10]（图片和目录都有）

logo design 英语经贸系

不一样的蚊子 — Tue, 16 Dec 2008 20:37:19 +0000

前几天弄的一LOGO，帮外表深沉、内心活泼的PNY童鞋弄的。预祝她参加比赛获奖哦！

下载点此：[download#8]

Technorati : design, photoshop
Del.icio.us : design, photoshop
Zooomr : design, photoshop
Flickr : design, photoshop

Flash动画机械齿轮，矢量机械齿轮

不一样的蚊子 — Sat, 13 Dec 2008 20:28:28 +0000

做项目，需要齿轮，做了一堆矢量的齿轮，哥们们用得着的就拿去用哈，不用客气！

flash由梦飞工作室刚学AS的董文奕同学完成，现学现用～赞一个！

第二版（综合）下载：[download#6] PSD下载：wheel-psd Flash下载：wheel-flash

Technorati : photoshop
Del.icio.us : photoshop
Zooomr : photoshop
Flickr : photoshop

Logo 微软技术俱乐部

不一样的蚊子 — Sat, 13 Dec 2008 20:07:01 +0000

2，3年前做的LOGO了，电子科技大学微软技术俱乐部的哈。

当时PS出了个smart object，哇，好东西，就狂用了……

现在看起来那东西很嫩呢，

放图(PNG,IE6下头不正常，闲麻烦，不管他了)，下载：[download#5]

Technorati : design, logo, photoshop
Del.icio.us : design, logo, photoshop
Zooomr : design, logo, photoshop
Flickr : design, logo, photoshop

Logo Design for Raina

不一样的蚊子 — Sun, 07 Dec 2008 19:37:25 +0000

给小辛做的Logo哈，

描述：绿色，植物，女性，技术，专业，高雅，简洁。

脑图：

小辛LOGO的脑图

Logo:

Download Here

[download#4]

Technorati : design, logo, photoshop
Del.icio.us : design, logo, photoshop
Zooomr : design, logo, photoshop
Flickr : design, logo, photoshop

发一帮朋友做的LOGO

不一样的蚊子 — Tue, 25 Nov 2008 17:43:01 +0000

聚类搜索，

Query Diversity and Cluster Based Aggregated search

地球中的橙色：”S”earch the world.

下载地址：[download#2]

Technorati : design, logo, photoshop
Del.icio.us : design, logo, photoshop
Zooomr : design, logo, photoshop
Flickr : design, logo, photoshop

梦飞工作室招新海报2008.09.11

不一样的蚊子 — Wed, 19 Nov 2008 06:18:45 +0000

工作室招新时做的海报～

团体照一张

团队照片

视觉侠Visual Designer

热爱设计，热爱并执着于平面设计、网页设计、艺术设计。有着宽广的设计观和国际化的设计眼光；
能独立担当设计工作。适应高强度的工作，并保持乐观精神，善于团队合作；
良好的设计表现力和设计沟通能力，请提供作品证明。

视觉侠

前端侠 Web Developer

热爱计算机、热爱编程；
对Web前端技术有一定认识，包括XHTML/CSS/Javascript等；
对Web标准、可用性、可访问性等相关知识有所认识；
了解一门非Web前端脚本的语言（如Java/PHP）；
个性乐观开朗，逻辑性强，善于与人合作。

前端侠

后端侠 Back-end Developer

具有较强的责任心和工作热情，工作认真，踏实肯干，适应高强度的工作；
对数据库、Java或者PHP有一定认识；
有良好语言表达能力，有良好的团队合作精神及钻研精神。

后端侠

Technorati : design, photoshop, showbill, 海报
Del.icio.us : design, photoshop, showbill, 海报
Zooomr : design, photoshop, showbill, 海报
Flickr : design, photoshop, showbill, 海报

关于配色的一点点知识

不一样的蚊子 — Sun, 09 Nov 2008 18:22:15 +0000

Color Theory

View SlideShare presentation or Upload your own. (tags: color theory)

Color Theory色彩原理

大二时做的讲座，讲了一些色彩的基本知识。

色环–色环，三原色，次混合色，补色，过渡色，灰色。
明暗度
配色方案–相同色相，补色，类似色，冷暖色
色盘

关于Photoshop团队协作与网站页面工作协调化的研究

不一样的蚊子 — Tue, 04 Nov 2008 00:10:27 +0000

问题

这几天在做一些页面的设计稿，因为是团队开发，一些疑惑的问题出现如下：

做web developer部分的人员不可避免的要看PS出来的图，而我们的web developer的机器图形处理方面有所欠缺，经常出现人等机器的情况，Photoshop处理速度的问题。
页面里面的小板块比较多，团队里面各位兄弟要分头做相应的部分切片以及XHTML CSS实现稿。设计稿同步以及尽量让各位哥们机器跑起来快就是个大问题了。

解决问题的思路以及原理：

Photoshop中的smart object功能，将每个小的板块分开来。
根据官方的文档：Photoshop中图层越多，每个图层包含的颜色信息越多，文件越大，处理速度越慢。根据我个人经验：当把多个group转化成smart object处理速度有明显上升，而文件大小不会产生太大的变化。可能原因：Photoshop中一个图层的改变会导致其他图形显示效果的重运算；当把多个图层合并为smart object时，photoshop将smart object作为一个图层来看待，对所包含的东西不做二次运算，因此二次运算的图层大量的减少，则运算速度加快。（有待查官方资料考证）

解决方案

PSD文件内按照功能板块分组，复制多份，为每个文件按照功能组单独设置文件名（图1）;
将每个组变成Smart Object（图3）；
分别输出各文件的smart obeject（图4）
分别输出psb

数据

	内存（单）	内存（所有）	硬盘	文件数	优点	缺点
默认方案	400MB	400MB	24.3MB	1	文件数少，文件小。	版本管理较难，不易分工协作。
新方案	1个psb+1个psd，分别对每个功能板块做一次，共4次，取平均数得161MB	435MB	51.4MB	5	处理单个模块内存占用量低。便于分工协作。	文件多，占用空间大。

PS: 单个模块内存占用量的计算原则：处理单个模块所需的文件全部打开。

结论

处理单个模块时，使用第二种方案运行速度较快。并能很方便的将页面按照功能板块分工给各个人员。
版本管理：工作室用Version Cue进行PSD管理，页面实现人员只需要在smart object相应的psb文件文件上做切片，并同步到服务器。服务器上整体页面效果文件的更新使用Replace Contents就可以完成。

因此，我们采用的新提出来的方案进行团队协作开发。

视觉设计 – WL

Switzerland瑞士，和设计有关

淘宝旺旺公仔涂鸦大赛作品

下面，是公司同事们的涂鸦公仔，

相关站外文章

《UI Designer》第二期正式发布

Phoenix Nirvana

凤凰涅磐

Illustration collection of Alistapart