読み込んでいます...
2010年06月21日

最近把自己的博客皮肤改了一下,我这个人喜欢变化,可能是双子座的通病,因为看久了一个皮肤就实在感觉不那么爽,而且也觉得原来的皮肤比较杂乱,东西太多,堆一气的慢慢的觉得很不舒服,于是改了一下。本来不想发布这个皮肤的,但是后来觉得还是发布了算了。

这个皮肤支持主流的浏览器,但是不包括IE6,喜欢IE6的要么升级要么就无法使用这个皮肤,我没有那么多精力去测试老的浏览器了,下载如下。

jguoer theme (1.5m)

文件有点大,因为还有一些psd文件,不过现在好像没什么用了。

接下来是几点需要提醒的,要不然改起来比较麻烦:

要修改头部的导航,需要写几个导航,保存为相应的文件,比如我要加一个home导航,首先画导航home并保存为home_active.png和home_normal.png,然后可以看css里写的两个样式(我就不具体说了),最后在main.js里加上addTitle(‘home’)即可。

关于头部轮换的地方,这个地方是我自己写的,于是需要自己配置,同样在main.js里,代码最上面是图片地址和超链接地址,很好读,只需要改为自己的就行了。

说起来简单,但是可能有点麻烦,毕竟没有完全适合某人的皮肤,一般只有自己做的最适合自己。

给自己设计的皮肤,因为自己喜欢自己动手做事情,这是一个好习惯也是一个坏习惯,好习惯就是可以学到很多的东西,坏习惯就是其实也没有这个必要,总是重复发明轮子,不过我很乐于享受这个过程,这个皮肤是我画了几天的时间去做的,所有的图标都是自己设计的,所以有的图标画的有点仓促,不过整体看上去还行那就行了,因为在一些论坛上发了这个皮肤的preview,所以有些人想要,所以我现在就发布下载,同样还有PSD下载,这样大家就可以自己修改了。

暂时就发布0.1版本吧,如果有什么错误我下个版本再发布。参考了诸多主题,因为这也是我第一次做WP主题。找了个自己喜欢的样式去做。

这个皮肤在这里下载。我自己测试支持的有:Windows:Firefox,Chrome,IE7,IE8;Mac OS X:Firefox,Chrome,Safari。

里面有PSD可以自己修改,如果还需要什么PSD可以再联系我,我还测试了W3C的标准,还有3个错误,分别是专门支持Firefox的CSS,应该不算错误,所以如果有一些需要的话,可以自己改。

头部Title更改的话,需要更改header.php然后更改js里的main.js里的函数,增加一个addTitle(elementId),不过这里值得注意的一个地方就是要写上相应的id和id+active的CSS,比如home和homeactive。

哎,大家到时候自己就明白了。头部可以自己修改,我随手涂鸦的

0.1.2

更改了正文大小为em,而不是13px。

2010年01月19日

我们在很多时候设计网站的时候,并没有仔细的去考虑过用户的体验的问题,另外值得一说的就是,用户体验和用户界面完全是两个不同的概念,例如你访问我的博客,你会喜欢点那些东西,会首先做什么事情,如何才能让你最快的找到你最想要的东西,这个就叫做用户体验,当然,个人认为,用户体验和用户用户界面都是互相帮忙,起到辅助作用的,如果界面很好的话,体验会有一些,至少让人映像深刻,如果体验更好的话,那就是一个完美的网站了。

所以这个时候我们就需要测试用户在我们网站上的映像,如果给用户5秒钟,他会如何使用我们的网站呢?

没想到还有人对我上面的四个键感兴趣,也有人对我上面的一大块蓝色感到莫名其妙

有些网站常常会犯一些这样的错误,例如当我去访问一个网站的时候,我需要查找Firefox的相关信息,他告诉我:

  • 导航有Firefox资料页面的链接
  • 资料页面的链接有官方网站的链接
  • 官方网站的链接指导到了该网站的某个页面

有的网站把功能和信息全部这样就非常误导人,而且有时候网站相关的信息也不是那么明显,例如这个网站告诉我,Firefox开发,我就会很模糊,是开发技巧,还是开发资料,或者是开发工具呢?如果有下拉菜单当然就会很好,但是如果就叫Firefox,那么完全是个失败的命名,我是肯定不会到一个网站点一个名字叫Firefox的导航的。

这里有一个测试网站的一个网站,说起来好像很绕口,但是还行。

http://fivesecondtest.com

你可以将你的博客的图片放上去测试,看看测试的用户关注你的哪一块,顺便也可以帮我测试一下。

http://fivesecondtest.com/test/mvVnf6CG

虽然我不是职业的UI和UE设计,但是我业余的时候无聊的时候会研究一下UI和UE的一些东西,当然也是因为我原来学过美术的原因。当然,无聊的时候,为了休息大脑,我还会画一些插画什么的,但是全部都是瞎搞,算不上专业,但是我还是会经常去逛一些网站,学习其他网站的设计思路和奇淫技巧,以便在以后工作或者自己设计Blog的时候用。

其实无论是做软件还是做设计,细节都是判断一个产品好坏的地方,任何公司任何人只要花一点时间都能做出一个还行的应用,但是只有花更多的时间和更多的精力去设计产品的细节(无论是代码重构还是网站重构),才能给产品增色。比如去看一个网站设计的用心不用心,从下面便知。

我们从上面的这个图片可以假设,这个网站的导航栏基本上是出于这个色调的,有一些细微的渐变效果,看上去还行,但是质感不怎么好,如果在细节上完善的话,看上去就舒服多了。

其实我们只要在上面的灰色区域下面加一个深色暗区域和在下面的蓝色区域上加一个蓝色亮区域,只要1px即可给这个导航一种非常强烈的质感,也是被称作像素级别的完美。

其实很多时候,好和不好只有微小的差别,但是得到的效果却是天差万别了。有时候,我们还得自己给自己提更高的要求,养成对细节敏感的习惯才行。

276路过 1评论 Design 阅读全文..
2010年01月1日

我知道这个标题可能会引起误会,但是确实没有必要有这个误会,当然,如果你在那么一刹那有了那么多的想法那就不怪我了,另外,如果女同志看都不看完准备批斗我的话还是不必了,当然,我女友也不会责怪我。

这个设计的起源是由于一个故事,就是一个难道到bra店子里面去给她的女朋友买bra,然后他不知道尺寸,所以那个女售货员就问大小,是苹果,橘子还是葡萄柚?这个故事在搞笑之余还给我们的设计师提供了一些灵感,就是下面的这样的包装袋,想想给你女朋友买的bra有这样的包装袋,可能会有更多意想不到的可爱效果哦。就我而言,我还是很喜欢这个设计的,简单,大方,还意味深长。(Apple size)

279路过 1评论 Design Ideas 阅读全文..
2009年11月17日

A successful, profitable product starts with a good idea. Burak Kaynak, from Amsterdam, is an expert for it. He is a Creative Director, Brand Manager, and Project Manager in a wide variety of advertising products and applications. Below are some examples of his works. Read through the descriptions to understand how he actually came up with the fantastic concepts. To view more of his works, visit his portfolio here.

511路过 1评论 Design 小分享 阅读全文..