via: Rologo.cn 标志共和国

Tags - logo , 500强 , 财富

昨天刚出的新VS，今天上班用到现在发觉做的不错，配色比较素雅，而且淡色的窗体背景很适合广大喜欢改变窗体、网页背景色的朋友，关闭按钮等也做的够大，在大分辨率屏幕下也能轻松分辨和操作。虽然缺少了Shell，但是这个主题其他细节还是做的不错的，值得推荐。

Tags - vs , 主题 , 皮肤 , 推荐

Oh, the new features look so cool!  Looking forward to try the animted stuff in SkinStudio~

What's new in version 6.2:

• Improved compression on start menu animations
• 
  
• Animated wait screens during Apply
• 
  
• Enhanced layer support (accompanied by skin author support in SkinStudio 6.2)
• 
  
• Bug Fixes

More information can be found at www.windowblinds.net

Tags - wb6 , windowblinds , skin , theme , release

User Friendly 2008： http://www.upachina.org/userfriendly2008/
Tags - user , friendly , 2008 , upa , 深圳

极限主题的talis朋友问起我怎么实现WindowBlinds主题的窗体，所以就写下这篇小教程，希望对初学的朋友有点帮助。

首先当然是设计，这个过程应该怎么进行因人而异，很多设计师朋友的习惯是设计完主题的所有部件然后放到一张预览图里查看效果。而我个人的习惯是预览图阶段只做一个开始菜单一个窗口和任务栏。其他主要部件都是单独做的，比如按钮的话就安装切好之后的排列做一个源文件pushbtn.tga.psd

现在以窗口为例，谈一下我的制作流程：
新建一个窗口，放上自己觉得合适的壁纸做背景，然后开始设计边框。大小其实完全无所谓，wb里绝大部分组件都是可拉伸的，对于没有特别大的渐变的组件来说尺寸只要别太小就不会有失真。

这个阶段可以换上几张不同的背景，测试一下主题在不同深浅情况下的表现，另外窗口边框包括了激活和非激活两种状态，所以这个时候也可以在同一个窗体上分别实现出来。我设计完Azenis2的边框之后差不多是这样的：



基本确定之后我们可以开始切图的阶段
1.在PS中去掉背景图层，相应的也要去掉标题栏文字啊，标题栏按钮啊之类的附属组件然后存为透明的png（带透明的即可，和后面生成的实际主题文件无关）。图片左下角和右上角的黑块只是随意添加的，为了方便之后的定位。激活状态和非激活状态各存一张。




2.新建一个文件slice.psd，把两个状态的图都放进来对齐，然后添上几条辅助线（辅助线当然也不是必需的，如果你的眼神和手势够精确，直接用选取也完全ok），原则上就是按照最后的切图来，把窗口和阴影都要包括进去：




3.然后就可以准备导入SkinStudio了。以顶部边框为例：(A) 打开slice.psd根据辅助线选择顶部标题栏的区域然后进行裁切（编辑菜单的crop命令），(B)然后把画布尺寸的高度double一下。例如之前辅助线画好的标题栏高度是40px，现在就把画布尺寸设置成80px（当然，执行画布尺寸命令的时候应该以图像上边或者下边作为参考点）。(C)因为现在的psd里有两个图层，一个是激活状态，一个是非激活状态，所以只要把非激活状态图层向下移动40px，也就是一个标题栏的高度就可以了。




现在得到的这个图片就是最后的透明窗口顶部位图了，我们存为透明的tga文件在ss里调用就可以了（覆盖主题中原来的位图也OK）。存透明tga的方法可以参见这里： 再谈WB主题的透明TGA处理
Tags - windowblinds , 主题 , 边框 , 制作 , 教程

Yep, I finally graduated and got a job as a Visual Designer at HP. And I'm currently updating my site, will be released really soon!

Also, I'm actually handling with 3 or 4 WindowBlinds skins and a few weeks later they will be here.

Thanks for watch! :D
Tags - update , website

接上篇

大概在06年四月份的时候比较彻底地重新设计了一下Bo-Blog 1.7的模板，当时希望能做得稍微性格一点，于是就改成了黑色背景。从这个时候开始接触了CSS，但是在修改这个模板的时候对CSS认识非常肤浅，也没有话功夫好好学打好基础，所以在实现页面的时候基本上只知道在默认模板上改动一下margin padding之类的，连float是啥都不知道，碰上位置有问题不好解决的就直接用负的margin值随便调整了。幸亏也不是复杂的设计，不管过程是不是狼狈，最后实现效果还行，只是header和content在FF下有一像素的间隔，始终解决不了，虽然只是一像素，但是因为用了带纹理的背景，所以看上去比较明显。



当时的引导页是这样的，用3d做了个logo和按钮，然后置入了Flash，而按钮在悬浮之后有蓝色的光绕着打圈。



几个月之后因为博客的资料丢失，让我下决心更换只用txt做数据库的Bo-blog 1.7。当时有两个选择，WordPress和Bo-Blog 2。首选当然是WP，06年的时候已经非常普遍了，我连模板也已经做好（如上图），准备上线。但是好多问题和插件始终没搞定，而且在我那个服务器上不知为啥速度上比起bo就是非常慢，并且后台一直切换不了可视编辑器。在向Super37讨教依然未果之后我只得放弃，选择了Bo-Blog 2。功能大升级之后bo已经可以在不装任何插件的情况下满足我希望的需求。



接着我就把之前设计的这个风格做成了Bo的模板，取名做EleganX，风格上也是希望能清爽、典雅一些。Bo-blog2平台沿用至今，而这个EleganX模板虽然一直没有特别大的变化，但是被我一次次地修改着，虽然看上去也就那样了，但却可以说见证了我慢慢地熟悉起CSS（当然，现在依然很菜鸟。。。）已经无法计算在这个模板上所花的时间和心血。博客上线之后一直和以前一样，维持着每篇博客都配题图的习惯。

EleganX模板的各个版本：

把侧边栏提了上来，分类板块和导航在了同一个高度上，看似不大的改动其实费了我好多心思，改动了不少博客的源代码



因为每次程序升级都得改源代码，所以摒弃了之前提升侧边栏的设计。另外在日志日期的地方加了点修改，用位图做了背景。而且把最新评论和最新日志等内容移到了footer中



最后的一次大改就成了现在这样，标题字号变得很大，而且也没有背景。字体上全面应用了Trebuchet MS



这期间设计过两个版本的引导页：






怀旧到此结束，新版主页已经差不多ok了，正在填充内容中，不日上线，大家敬请关注，谢谢！
Tags - 怀旧 , 个人主页

接上篇

这第三个版本（其实我自己也记不得哪个先哪个后了，都是看文件修改时间来猜测的。。。）存在的时间还是比较长的，虽然导航换成了垂直的，但是页面风格和之前一版差不多，看起来像我的第一个WindowBlinds主题，比较显著的变化是从这里开始加入了Google AdSense广告，虽然整整一年之后才拿到了第一张支票，但也算是我比较早的收入了。。。

之后还曾经打算修改一下某模板再做一版主页，但是那时blog已经火起来了，内容更新方便，模板多多，我禁不住诱惑也终止了静态主页时代，个站开始博客化。那时多亏好友SK提供的优质免费空间和无私帮助，否则靠我这个网络技术的小白是很难装好一个博客程序的。。。

选用Bo-Blog是因为那是跟着Super37的，因为觉得有个模板是带可交互Flash的，页面边框可以随着拖动扭来扭去，特别好玩，呵呵。最初的时候博客模板我也没怎么动过，页面样式换来换去都是现成的，我最多也就是改改头部的Logo图片。

看看以前自己做的banner、logo之类的现在觉得特别有劲～，哈哈

Tags - 怀旧 , 个人主页

via: http://www.visionunion.com/article.jsp?code=200807180023

Tags - photoshop , toolbar , history

Author: Jonas Rask
Complete preview: http://jonasraskdesign.com/blogfiles/summer2_bigp.png
Download: http://jonas.seph.ws/summer/SummerDrives2.zip
Tags - summer , drive , icon