新的WordPress主题,把简洁进行到底
2009-10-18, 发表于: 设计绘画 · 标签:960grid, css, eclipse, photoshop · 评论:5
这次新主题完全原创,采用“960布局框架”、Photoshop设计原稿、Eclipse管理编写代码。继续延续简洁的风格,力求简洁到极致。
以前的主题都是在别人设计的主题基础上进行修改,总觉得这样修改下来的主题不能完全贯彻我的想法。于是决定全新开发一个主题。
第一步:用 960 GRID SYSTEM 规划布局

“960 GRID SYSTEM”并不是一个工具(起码不是软件工具),是一套布局框架,包含一套模板文件。其中有CSS代码,Photoshop、Firework、Illustrator等常用工具的文件模板。
其实还有其他类型的CSS布局框架,我比较喜欢“960”,简单,配套的模板文件丰富。稍后再另写文章介绍“960”,如何利用“960”设计美观网页界面。
第二步:用Photoshop设计UI
利用“960”提供的Photoshop模板,新建Photoshop文件。按照模板提供的辅助线,规划布局,运用这样、那样的设计技巧做出网页的草图。使用Photoshop提供的切片工具,切出需要的部分,输出成网页支持的图像格式。
第三步:用Eclipse编写代码
以前喜欢用Dreamweaver设计网页。现在是CSS + XHTML的设计,基本上是手工编写CSS的时间比较多,Dreamweaver的可视化设计用得很少。
Eclipse有PHP的插件,又有强大的项目管理功能,我也非常熟悉,所以就选择Eclipse来编写代码。
第四步:调试、调整、发布
设计主题的大部分时间是调试、调整。先用XAMPP在本机搭建一个测试环境。把修改好的主题发布到本机的WordPress系统中,查找问题,然后修改调整。
现在发布的主题还不是最终完成的版本,还要继续对一些细节作调整。



博主高手呀。
Eclipse 以前 学java的时候用 现在 本地调试php程序 用dede的套装组件,很方便。
随机来到这里~有缘 哈哈~
写的文章不错。互访中
Photoshop后没用的图是不是删掉?
如果是用于Web设计的图,留着也无妨,文件很小,所占的硬盘空间不大。