当前位置: 首页 > 设计 > 正文
avatar
""

  打开自己的网站,就直接出现自己的博客,总觉得应该给她加个首页,可是一直以来又没有什么好的构思,也就没有创作的灵感。
  昨天,王晔的一句话让我脑子出现一道闪光,有了。他说我的博客上有好多的“威”,所以我的首页背景就在“威”上面做文章。

  创意有了,当然就要开始实施。打开PhotoShop Cs3,设计我的“威”了。背景色取红色,不是大红色,颜色要深一些,保持我的Logo相一致。开始准备只用一个字体的威,可惜发现单调了些,页面也不美观,于是放弃只用一个字体,开始用四个字体,四种字体都是书法家的字体,因为我比较爱好书法,设计了一张图片之后,我想看看在网页上显示的效果,于是开始编辑首页代码,用复制平铺的方法将页面铺满。然后看了下页面,有些呆板,字与字的间距大了些,重新修改。间距可以了,刷新看了下,字方方正正,感觉没有活力,或许倾斜一定的角度可能还一些,然后将字体倾斜了45度,感觉比以前好了一些,但还是不够味,再换换角度,36.8度,效果不错。

打开自己的网站,就直接出现自己的博客,总觉得应该给她加个首页,可是一直以来又没有什么好的构思,也就没有创作的灵感。
昨天,王晔的一句话让我脑子出现一道闪光,有了。他说我的博客上有好多的“威”,所以我的首页背景就在“威”上面做文章。

创意有了,当然就要开始实施。打开PhotoShop Cs3,设计我的“威”了。背景色取红色,不是大红色,颜色要深一些,保持我的Logo相一致。开始准备只用一个字体的威,可惜发现单调了些,页面也不美观,于是放弃只用一个字体。

""

开始用四个字体,四种字体都是书法家的字体,因为我比较爱好书法,设计了一张图片之后,我想看看在网页上显示的效果,于是开始编辑首页代码,用复制平铺的方法将页面铺满。然后看了下页面,有些呆板,字与字的间距大了些,重新修改。间距可以了,刷新看了下,字方方正正,感觉没有活力,或许倾斜一定的角度可能还一些,然后将字体倾斜了45度,感觉比以前好了一些,但还是不够味,再换换角度,36.8度,效果不错。
打开博客,突然看到自己做的Logo,突然又有了新的灵感,我的Logo是红白为主调,采用了印章的效果,为什么首页图片不能也做成印章效果呢?试试看。然后以“威言威语”4个字做了印章效果的图片,把图片倾斜36.8度,重新刷新首页,“威言威语”的颜色深了些,影响了中间将要表现的一个大的“威”字。于是重新调节字的“不透明度”和“填充”将其都调整为49%,刷新之后效果很好。于是首页背景就定下来了。
接下来设计正中间的大的“威”字,字体采用Logo用过的字体——毛泽东体,这个“威”字在gif下有锯齿,我试着平滑处理它,可还是有锯齿。我又试着用FireWorks来做这个“威”字,用强力消除锯齿,可效果还不理想。我思考着处理锯齿的方法,突然想起了一些,试试看。打开PhotoShop Cs3,

""

将图片以Web形式保存,在保存的时候,有个选项,叫“杂边”的,如果把鼠标放到其上方,会出现说明:“定义颜色以混合透明像素”。在那里设置一下颜色,就可以比较好地解决这个问题。果然锯齿好了很多。
在本地测试好了之后,我将其上传到了网上,刷新的下。还不错。这样点击中间的“威”字就可以进入博客了。
我又设计了一个白底红字的版本,对比了下,感觉还是红底白字更有吸引力。
之后我有把网站的Ico换了,原来是蓝底白字,现在把它换成红底白字,保持网站的一致性。
最后把网站的皮肤换了,换成了比较清新明朗的格调,使整体看上去不至于太突兀。
改版后有好多的东西要处理,慢慢来吧。

 

本文固定链接: http://www.weisay.com/blog/inspiration-design-blog.html | 威言威语

灵感——设计博客首页:等您坐沙发呢!

发表评论

question razz sad smile redface biggrin surprised eek confused cool lol mad rolleyes wink neutral cry

快捷键:Ctrl+Enter