今天完成了PingMoo博客主题的制作与上传。这一版的设计在一周前就已经完成,后来一直处在html+css的状态。这一次在设计阶段,真正认认真真地用PS做图,把大部分的细节都精确地定位到了像素级。 从html静态页面的制作再到WordPress主题的代码的制作过程有不少细节容易被遗忘,尤其是评论模块,以往因为在静态页面制作的时候忽视了评论模块的设计,等到做WordPress主题的时候匆匆忙忙简单修改,这一块就变得不那么完整。 WordPress的主题制作基本有以下几个阶段: 1、纸上原型 先在纸上画出网站的大体布局,需要的主要导航,模块。这一步可能会画得很潦草,但可以帮助你找到网站最主要的几个东西,比如主导航的内容。在纸上涂鸦的时候一般不会受到技术和视觉等其他样式的干扰,你所能想到的,可能就是网站比较主要的一些东西,不重要的内容在页面设计时可以放在次要的位置。
Pingmoo博客的WordPress主题
WordPress新主题:WITMIN-GreenNew
酝酿了好几个月,终于花了一周的时间把witmin的新Wordpress主题做好了,同时也简单优化了一下“关于”和“联系”页面的文字描述。这一次挑战了一下不固定宽度的全屏风格。在设计和代码编写的过程中都有所收获。
“海狮先生”入围iGoogle背景主题设计大赛
我设计的“海狮先生”入围【iGoogle中国大学生创新设计大赛】主题背景大赛了。随着iGoogle中国大学生创新设计大赛入围作品的出炉,iGoogle中国版的页面其实也进行了较大的改版。希望大家能喜欢海狮先生,我觉得网页在视觉上理应给人一种愉悦的感觉,我相信海狮先生能带来这种感觉。
WitminDark-Original WordPress theme workflow 主题设计流程
很希望这篇日志的主题是: New original wordpress theme for witmin launched (为witmin创作的wordpress新主题大功告成),可惜,不合适,对于主题,还存在许多疑惑…
我的设计流程:Step1:设计(Adobe Illustration)
Step2:Xhtml+css
Step3:定制(Dreamweaver+FlashFXP+Google Tools)
