www.javaei.com网站建设手记——（2）界面设计

   想好了要做什么网站了，下一步就是琢磨做成什么样的了。
   我初步计划网站按板块提供内容，想好了几个板块，焦点新闻、精华博客文章、热点讨论话题、j2se编程精华，j2ee热点应用、j2me编程、web前端技术热点、数据库开发精华、程序员的休闲、初学者原地、优秀资源下载、好书推荐、职场天地等板块。
下面考虑网站的布局，参考了几个大的网站，如华军，csdn等，分板块显示，更多的内容由链接链向其他页面。我参照华军网设计板块布局。先用Excel设计如下图： 
   

 

网站首页的大致结构定下来了，就考虑确定网页的颜色基调和风格，我比较喜欢蓝色和绿色和橙色，经过反复的尝试，网页的颜色基调确定为蓝色，根据内容和位置的不同，把颜色适当加深。每一板块的实现当然选择用div来做，因为div可以用很容易的做到调整位置和顺序，经过两天的设计并参考其他网站，设计出的效果如下图：


 

接下来设计logo和Banner，我们做开发的一般不会去研究pohoshop，就用powerpint设计了，经过一天简单的设计，搞了个自己满意的效果。
Logo图


 
Banner图


 
整个首页的效果如下图：


 
在IE上效果比较满意，于是用firefox和chrome打开试试，不出所料，兼容性没做好，经过一通研究，最终解决了浏览器兼容的问题。最最主要的是firefox和IE在处理width的时候算法不一样。有竞争就会带来差异，这个兼容问题比数据库之间的兼容问题还要麻烦。
界面设计完了，下一步考虑具体实现方案了。

 

评论

2 楼 summeryhrb 2009-06-24  

呵呵，应该是powerpoint，也就是ppt

1 楼 freepig 2009-06-24  

powerpint是个什么东西？