ZH CEXO's BLOG » design

先上新主题，再慢慢完善

ZH CEXO — Sun, 01 Aug 2010 15:56:15 +0000

先囧一下，又是这么晚更新文章，关键是折腾这个新主题去了，咯，现在它就摆在大家面前了，我把原来的PSD图放一个看看吧：

本来是想把每篇文章第一张图片放在首页的，后来写代码写着，发现不要图片看上去也挺工整的，再说图片放首页的话，加载起来肯定会慢，所以就不加吧。

我承认我变懒了，这次的主题很多地方使用的CSS3的属性，所以对IE系列的浏览器会不太友好，但我不想再去折腾了，就这样吧，好的解决方法就算了。另外值得一提的是，由于Opera对CSS3支持的有限，这个新主题在Opera下面也不是很完善……

哦，对了，新主题的名字叫Vitality，活力的意思，与暗淡的春天相比，这个应该新鲜不少了吧，先用着再说，有问题再改，功能方面慢慢完善。

有一个问题，我使用了mail to commentors插件，按说应该是回复中含有”@user:”这样的字样就能发邮件的，这次我用js写的这个@回复功能，发现插件不会发送邮件了，请问有人知道解决方法么？

最后，大家要是看出了什么问题，也请留言提出，谢谢了！

你不会成为设计师的10个原因

ZH CEXO — Sun, 25 Jul 2010 17:04:11 +0000

你认为成为一个设计师很容易吗？你在学校受教育（有些人甚至跳过了这一环节），或是找到了一份工作，或是开始自己的自由职业，然后为别人做出一些看起来很酷的作品来赚钱。

这样就是设计师了。

或者是别的什么？

要成为一位出众的设计师——就像在任何别的行业干得出众一样——需要进行大量的实践，努力的工作和奉献精神。如果你是一位学生并且正在犹豫是否要把设计作为主业，或至少想知道走这条路是否正确。或者你已经是一位设计师了，但你正在踌躇作为设计师，这个职业是否真正适合你。

那么看了这篇文章之后，然后找到了几个你不能成为设计师的原因，这也没什么大不了的。

1、你没有艺术美感

我知道这看上去是不需要进行思考的，但它是值得探讨的。有些人一直持有一些心态，设计师和艺术家是两种完全不同的类型的人，仅仅在某些方面有相同之处。

但事实上，这种观点和事情的本质相差甚远。设计师就是艺术家——至少他们应该成为艺术家。正因为很多设计师工作在电脑前，所以这并不意味着他们的工作不涉及到现代的艺术过程。

很多优秀的LOGO和网站的设计都是从空白纸上画的草图开始的。但如果你花时间去关注它们，你就会发现很多设计师们使用这些软件直接开始艺术设计，比如Photoshop和Illustrator——设计领域的行业标准软件——都具有绘画风格的特点和专业术语。

2、你并没有设计的激情

要成为出众的设计师，你需要有进行创意的激情。拥有激情并不仅仅是喜欢或者容忍某些东西，有了激情，它会助你开足马力，让你渴望创造更多。

如果你对成为设计师没有太大的热情，还是别做设计师了。

对于许多设计师来说，倦怠是一大障碍。如果对着同一种类型的工作持续地工作几个月的话，你就会感觉到倦怠，但这时，激情将成为助你前进的动力。

3、你很容易分心，并且当你遇到交作品的截止日期时心神不宁

做设计一般需要你在相当长的一段时间里保持专注，但这并不是说有多动症的人就不能成为好的设计师，甚至很多人认为有多动症的人对于他们感兴趣的东西会保持高度的专注——这是个很大的优点。

你正在为本地一家广告公司作规划？那么扪心自问一下，如果你的规划截止时间要到了，你还能静下心来对着枯燥的要求，认真添加阴影效果、消除人物皮肤瑕疵、调整版式，并且将广告或者海报上的色彩组合发挥到尽善尽美？有时候还会花掉你周末的时间呢？

别误会，设计不是说让你一直工作不要休息，但有时候你就是要为了集中精力完成某个任务而花掉你的休息时间。

4、你不怎么会沟通

你与别人相处得如何呢？你的团队合作能力怎么样呢？如果这些问题听上去有些耳熟，那你一定在近几年找过工作。现在的企业主对沟通能力日益重视，对设计也应该如此。

有时候你可能会单独工作，但同样有时候你需要进行团队合作，接受意见，提出建议等等。

当我说要做个好设计师就要做个好沟通者时，并不只是说有效地和客户交流或是与你合作的人交流，同样要和工作本身关联。毕竟设计的本身是一种传播形式——唯一不同的是，设计是视觉上的，而不是口头上的。

5、你不能很好地回应批评

当有人向你提出，你的作品还有改进的余地时，你会想给他一巴掌吗？批评——然后将这些批评收集起来并纳入到你的项目中做得更好——是设计中的日常行为。

显然，你不可能一整天地给提出批评的人耳光，所以应该去了解批评在你的设计上扮演的角色。没人喜欢别人说自己的点子不好，但有时这并不值得争论。

如果你是位自由职业者，比如，你的客户（他不是设计师）想让你改一下作品，尽管可能改后并不好，或者给你一些残忍（即使不准确）的批评。那你只要想到，我能在这个项目上赚到钱，心里还有什么不爽的呢？

另外，如果你做内部设计工作，你的上司很可能会站在你的身旁，告诉你什么可行、什么不可行（即使你不赞同他的观点）。这就需要时间来缓和，直到你高升的那天，你可以对别人发号施令了——但同时，你能冲破羁绊吗？

6、你不会出谋划策

设计师需要奇思妙想就像考拉需要桉树一样——如果你不具备有效益的奇思妙想的能力，那还不如死了好。

每个设计项目都是从一个想法开始的。原创就是设计中的一切。即使是最好的设计师，脑袋有时也会卡壳，但真正出众的设计师会战胜途中的一切困难，保持强劲。

所以，如果你精神上像开着坦克一样有铲平一切的决心，你能成为一位出众的设计师，但如果你开的是一辆小丑的车那就……

7、你总是杂乱无章的

设计需要良好的组织能力，你不应该感觉惊奇。从你的工作区开始，如果你在一个有组织的环境下工作，就很容易找到你想要的东西，而且你会更加富有成效。但还没完。

你应该将你的日程安排好，但还不够，远远不够——设计本身就是一个组织性的任务。你按某种方式组织好信息，让看你作品的人懂你的理念。设计在很大程度上，是视觉艺术和科学的交融。

8、你很懒惰

懒惰是做好设计的天敌，同学们，我现在不想为你打破它。夏天去的地方最重要的事就是能赶上白天的电视节目了。一旦你毕业了，工作将是全职的。

如果你把设计作为职业生涯，你将有不得不完成的任务（惊！）。这就像学校里面的功课，你不及时上交就会得到F评级或是被解雇。就这么简单，真的。

如果你想以专业设计师来赚钱，你就必须工作，而且不单是工作，还要做好它。要做好工作，就必须得投入时间进行实践，而不是放弃。

9、你讨厌不能活动的工作

设计不是跑步、游泳、爬山或是滑雪。这不是一个让身体劳累的工作，你的大多数时间就是坐在椅子上对着你的显示器、鼠标、键盘和手写板而已。

如果你想保持身体健康，得花费你自己的时间去锻炼。

10、你不喜欢学习

如果你在大学里勉强度日——让我们再真诚些，这不是在讲火箭科学，设计是世界上最简单的专业之一——那么你可能不喜欢我接下来要说的东西。

设计需要花费一生进行不间断地学习来保持其相关性。有的人喜欢学习（特别是如果他们热爱他们的工作），但另一些人可能不喜欢学习，避而远之。

新版本的程序马上就会开发出来，新的技术也会诞生，设计师必须学习如何创造新的媒体。学习新鲜事物并改变你旧的设置方式（如果有设置方式更是作为一个设计师的选择）占了工作的绝大部分。

一些赠别

设计，同其他任何专业，都要有奉献精神。如你真对设计充满了激情，应该只考虑作为一个设计师的职业生涯，有很强的沟通能力，能把自己和信息组织良好，并且喜欢学习新的事物。

Refer Six Revisions

我的废话

看完文章，我表示压力很大，但回过头来看看作者开头说的，还是该怎么努力怎么努力吧！

主题设计图Spring，谁要？

ZH CEXO — Wed, 25 Nov 2009 08:05:56 +0000

在寝室里闲着无事，就画了一张主题的设计图Spring。说来起因挺好笑的，由于前段时间武汉很冷，还下雪了，所以大家都认为冬天提前到了，但不想雪后放晴到现在，每天的温度一直在升高，所以寝室的同学开玩笑说“春天来了”。哈！是啊，提到春天，多美的景色啊，特别是经过了一冬的枯树上绽开的一点点新绿……于是我就想着那些新绿和泥土的气息，开着还不是很熟悉的Photoshop兀自画了起来~

预览图在这：

和我那半瓢水的代码能力相比，自己的设计能力弱很多，对色彩的感觉方面都很差劲，所以一直以来，我做的主题都是用的别人的配色，很少自己来想。再者，我老是自信不足，怕做出来的东西见不了人，结果页面布局方面也老是参考参考再综合。但后来sofish他们告诉我，做主题这种东西，要形成自己的风格，比如mg12和sofish的作品，一看就知道是他们做的。但如果老是用一种固定的思维和模式来做东西，那样也太呆板了，所以得“改版”~

这是我第一个真正意义上自己的作品，对着电脑一心画成的，没有参考别人的结构和配色。结构的话，感觉博客的结构都差不多，而颜色，是来自于头部的那棵大树。大家感觉如何呢？

所以这么春天这么环保的主题，谁想要？我CODE，FOR FREE！当然以我的代码能力，这个主题可能会很折腾，不是很容易弄好……

查看大图请点击这里（推荐用鼠标右键打开）

用Photoshop画一个千千静听的图标

ZH CEXO — Mon, 31 Aug 2009 14:19:55 +0000

上次教大家用ps画了一个real的图标，不知道大家试过没，学会没。我还说要教大家画一个千千静听的图标来着，这次就兑现啦，想学ps的同学和我一起动动手吧~

其实这个图标很久以前就完成了，只是刚开学，我的事情很多，没太多时间更新我的博客，就把以前的东西翻出来写写。言归正传，千千静听大家应该不陌生吧，一个很流行的播放器，虽然有很多人喜欢Foobar和Airplay这样的软件，但千千的用户依然不在少数。我画这个图的原因还是一样，因为vista下的图标最大支持256×256大小的图标，看着小图标和系统不配，我改。

首先准备一张512×512的画布，背景设置为白色（#FFFFFF），然后用椭圆工具在画面的中央画一个橙色的圆形，颜色为#E56008，再选择一下这个圆形的路径，然后复制路径，新建一个图层，把复制的路径粘贴在新建的图层上，建立矢量蒙板，把画布的颜色改成#E97B00，并且按下Ctrl+T快捷键，把圆形的路径缩小，缩小的同时按下alt和shift键，目的是保持正圆形不变，而且和原来的大圆同心，如下图：

同样的，再新建一个图层，把那个缩小的圆形路径再使用一次粘贴在新的图层上，然后选中路径的状态下按下Ctrl+T快捷键，然后在菜单下的属性栏上面点击一下靠右边的放弃按钮左边的扇形按钮（在自由变换和变形模式之间切换），这样就可以扭曲路径了，按照下图的方式扭曲一下。

扭曲到合适的形状的时候，在图层上创建矢量蒙板。然后在按住Ctrl键的情况下，单击一下矢量蒙板，创建一个路径形状的选区。使用渐变工具，把渐变的两种颜色都设置为白色（#FFFFFF），然后一个设置为透明，也就是白色过渡到透明的渐变。拉一下渐变，可以反复试一下，直到产生适当的光泽感。然后另外一个高亮区也如法炮制。这样，我们的图层面板里面看起来应该这样：

继续。选择钢笔工具，先创建一个耳机的上半环，然后再创建两边的小听筒的小边沿，如下图，并为它上蓝色（#005386）：

再用钢笔工具画两个耳机听筒的主要部分，上深蓝色（#130041），要注意的是，其中涉及到矢量蒙板的操作类似于上面，我就不啰嗦了。图中的 step7和step8调换一下位置，处理图片时弄反了……不好意思……再拿钢笔画波形的部分，应该很简单吧~

这样我们的图层面板里面看起来就像这样，然后选中耳机部分的四个图层，按下Ctrl+G快捷键，合并到一个新组里，免得图层面板看起来乱糟糟的，要注意的是，把耳机这个图层组放到两个高亮图层的下面以便一起产生光泽感：

然后你看看，是不是千千静听的图标就出来了？别收工，再画上阴影吧，让它有立体感。先在最最下面的一层建立一个新图层，然后用椭圆工具画一个椭圆，再创建选区，用灰色到无色的渐变拉一下，放射状的渐变，中间深，旁边浅。至此，千千的图标就画好了。

那么已经到这一步了，就再画一张文件关联的图标吧。先取出一张windows系统自带的空文件类型的图像（下载里面已经提供），然后为它加上图层效果，参数如图：

然后在白色的图像的右上角的三角形和右下角部分创建两个三角形的选区，用淡蓝色（#C3E5F9）到白色的渐变拉一下，这样，这个空文件图标就有点立体感了。然后把我们已经画好的千千的主图标复制过来，放到合适的地方，这样我们的图层面板看起来就像这样：

最后文件关联图标就做好了，看看

以下的图是我的系统里面音乐的图标的样子，用的是vista里面大图标的效果：

怎么样，学会了吗？自己来试试吧！

下载本文提到的PSD源文件

换掉旧主题，正式启用Dark Spring

ZH CEXO — Fri, 14 Aug 2009 05:44:22 +0000

就这样，慢慢地打磨我的新主题，很做了一段时间，因为自己的水平有限，再者想尽力把它做好。上次的小图大家没有看清楚吧，这次总体的效果又如何呢？

LinxoV1这个主题是我一年以前做的，当时刚学习CSS不久，就着新鲜劲就做了出来。以前我做主题都没用什么框架来着，XHTML都自己来写，然后关于代码的SEO我也完全不懂，反正最后觉得不错就行了。但是真正做的时候就免不了这里加个div，那里删个什么标签的，很费事，效果也不是很好。这次的主题我使用sandbox主题框架，只进行了小小的修改。不用Hybrid框架的原因是，一来资料很少，二来非得安装Hybrid原主题才能正常工作。而我使用sandbox，就可以作为一个单独的主题拿出来了。

很有一段时间没有碰CSS了，发现很多代码都忘记了，幸好Dreamweaver有代码提示，为我省掉不少事情。但我做主题还是解决不了IE下面的显示问题，唉……这次又找sofish童鞋帮我处理了导航条在IE7下面的显示问题，并且提供了文章自动截断的方法。但这个主题头部在IE8和Opera下，背景图片还是有1px的偏移，我修改不了，拉倒算了……还有，为了早日淘汰IE6，我也作一份贡献吧，加上了~~IE6 no more~~的代码(换成了mg12的Let’s Kill IE6了)，只是个提示作用，关掉提示网页依然可以用，当然效果比高级浏览器差多了。

本来我做这个主题有一个目的就是减少插件的使用数目，比如显示评论最多的文章和随机文章等等，但是评论最多的文章好解决，而随机文章的代码一放到主题里面，评论和文章就不配套了，这个问题很苦恼了我一阵，后来去掉了一切正常，看来WebDesignerWall里面提供的代码也不是完全好用啊。关于评论部分，我想了半天不知道怎么来设计，后来就来个简洁的算了吧，也节省点代码。至于Ajax评论功能和网页动态效果什么的，本来也想加上去的，算了，毕竟那不是我的设计，而且可要可无，博客的质量在于文章嘛（说这句话我怎么觉得在打自己的脸……囧……）~~

现在写文章真难产，而且我的事情又来了，这可如何是好？？

完成新主题Dark Spring的主页部分

ZH CEXO — Tue, 04 Aug 2009 04:21:48 +0000

我的博客开了一年多了，以前挺勤快，现在很懒了，懒得连主题都不想换了……这个LinxoV1主题也就这样跟着用了快一年的时间。趁着放假我的兼职做完了，还剩下几天的时间就要去学校，我就合计着想做一个新主题。话说以前做主题的时候我几乎直接code，心中没什么设计图，想到哪做到哪，结果做出来的东西要一次又一次不停地修改。但这次，我先做出了我博客新主题的psd设计图，再来code，希望能做得好一点。

因为我这个人没有艺术功底，也没有创新能力，所以我的主题设计是参考了很多主题后综合而来的。然后拿着设计图，我在想用什么当作主题框架。要说我真想用的框架是Hybrid，但是和它相关的资料太难找到了，而且有的要收费，并且做出来后，我的子主题对它的父主题依赖挺大的。最后我还是选择了sandbox，需要些什么功能就Google一下，然后再加进去吧。

下面的预览图不是我的PS图，而是已经完成的主页部分code在Firefox3.5下的真实效果。具体这个主题会做成什么样子，以后大家再看吧。就目前来说，进度可能才20%，因为内容页等其他的页面不是很好做。而且我现在开始就不再继续做了，开学有考试，再不看书就玩完，我可不想把报名费扔掉。所以目前，我就继续用LinxoV1主题吧。

下面是预览图：

有什么意见和建议可以提，因为主题未完成，比较容易修改。在IE下简单地看了几眼，我有跳楼的冲动……

简单几步用Photoshop画Real图标

ZH CEXO — Mon, 08 Jun 2009 05:12:41 +0000

以前我从来不用Photoshop（通称PS吧）的，因为感觉太麻烦，有的时候一个冲动去图书馆里借来几本关于PS的书，一看，发现都是处理照片和图像什么的，太复杂，多数时候你按照书上的步骤顺着来都得不到最后的效果，这就叫囧……后来发现，想P图，用光影魔术手还来得简单些，PS就这样一直被我冷落着呆在硬盘上……直到近来，我才按照网上某些教程试着用PS来作图，虽然自己完全是个新手，但慢慢学着画呗。今天我就教大家画一个Real的图标，最简单的~

首先先新建一个图像，由于是图标嘛，所以就设定个正方形的画布。Vista已经支持256×256尺寸的图标了，对于位图来说，缩小容易放大不好，那么我们的画布就设成512×512好了。

在工具栏里选择圆角矩形工具，然后在菜单下面的属性栏里把半径设置为50px，选择形状图层，把颜色设置为黑色（#000000），在透明的画布上画一个黑色的圆角矩形吧。图层面板里多出一个图层，命名为black_bg吧。

接下来呢，新建一个图层命名为blue_frame，同样选择圆角矩形工具，把设置改为路径，但把半径改为40px，在黑色的矩形上画矩形的框架，大小自己来把握。画好之后选中路径，点击鼠标右键，选择“创建矢量蒙板”，然后再次右键，选择填充路径，颜色为蓝色（#4692E1）。

同样的，新建一图层，命名为bubble，再选择椭圆工具，单纯路径方式，画一个椭圆框架，然后创建矢量蒙板，填充，黑色（#000000）。注意画好之后用移动工具把气泡向右移一点，使右端被切掉一些。

新建一图层，命名为comma，选择钢笔工具，设置为单纯路径，然后画一个三角形的一撇，右键，创建矢量蒙板，填充为黑色。再选择文本工具，在黑色气泡里面合适的地方输入real四个字母，字体为Arial，大小为140点，加粗、倾斜，选择平滑的消除锯齿方式，颜色为白色（#FFFFFF）。

到这里，这个图标就差不多完成了，我们让它有点立体感，加上高光吧，方法如下：新建一个图层，选择椭圆工具，单纯路径方式，画一个大大的椭圆框架，然后移动框架，使之左上边离开主画布。然后建立矢量蒙板。在图层面板上，按住Ctrl键不放，并且鼠标去点击矢量蒙板，是不是就出现了一个选取框？然后用渐变工具，无色到透明，左上至右下拉出一个渐变，再将图层整个的不透明度调整为75%，看看，是不是成形了！

图标大了也许不太好看，但是把它导出为PNG格式的文件，再转换为ico图标，作为文件关联图标，看上去还是不错的，就像这样~

我在Vista里面用的都是大图标，很大，256×256的，呵呵，下次再教大家画一个千千静听的图标吧。大家有什么意见或者建议可以留言提出，我就复习考试去了……

下载本文PSD源文件

ZH CEXO's BLOG » design

先上新主题，再慢慢完善

相关阅读

你不会成为设计师的10个原因

1、你没有艺术美感

2、你并没有设计的激情

3、你很容易分心，并且当你遇到交作品的截止日期时心神不宁

4、你不怎么会沟通

5、你不能很好地回应批评

6、你不会出谋划策

7、你总是杂乱无章的

8、你很懒惰

9、你讨厌不能活动的工作

10、你不喜欢学习

一些赠别

我的废话

相关阅读

主题设计图Spring，谁要？

相关阅读

用Photoshop画一个千千静听的图标

相关阅读

换掉旧主题，正式启用Dark Spring

相关阅读

完成新主题Dark Spring的主页部分

相关阅读

简单几步用Photoshop画Real图标

相关阅读