交互设计中心-72色

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

30个优秀logo详解

2008年12月16日 | 分类:用户体验/交互设计 | 评论:0 | | Tags:logo  

原文:30 Brilliant Vector Logo Designs, Deconstructed -Chris Spooner

编译:Vinwin (不倒猫

(转载请注明出处,标注链接,谢谢合作)

拥有一个抢眼的Logo对企业来乃一大幸事,毕竟Logo千千万,但真正让人过目不忘的作品可是屈指可数。好的Logo必须量体裁衣,迅速传递出企业的价值和理念。
但Logo不能只是金玉其外,还必须有思想、多功能。比如,可以用标准色在任何尺寸的纸张完美复制和再现。下面就晾出当前30个自认为很杰出的Logo,飨宴大家。

...


CSS定义页面背景图片的位置

2008年11月17日 | 分类:DIV+CSS | 评论:0 | | Tags:背景图片  位置  

  背景图片的位置属性,background-position属性是不可继承的属性。其语法结构如下:

  background-position:长度值/百分比值/top/left/bottom/right/center;

  background-position属性的取值的数目和其他属性有所不同。我们来看一个例子:

  background-position:left top;

  可以看到上面的示例中,background-position的取值是两个,前一个代表横向位置的值,后一个是纵向位置的值。两个取值之间使用空格分开。各个取值的具体含义如下:

...


Duplicate Characters Bug 在IE中的HTML注释引起文字奇怪的复制

2008年11月11日 | 分类:DIV+CSS | 评论:1 | | Tags:html  html注释  IE中复制  

当多个浮动的元素彼此跟随,中间加注释的时候,最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug [CODE=html]...


【转】input输入框的各种样式

2008年11月7日 | 分类:jquery/javascript | 评论:2 | | Tags:iuput.样式  

输入框景背景透明:
<input style="background:transparent;border:1px solid #ffffff">

鼠标划过输入框,输入框背景色变色:
<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"
...


让html文件中包含其他html文件

2008年11月7日 | 分类:DIV+CSS | 评论:0 | | Tags:html  包含  

1.IFrame
框架的形式.
<iframe name="toppage" width=100% height=30 marginwidth=0 marginheight=0 src="top.htm" ></iframe>
iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中。它与<frame>不同的是,iframe可以嵌在网页中的任意部分。
...


未知高度的div照样垂直对齐

2008年10月10日 | 分类:DIV+CSS | 评论:1 | | Tags:div  垂直居中  

非已知高度的垂直对齐的条件

  • 表格单元格
  • 行内块(inline-block)

第一个比较好理解,第二个很多人可能会忽略。比如,很多人在图片与文本混排的时候想让图片相对于文本垂直居中除了用IE的私有特性 valign="absmiddle"别无他法。记住,默认下图片就是属于inline-block,你只需简单的img {vertical-align:middle;}即可。

...


CSS定高div内容多行垂直居中

2008年10月8日 | 分类:DIV+CSS | 评论:0 | | Tags:垂直居中  

用Table布局可以很容易的实现文字和图片的垂直居中,但是在div的布局中呢,要实现定高容器里面的内容的垂直居中不是太简单的事情。

在DOM标准中

在IE中

综合

#boxOuter
{
    display:table;
    height:300px;
...


[转]阿里中秋logo设计过程记录

2008年9月19日 | 分类:用户体验/交互设计 | 评论:2 | | Tags:logo  中秋  

今天看到 blueidea  上面这个中秋logo的设计过程,设计思路很好,也很注重细节,转过来给大家看看。

先想创意,再画草图,接着鼠绘,最后做成flash动画。这是我的习惯流程。

这是想到中秋时,我第一时间内能浮想出的图像:大意是嫦娥奔月,带去了人间美食——月饼。近景有桂花,远景有圆月和里面的琼楼玉宇。在衣服褶皱的处理上,花了一些功夫。当然,我觉得这不失为一幅美丽的图像。但是美丽是不够的,所以马上又做了下面的一张草图:大意是,中秋到了,阿里旺旺团聚了。一家三口在草地上一边赏月一边吃月饼,小旺对圆月非常的新奇,孩子气十足,一家子其乐融融。这幅图像虽然不及第一幅的美,但是它适合。因为第一幅可能放在什么网站上都能用,但它却是非常适合阿里的。OK,一全面一适用两套方案,找老板过目去,英明的老板定下第二套:)

...


CSS 中 em px 区别

2008年8月19日 | 分类:DIV+CSS | 评论:0 | | Tags:em  px  区别  

这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为  

1. IE无法调整那些使用px作为单位的字体大小;
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;
3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。  

...


[转]李嘉诚的14句经典成功格言

2008年7月21日 | 分类:我的地盘 | 评论:0 | | Tags:李嘉诚  成功格言  

1、在20岁前,事业上的成果百分之百靠双手勤劳换来;20岁至30岁之前,事业已有些小基础,            
         那10年的成功,10%靠运气好,90%仍是由勤劳得来;之后,机会的比例也渐渐提高;到现在,
         运气已差不多要占三至四成了。不敢说一定没有命运,但假如一件事在天时、地利、人和等方面
...