网站ui设计之道

前几天刚看了《夏洛特烦恼》，看完电影心中也充满了感慨，谁青春没有一些故事。竹子做设计也差不多十年，今天打算和大家说说一些个人的成长经历。大家可以当故事来听。有问题或者想说的，随时留言一起讨论，因为这不是学术分享，就是一个轻松故事。我要讲的内容已经写明了。主题设计，因为主题设计贯穿了我这么多年来的设计生涯。是我工作生活中很重要的一部分。

03年人生的第一步手机

男孩子都喜欢游戏数码什么的，所以我没事就喜欢关注数码产品，看看《新潮电子》《大众软件》什么的。大约在03年左右手机开始在学生中普及开来。那时候手机基本上诺基亚，索爱的天下。

我的第一部手机诺基亚3100，那时候还有很多手机是黑白屏幕，单音铃声。所以拿着3100的彩色屏幕，带和弦的手机觉得特满足。这手机很经典，不知道还有多少人记得。屏幕是128*128、4096色、1.5寸屏幕，现在看很简陋，不过当时看周围人还是很令人羡慕的。

诺基亚的界面还是很单调的，所以只能换换壁纸，铃声什么的。学生么喜欢个性，所以就挖空心思比不一样。人生三大乐趣：换彩壳，换铃声，换壁纸。

以前诺基亚的数据线可不是想现在的数据线传各种数据的，想弄个壁纸铃声什么的都要靠SP下载，或者专门的小店给你下。所以那时候SP还是很赚钱的。下载铃声扣2元，一个壁纸扣1元。应该比现在贴膜还赚钱。

2004年高帅富手机诞生

到了2004年市场出了这么个手机，索爱的T618，大家从图片上看就感觉一下子就把3100比下去了。屏幕是128*160 1.8寸的TFT屏幕。最关键的是铃声是32和弦的，而且还能换各种各样的主题。这个是诺基亚比不了的。所以那时候索爱的手机在学生潮人中很流行。那时候拿着这个手机可是倍有面子，高帅富的标配。

与诺基亚的封闭不一样，索爱还提供的编辑工具，普通用户下载了编辑工具，自己就可编辑喜欢的主题。

这个工具从壁纸到选择框，文字颜色，弹出层，还有记事本日历一些功能界面都可以自由定义。基本上除了默认图标不可以定义外，用户都可以定义，而且还能所见即所得，所以一下子涌现出太多优秀主题了。可以说普通设计师第一次可以如此近距离的参与到主题设计中。

不过索爱可不便宜。要2500多。攒了好久终于入手，对于学生可是一笔不菲的费用。那时候我最大的乐趣就是上it168这个网站找免费主题，估计国内用户还没回过神，或者也没什么付费习惯，国外优秀主题都是要收费的。国内论坛内就有大量免费午餐。

2006年第一次做主题

到了06年底了，我按捺不住，还是想换手机，不过索尼依然价格不菲。后来我选择了MOTO。

这部手机对于我有非常的意义，因为从他开始我也开始接触手机主题设计。那时候moto还是很风光的，v3刀锋手机全球热卖。我选择这个手机因为便宜量又足。2寸屏，26万色，还是智能机。说是智能机，其实就是可以装些开发者自己捣鼓的小软件。

不过moto不是索尼，对用户理解还是不如做消费电子的。主题功能依然很弱。也没什么主题编辑工具提供给用户。于是开始羡慕隔壁索爱论坛的海量主题了。

这就是当时e2的主界面截图，刚看还挺新鲜，看的时间长了就萌生自己想做主题的欲望。

还记得我说这是款智能机吗？不同于很多手机封闭的系统。这个系统是linux系统,这系统最大的好处就是开放。正好在论坛上遇到一个牛人，和他说了自己的想法。一拍即合。他负责联系俄罗斯的程序员。手写了一个工具，负责把这个手机固商洛网站建设公司件解压缩。就是一句话我搞定设计，他搞定代码。负责做成主题包。

其实这时候我还是个设计菜鸟，PS水平也就是刚刚凑合用。怎么办？正好有索爱大量成熟的主题设计借鉴。我就从换背景图片开始，界面就是拉渐变。画高光。图标我还不会画，于是到处找素材。我想就是从那时候开始我才还是算真正接触网站ui设计之道主题设计。

不过实际设计可不只是这点。解压出来一堆图片还得自己猜什么文件对应什么图片。

感受下。大概就是这个样子，上百张图片。你得找出那些是需要替换的。这时候我学会了看文件名。好的命名习惯方便自己也方便他人。从那时候我养成了一个命名清晰的习惯。

同时我又学会了一件事情，就是包装自己。就是你得做一张漂亮的效果图吸引人下载。还的找个吸引人的主题。

那时候比较流行vista，我就照搬上来。怎么样，是不是感觉好很多了。也酷了很多。图标全是下的素材，界面就是拉了些渐变。界面上的元素都是到处剪剪切切来的。不过最后拼凑的效果还不错。

看老外设计师的效果图都宣传自己。我来依葫芦画瓢。放上自己的博客地址。

2006年第一次拿奖

做的主题多了，我遇到瓶颈了。老是剪剪贴贴别人的图标素材，总是感觉整体性不一致，就好像上身穿西服，下身你传了个牛仔裤，别扭，所以我得学会画图标。

记得06年诺基亚推出一系列手机，倾慕系列。

当时与其他厂商单调的界面一比，那是非常的惊艳。所以我就思量着把这个设计搬到E2上来。顺便半临摹半修改的做了相应的图标。当时拿这个主题去参加了论坛比赛，还拿了奖，奖品到现在我还留着。一个1G的SD卡。

06年站酷开始成立，站酷开始就是个很小的壁纸下载站，不过上面有很多漂亮壁纸。所以我也经常光顾。发现国内基本上没有什么可能参考的网站，也就是it168索爱的论坛有比较海量的主题。量是很大，不过素质层次不齐，国外有个Deviantart，老外那时图形设计水准绝对超过国内一大截。

2007年屌丝逆袭的起点

07年iPhone发布了，以前的贵族诺基亚可能没想到厄运从今年开始了。手机主题的风向也变了，以前的手机主题上的各种轮廓形状的图标一下被柳州网站建设公司一统江湖了。大家看看这是07年的各家手机界面，大家猜猜看能看出那是哪家的手机界面吗？

07年以后，基本上所有的手机厂商的默认主题都朝着一个大饼背景上放一个图标的方向上发展了。当初iPhone这么做，有这么几点考虑到图像形式上的统一整齐。iPhone是触摸屏手机。圆形、圆角矩形这些规则形状看起来更加饱满。从用户感受上来说更适合触摸。

安卓也开始慢慢起来了，这算屌丝逆袭吧。不过安卓是比较特立独行的，这也许有他自己一套设计哲学。他的官方系统依然是各种异型。不能说不好，但是确实统一性较苹果差很多。

这是一个普通用户的安卓手机界面，大家看的出来。图标有异型有圆角矩形。甚至圆角矩形也有大有小。很杂乱。安卓机相比苹果机便宜很多。所以很多买安卓机的还是图个便宜。

2010年第一次参加主题比赛

虽然安卓不如高帅富的苹果界面好看，但囊中羞涩的人们一样有美的追求不是？于是各大互联网厂商就开始做主题市场。安卓也是一个较开放的系统，在系统层上有一个界面层，界面层上有个叫launcher启动器,在这个上面可以任意定制各种图标，界面，插件 ，甚至桌面如何切换。可以说自由性非常大。互联网厂商就launcher 上定制各种主题。

当然一个公司的设计团队力量始终有限，怎么办？找网站办主题大赛。

现在国内设计比赛很多，不过把这个比赛当长期的工作来运营的，有几个公司。一个是小米、一个是魅族，一个是360。都开了主题商店之前所以这么积极，都是希望借助主题市场来推广自己的主题应用。谁抓住了更多的移动用户，就有更多的流量入口。

所以都是下了很大功夫，360是每月评奖。小米是按下载量进行与设计师分成。而且提出了一个口号。设计师只有做安心做设计，代码实现都联系小米完成。这还是有很大号召力的，因为设计师不用去考虑繁琐的实现适配问题。小米市场上下载量最大的可不是专业的GUI设计师。而是一些持续不断优化主题，不断调试跟进用户反馈的爱好者。

所以大家有机会也可以做个主题传上去。既锻炼了自己能力，又能赚一笔额外的money，何乐不为了。2010年我也跃跃欲试，第一次参加了91网龙搞的活动。其实我这不应该叫第一次参加比赛了，应该说第一次参加正规比赛。

那时候还是很流行质感写实图标，不过很遗憾，只拿到参与奖。不过也不错，至少也锻炼了自己整套手机主题的设计能力。

2012年扁平大流行

从2012年开始，业界开始讨论扁平化，拟物化的问题。这里不做延伸讨论了。当然扁平化开始大量流行这是毋庸置疑的。这股风格也同样影响到了主题设计。

也许在系统级的设计上扁平化，拟物化可以有一堆理论讨论是否符合用户体验，是否更利于用户使用操作什么的。在主题设计上，我认为无所谓优劣，就是一种风格，就好像时装一样，这一季流行拟物，看腻了。下一季流行扁平化的风格。也许不久扁平化的风格大家又看腻了。拟物化风格又会回归。

2013年刚刚结束不久的康佳主题设计比赛，我也有参加。虽然我个人比较喜欢拟物的风格，不过我认为不应该被一种设计风格局限了自己。所以我也尝试了扁平化风格。

当然在这次比赛中，也有很多优秀的主题设计，不走扁平化路线，坚持了拟物的回归。

2013年终于拿了次奖

这次参加电信举办的扬州网站建设公司《中国电信手机云桌面手机主题设计征集》，想了好久，我要做不一样的设计。现在扁平这么流行了。我来一次反潮流我设计质感的图标。一开始立意很简单，在学习设计主题的时候我设计了一款主题。这款主题是女性为主的。可惜是个半成品。一直心里想着什么时候完成。所谓念念不忘，必有回响。这么多年后终于有机会重头到尾彻底设计一遍，也算圆梦吧。结果这次比赛参加人数也到了一个高峰，这次比赛接近2000分作品参赛。我心里一下没了底。不过后来也许是我的反潮流做法脱颖而出了吧。这次做质感设计的并不多。最后取得了三等奖的不错成绩。

2015年最后的话

怎么不写最近几年了？不写啦，太近了。不回忆了！这就是我与主题设计10年间发生的故事。

这么多年设计生涯，有欢喜，有惆怅，不过我会坚持设计这条路走下去。

我总结下我这么多年来做主题设计的一些感悟。

1、设计潮流具备一定的轮回性

一种新潮流的设计风格出现，本质上无非是因为审美疲劳。拟物化是一种设计风格，就像任何一种艺术风格一样，它也许会退流行，但它不会消失，虽然扁平化设计风格似乎势头更强，但拟物化也不存在被扁平化取代这一说。我一直很喜欢小米V5版的图标，兼具识别性，和轻微的质感，在扁平和写实中取得了非常好的平衡。

2、兴趣很重要

有了兴趣你才有了做好一件事情的必要条件，我记得有同学说过做标新立异的图标一做就是一天，在旁人来看，这是多么辛苦的一件事情。但当你真正全身心投入的时候，你是一天不感觉到累的。是兴趣促使我学习Photoshop，是兴趣让我了解UI设计，当然能从事自己感兴趣的工作，也是非常幸福的。

3、不间断的学习、整理

就从主题设计这一个小小设计分支来看，设计的趋势都是不停的在变化的，你必须保持不断的学习，关注业内的变化，才能保证你的竞争力。也许这是一个永不停止的过程。不过每个行业都如此。你必须勤奋更勤奋。

4、多关注设计以外的东西

优秀的主题设计每年层出不穷，创意来自哪里？只能是来自于生活中，也许你看了一部电影，一部漫画。又或者读了一本书，想到了什么，这也许都是你的灵感来源。