27/11/2009
99tao.png by moming25 on Aviary
花了一点时间完善了之前为NAWO做的第一版主题,算是nawo1.0吧,用到了99Tao。
这个主题是刚接触EC的时候做的,老实说,回头改的时候,几乎等于是重新做了,所有代码都要重构,问题也非常多,原先的设计宽度是860px,改成了960px,毕竟现在的大屏幕越来越多了。
主题还有待进一步完善。
19/10/2009
在做ECShop主题的过程中,碰到不少问题,大部分问题都是出现在各种不同浏览器的差异性!其中最怪异的要算是display:inline-block;
我想要的效果是这样的:

相同简单的一个效果,因为之前使用display:inline-block一直没有出现什么奇怪的效果,所以我在这里也使用这个语句(其实这种 等高的情况并不需要,最开始是自适应高度的,所以用上了),不过后来发现在IE6下出现了一个相当奇怪的问题,右边产品列表的div比正常情况多出了一个空白边,我这里是15px,以至于整个div就掉到下面去了。
因为对display:inline-block的属性没有足够了解,我只能重写这部分的CSS,最后发现是这个属性的问题。
刚刚搜索了一下相关的资料,才知道,IE8以下,firefox3以下都是不支持这个属性的,具体的解决办法我就不写太多了,列一些参考文章,做下笔记。
display:inline-block的深入理解
display:inline-block的应用两例
模拟兼容性的 inline-block 属性
跨浏览器的inline-block
6/10/2009
历经三个版本的更改,终于把最后的主题确定下来,并且花了不少的时间去完成。
虽然不能算是非常熟练,但是现在要为ECShop制作主题,还是可以的,当然,距离高手们还有一段距离,需要的时间也比较长。
nawo.com—那沃,所使用的主题将是我制作的首个ECShop成品主题。
25/02/2009
用了差不多四个月的时间,手上项目终于开始收尾了,测试版本已经发给他们了,话说问题还是比较多的,估计下来一段时间都要不断解决出现的问题!
两个都是开发的新手,一上来就直接自己做项目,确实有点冒险,不过没有办法,不先做点实在的,估计也没有公司肯收我们啥都不大懂的人来做开发。
回到题目上来,其实上个星期就已经将整个软件的功能实现得差不多了,不过拿到客户那边一看,最大意见的就是界面,所以又花了一个时间来重新构建界面,当然,架构方面也得作出一定的修改的。
事实上为了适应现在已经成为主流的宽屏,无论是WEB或者软件,在UI设计方面都有一些比较常用的做法了,而用得最多的就是中间固定宽度摆放内容,用图片或者是渐变色来做背景。这样做的好处自然是内容显示部分相对固定,可以适应1024以上的所有分辨率(800*600就算了吧,至少我是不考虑了)。
960px据说是一个黄金比较的宽度,目前有很多网站都采用接近这个像素值的宽度来显示内容,这方面的研究也比较多,网上可以找到很多相关的内容,感兴趣的朋友可以找来看一下。而我的疑惑就在于UI设计到底要不要做得非常炫,在同样的布局下,界面的元素影响也是非常大,而在这一块上我个人倾向于简洁,越是简单有味的设计,个人觉得越能体现功力。
而问题的关键是,客户的想法跟我是截然相反的,所以下来我得学习一下如何构建一个相对中庸的UI!