交互设计中心-72色

交互设计中心 | 用户体验 | 优化

CSS+JS制作酷炫表单

2009年5月13日 | 分类:jquery/javascript | 评论:1 | | Tags:iuput  样式  

 以前的一篇 input输入框的各种样式 也是很漂亮的说, 不过今天再给大家补充一个也非常漂亮而其很酷的表单制作,其实还有两个颜色的表单,我测试了只有这个兼容IE和FF,就先放上这一个再说吧。

...


超级高手用css写出一个漫画

2009年5月11日 | 分类:DIV+CSS | 评论:2 | | Tags:css  div  漫画  

 

以前发了篇   高手用css画的房子   现在这个高手更牛!
...


网页设计的4项原则

2009年4月28日 | 分类:用户体验/交互设计 | 评论:1 | | Tags:网页设计  原则  

简介

本文从一个网页设计师的角度介绍了良好的网页设计必须遵从的几个原则。里面列举了许多生动的实例。

...


你的浏览器是你喜欢的女人吗

2009年4月15日 | 分类:我的地盘 | 评论:1 | | Tags:浏览器  女人  

如果浏览器是女人,你的浏览器是你想要的女人吗......
untitled.JPG


一个漂亮的网站设计及切割方法

2009年4月8日 | 分类:用户体验/交互设计 | 评论:1 | | Tags:网站设计  切割  

看看这个网站设计,非常漂亮,设计好了以后怎么切割呢?有的时候让设计师不能完全发挥设计,都是被后期的切割局限住了(不过这个例子还是很好切割的,只是抛砖引玉吧)


......


photoshop cs3打开、导入、编辑GIF动画

2009年3月26日 | 分类:我的地盘 | 评论:1 | | Tags:cs3  GIF动画  

其实Photoshop是可以开启现有的动画的,只是屏蔽了这功能,我们可以通过【文件>导入>视频帧到图层】开启动画GIF,如下图所示,默认情况下只能开启视频格式MOV、AVI、MPG、MPEG,而并没有GIF。现在首先在红色箭头处确认路径正确,然后在绿色箭头处强行输入动画名及扩展名,如abc.gif、123.gif等。即可以独立图层方式导入动画GIF,导入后的一些操作与之前一致。大家可利用这个方法开启以往的GIF动画试试看。


...


仿照sina导航之优化版

2009年3月25日 | 分类:DIV+CSS | 评论:0 | | Tags:sina导航  

这是一个仿照sina网站的做的一个导航,我看到网上都用到这样的格式


为什么不用这种格式呢,还省好多css代码。


IE的图片底下、右边有空隙的解决方法

2009年3月24日 | 分类:DIV+CSS | 评论:3 | | Tags:空隙  

做图片列表的时候,发现图片右边和下边有一定的空隙,在ff里就没有,网上找了下解决方案,很管用,现在就把各种方法都列出来,供大家根据情况使用。 有空隙的时候


解决方法:一、改变HTML的排列(仔细看)


背景图片还是页面插入的图片都可以上下居中了

2009年3月20日 | 分类:DIV+CSS | 评论:0 | | Tags:垂直居中  

图片水平居中,很容易实现,垂直居中,往往让人很头痛!

       在网上搜集了资料,现整理如下:

       一.  背景图片直接center 就可以了,background:url(images/icon_arrow03.gif) no-repeat  left center;
...


CSS也有编码差异 导致IE6不能正常解析CSS文件

2009年3月20日 | 分类:DIV+CSS | 评论:2 | | Tags:编码  

在做div+css网页设计的时候突然IE6不能正常解析CSS文件,解决半天也不得其解,于是上网去找老师,最后在网上找到了一篇好的文章,且解决了问题,特发出来为大家欣赏,首先谢谢本文作者。

  网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS 在 IE6 下不起作用的情况。看来微软已注意到这个问题,在 IE7 中把它修复了。
...