∥″可乐〃∥

让我展望未来,网络是我不变的终结者!

16Jun.

交互设计的KISS原则(简单就是美)

KISS原则就是Keep It Simple and Stupid. 简单是软件设计之美, 简单的设计使得软件产品易于开发, 易于维护. 简单代表着高质量, 少加班, 每个人都希望自己的工作是简单的.

在KISS原则之外, 应该有一个更重要的原则: Useful. 满足需求是一切产品的低限. 也许需求本身也应该KISS, 简单的需求意味着底成本, 高效率. 可惜客户有时候很难克制自己的欲望. 也许站在客户角度看见的KISS和我们开发者眼中的KISS不完全是一个概念. 有人说: 好的设计是客户做出来的, 开发者其实只是在帮助客户做设计.

...

15Jun.

TAB不比DIV体积大

经可乐研究调查实践表明:

1KB等于1024字节,二个字母分别相当于一个汉字
得出以下结论,宁多用代码,少用1KB的图片

TAB不比DIV体积大

在DW 4里
新建一个HTML文件是316字节
一个没定义TABLE体积是51字节
一个没定义的DIV标签是11字节
一个没代码,新建默认的CSS文件为:41字节
...

14Jun.

修炼设计能力的土办法

在蓝色理想看到下面这篇文章,觉得很不错就转载过来:

我所谓的这些诀窍,一没有经过ISO900X的权威认证,二不是什么包治百病的神秘药方。不过是自己的一点儿经验,彻头彻尾的土办法,仅供大家参考而已。

所谓天赋(左脑和右脑)

也就是你是否有艺术天赋,天赋也许是存在的,这主要在于人类左右脑的分工。左脑主要负责逻辑理解、语言、判断、分类、分析、推理,这类人才可能对数学、逻辑和细节分析方面更加敏感。右脑主要负责情感、直觉、想像、创造力、象征和灵感等,这类人才的思维是感性的,对音乐、图像、空间、抽象物体比较敏感。左右脑的能力并不完全是先天的,可以通过后天的锻炼使其活化。谁也不是生下来就什么都会的,就算天赋如孙悟空这样的神猴,自打从东圣神州的石头里蹦出来后,为了修成正果,也得跋山涉水呀,翻山越岭呀,经过9981难才行,何况我们呢?很多人都遇到过这样的问题,为什么人家设计出来的网页就那么唯美,自己一设计,颜色也不对,版式也难看?其实这个倒不必紧张,我看过不少高手刚出道时的作品,也许还不如你呢,所以大家一定要提高信心,天赋完全可能靠后天的努力和长期熏陶来锻炼出来。

...
14Jun.

最全的CSS浏览器兼容问题

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. 

CSS技巧

1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 

...
14Jun.

CSS布局口诀

如果在用CSS设计布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢?

一、IE边框若显若无,须注意,定是高度设置已忘记;

二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;

三、三像素文本慢移不必慌,高度设置帮你忙;

四、兼容各个浏览须注意,默认设置行高可能是杀手;

五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;

六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。

...
13Jun.

锁定特定链接(小技巧)

像这样:
<a href=http://www.kele520.com  class="kele">可乐CSS学习心得</a>

要以它自己的方式定义样式,你得创建一些样式,像这样:
a.kele:link        {color:#f60;}
...

12Jun.

交互设计的基本法则

一、力求一致性

网站视觉的统一,例如网站首页需要和每一个下级页面保持一致的风格,导航都要放在屏幕的左上角,具有高度一致性的界面能给人清晰整洁的感觉,尽力不要在网站上将按钮或其它功能性的区域,一会放这一会又放那。让浏览者在网站中找。制造迷宫。

二、允许频繁使用快捷键(或尽可能的让浏览者少点鼠标)

快捷键表示产品使用的灵活性和有效性,想想每次我们使用搜索引擎的时候是鼠标点击的搜索还是按的回车?快捷键的使用对于产品的操作者大大提高了工作效率。何乐而不为呢?

......

10Jun.

绝对定位的重叠性

当一个标签绝对定位后,如果不给他坐标。它好似一个普通的DIV层,对margin等定位属性都有反应。

但是这种margin定位与普通的DIV层又有区别,普通的DIV层margin时是一个一个往后挤,或是往下堆加的。而含有absolute属性的层则是一层一层往上摞的。

例如:

<title>绝对对位的层叠</title>
<style type="text/css">
...

10Jun.

IE与firefox对百分比宽度解析的细小差异

IE与firefox对百分比宽度解析存在细小差异

假设一个DIV宽度800px。里面有8个字DIV等宽依次浮动,可以这么写。

.out{width:777px;}

.out .in{width:12.5%; height:20px; float:left;}

html代码:

<div class="out">

<div class="in"></div><div class="in"></div><div class="in"></div><div class="in"></div><div class="in"></div><div class="in"></div><div class="in"></div><div class="in"></div>

...
10Jun.

IE6支持filter png透明滤镜的写法

* html .png{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png'); }

* html为关键

ps:应用png半透明滤镜的图片无法响应单击事件!

7Jun.

幻想世界

......

7Jun.

《QQ仙侠传》新品发布会视频

...... 

7Jun.

像懒人一样去设计



设计是简单的如果你知道要放的东西该放到哪。

曾经在某个电子杂志里看到一篇关于如何在平面设计中偷懒的文章,引发了我的一些思考,在平面设计中有这么多可以偷懒的方法,那在网页设计中是不是也有一些捷径可以探索?当然作为一个刚刚踏入网页设计领域的新兵来说,这样的标题对我来说显得有点“大逆不道”,但如果不写下去,又觉得可惜。于是,文章也就写下去了……

...

page:«121314151617181920212223242526»

日历

<< 2015-1 >>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Search.

Blog Statistics.

  • 文章总数:355
  • 评论总数:87
  • 引用总数:0
  • 浏览总数:18301
  • 留言总数:28
  • 当前主题:GrayDream主题
  • 当前样式:GrayDream

Misc.

    2015年的到来还有:
    ◀ ◁▶ ▷


ADMIN. | EMAIL. | ABOUT.

Powered By Z-Blog 1.8 Spirit Build 80722Copyright © 2006-2014 可乐Blog Kele520.Com All Rights Reserved.[皖ICP备 06001314号]