终于做好我的绿色wordpress主题!

这次博客装修间隔之短大概要破我自己纪录,上次换主题是10月21日,底色换成白色,也用了新的banner,这次没有换主题本身,纯装修(也够大工程了)。

上次换主题后我就觉得似乎缺点什么,但又不具体知道。到处看好看的网站,似乎是网页头部太白了,所以我在几天前把网页头部设成100%宽的橙色,但我可爱的人仔在橙色的背景下做成什么颜色的效果都不太好……

本周考完试,稍闲一点,我发现自己上课又在想博客……干脆再来个大装修!

(“黑白绿”的头部)

认识我的人都知道我最喜欢是绿色,最最开始时就用了个绿色主题,但它不好修改我很快换成K2。之后我几乎每次装修博客都想用绿色做主调,但总调不出好看的绿色……

感觉绿色最难调了,(白色背景的话)稍淡就看不清,稍浓又很难看,荧光绿又刺眼……

这个学期我与某件绿色的东西朝夕相对——就是我的6120上的绿色Benko仔,本身是白色的机身再加上一块黑色的竹炭,这“黑白绿”的搭配非常好看+耐看!

刚好最近逛到臭豆网,那就是我想要的绿色啊!绿色绝对是可以配出很好的色调的!Photoshop时我还是配不出臭豆网的绿,所以就截图吸颜色,特此感谢一下!

本来我打算整个头部区域都用绿色,但实验了一下觉得不好看,但如果只有最顶部是一窄窄的一条绿色又太寡,所以我在下边画一条3像素的绿线。如此绿色不会有太强的存在感,但又让人知道主角是它。

长期以来我对网页设计有一个观念——网页主色不能超过4种(不知哪里学来的,也不知正确与否)。可能是我对这句话理解有误,我按照它设计东西总觉得若有所缺。

最近颇认真地分析了其它网站的配色和自己看那网站时的感觉,我发现好看的网站都有很多图片。去那些网站我总试图找一个没有图片的区域看看纯文字的效果如何,竟然很多时找不到!色彩缤纷的图片并不让人感觉杂乱不舒服,而且也不影响主色调的地位……

我发觉自己认为的网站主色调是第一眼看它时下的结论,也就是网页的头部。所以我只要把头部设计成“黑白绿”组合就可以,没必要在页面大手笔用绿色。

于是头部设计基本完成,留着博客名称到最后,因为我想用图片来表示博客名“不常识”,但不想把它画在背景里,因为如此就没有了链接。

(侧边栏标题背景)

之后搞侧边栏的标题背景,灵感主要来自这个日文博客,它让我顿悟侧边栏可以是如此的色彩配角存在!因为头部很快就过,侧边栏在视觉范围内的时间较长。

我尝试用很淡的绿色做底,感觉不太好,于是就学那博客的样式做了个很好看的黄色矩形区域,用了渐变的效果使之看起来有光泽,不是自夸,的确很好看!

不过后来觉得自己的博客风格颇随意,如此精心制作的背景似乎略略不衬,于是我随手画一条黄色,放上去非常的衬!就是这种随意感!当然要“’随意”得很有随意感,画起来是不随意的。试了好几种画笔,微调了N次才终定案的。

如果你clik进刚才的日文博客,你就一定发觉我的主区域的标题前的小竖线也是学它的。这次设计主题时我自言自语得最多的一个词就是“存在感”,而其中最经常的后缀是“不能太强”。

突出标题有很多方法,我觉得这样一条小竖线的表现效果非常好。它不是令整个标题背景颜色突出,它只是小小地提示一下,竖线颜色还可以作为点缀。

(不常识logo) 

之后就是“不常识”的设计了,我之前是不知道怎样令标题变为图片的,我参考了桑林志的源代码,改了header文件。

设计logo任何时候都是头疼事件,“不常识”三个字我不打算用自己的手写体。于是字体就是首要问题,我不喜欢太花巧的,但太方正又不像“不常识”。我想做成在黑色石头上刻字的效果,我试着找篆书。

刚好这事意外断网,这种事以前的周末也发生过,我就先用黑体设计。做出一个海绵画笔画的绿色底+黑色字的效果,颇不错,几乎就定案。但不久再上网下了篆书,篆得相当奇怪!我按原来的想法做了一下……

正啊!够不常识!与侧边栏背景的情形一样,要做出这类似碎石片效果的黑色底也做了很多版本才终定案的。

(人仔rss图标) 

最后就是rss的图标了,貌似在这里找到的(感谢分享!),在考虑做个大rss图标的时候我就决定要加个人仔在上面,最初的想法也是这样抱着一角,之后尝试了很多动作还是这个最好。

本来我想做个悬停鼠标再弹出订阅栏的效果,在Since1984处见到那样式,copy过来,在电脑上的wordpress显示很正常,但放上来悬停时很不稳定,原因暂不知道,就取消那效果。就很喜欢Since1984订阅栏的简约样式,就照搬了。特此感谢一下!

(小图标)

我还换了目录、标签和评论的小图标,仍然是来自famfamfam的设计。似乎很多wordpress小图标都是那里出品的,厉害啊!

昨天是我农历生日,整天搞这主题,反正我喜欢算新历生日也不觉有什么损失,搞完这个主题好有成就感呢……

(感谢他人) 

看这篇诞生记都知道我参考了很多别人的佳作。在这方面我很有版权意识的,不是自己想出来的绝对不挂自己的名。受了别人帮助理所当然要讲谢谢,所以我把链接都列出来了。

好长篇的新主题诞生记啊!这个主题是我历任主题中最好的一个!在再次修改主题之前上述内容都与你所见相符。

18 Thoughts

  1. 米共同学

    呵呵,还不错啦。横额那儿很好看,可是为什么广告多了?

  2. 米共同学

    还有啊,不常识这三字,很喜欢,不过底色那儿再圆滑一点,可能会有另一种效果。以上乃个人意见,如有雷同,纯粹巧合。^_^

    呵呵,加油。

  3. Snowyy

    广告是装饰用的,因为觉得有广告的博客比较专业。

    不常识的背景我是特意弄成有点粗糙的石板feel的,换圆滑的是肯定有不同效果,不过我还是偏好这个*_*

  4. 米共同学

    我意思是说边缘如果可以圆滑一点,不那么尖锐,会不会好点呢

  5. Snowyy

    那个~圆滑边缘就不像碎石片了吧~~

    回Mountain:自己做确实辛苦,不过真的会很有成就感!^_^

  6. 玩网者

    非常“不耐心”的爬过你的博客,我对你真的已经非常的敬佩了,我斗胆问下,能否加个链接?我已经加上你的了。

  7. Snowyy

    敬佩?!第一次得到这样的词,不敢当!

    呵,链接嘛,话说昨天看了一堆博客,也加了一堆,你的是本来就要加,只是加漏了而已-_-///

    友谊长存^_^

  8. Pingback: 或者这个wordpress主题可以叫“growing up”? at 不常识

  9. Pingback: 2007年11月推荐 at 不常识

Comments are closed.