embed标签中让flash透明的方法!-Mozilla Firefox中实现Flash透明背景

Written on:三月 27, 2014
Comments
Add One

要在一个静态的背景上加一个透明的Flash会显示动态的效果,按照常规方式加了代码后,在IE中能显示透明背景Flash,但是用Firefox浏览器却发现没有透明的效果,那究竟应该怎么加呢?于是搜索和研究了一下。

Read more…

10个CSS简写技巧让你永远受用

Written on:三月 3, 2014
10个CSS简写技巧让你永远受用

CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。 今天,暴风彬彬整理了一些CSS简写技巧,它们其实是CSS最常用的写法,但是太多的人使用Dreamweaver这种所见即所得软件来编写CSS,使得代码过于臃肿。不过没关系,看过本文之后,你一能能掌握CSS代码优化的技巧,今后让你的每一个CSS样式表都看起来整洁而简短吧。     属性值为0 书写原则是如果CSS属性值为0,那么你不必为其添加单位(如:px/em),你可能会这样写: padding: 10px 5px 0px 0px; 试试这样吧: padding: 10px 5px 0 0;   移除选择器 选择器是你在为一些元素应用CSS样式时的基本方法,比如h1, h2, h2, div, strong, pre, ul, ol等等…如果你使用了class(.类名)或ID(#id名),那么就不用再在声明CSS时包含选择器了。 div#logowrap 尝试扔掉多余的选择器吧: #logowrap 在这个例子中所谓的那个选择器就是div   *总爱和你开玩笑 要明智的使用*而避免它在整个CSS样式表中乱开玩笑,*是个通配符,你可以使用它来为你的设计部分或全部进行一系列CSS声明。例如: * { margin: 0; } 这个声明会将所有元素的margin值设置为0,同样的,为了严谨起见,你可以尝试这样设置: #menu * { margin: 0; } 这样的声明是指将#menu下的所有元素的margin设为0。   背景 背景(background)属性可能会包含设置背景色、背景图、背景图的位置和背景图重复方式的参数,你可能会写成: background-image: url(“logo.png”); background-position: top center; background-repeat: no-repeat; 其实可以写成: background: url(logo.png) no-repeat top center;   颜色 颜色(color)属性在CSS通常指定为一个十六进制的值,一个#加6位数,他的简写方式是如果颜色值由成对儿出现的三对而数字组成,你可以省略掉没对中的一个数字。 #000000 可以写成 #000, #336699 可以写成 #369 这种简写技巧只适用于成对出现的颜色值,其它颜色值不适用这种技巧,比如: #010101, #223345,…

Read more...

番茄绘制教程

Written on:八月 15, 2013
番茄绘制教程

应大家的要求来写这个教程,其实整个过程没什么技术可言,最主要的是耐心吧,并且每个人的方式不同,肯定有更好更便捷的方式。 我没有详细的写出每个步骤的参数等等,还是靠大家自已去摸索吧,或许你可以做到更好。喜欢的同学可以看一下。 来源:站酷  作者:cherry_ahui

Read more...

滚动视差设计指南

Written on:七月 1, 2013
滚动视差设计指南

作为未来网页设计的热点趋势之一的“滚动视差”在近年来被越来越多网站所采用,特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一般出 现了很多像《30个让人兴奋的视差滚动网站》、《60个视差滚动网站赏析》……等一系列的视差滚动的文章,不过赏析的居多,真正指导设计师如何去设计,如 何去实现的实用型文章却很少。于是萌发了自己写一篇的想法,与感兴趣的人共同交流下滚动视察设计时的一些心得。 什么是滚动视差?

Read more...

前端css 规范整理

Written on:五月 24, 2013
前端css 规范整理

一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中:

Read more...

UI设计20条规范

Written on:五月 22, 2013
UI设计20条规范

1.清晰度是首要工作 清晰度是界面设计中,第一步也是最重要的工作。要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它?让用户知道为什么会使用它?比如当用户使用时,能够预料到发生什么,并成功的与它交互。有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用。

Read more...

浅谈未来APP产品设计的趋势

Written on:五月 6, 2013
浅谈未来APP产品设计的趋势

苹果作为当前的话语霸权者已经导致全部手机 APP 设计朝它看齐,止步不前,这是失去乔布斯之后的后苹果时代最大的败笔。幸而有些东西让我看到了一些不错的苗头。结合目前本人的观察,今天就来谈一下未来可能的 APP 产品设计革命性的趋势。表面上虽然可能是极客们都觉得不值一提的微创新,但是见微知著滴水成海,有些种子一旦种下是必然要生根发芽的,无论前路多黑暗。这个时代总有这么一些前行者值得我们去尊敬。 App 图标多元化 为什么我们要一直忍受永远不变的 logo?我们还要忍受多久?想必各位都已经看过锤子手机的发布会。其中最大亮点便是图标市场。可以说这是彻底征服我想刷锤子 ROM 的最大原因,个人认为,一旦此阀一开必将带来马太效应,各种设计创意定会倾巢而出,我们的手机再也不是千篇一律的图标,而是更加的个性化。高手一直在民间,看看小米的开放式主题就知道了。如果说小米的开放主题是一个牛叉的创新,那么我敢断言罗永浩的图标商城对用户的吸引力绝对要在主题之上。

Read more...

主流平台UI设计标准规范

Written on:五月 6, 2013
主流平台UI设计标准规范

Android 4.0 设计规范 英文版 http://developer.android.com/design/index.html 中文版 http://wenku.baidu.com/view/4cb4eb27bcd126fff7050b45.html iPhone 人机界面指南 英文版 http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html

Read more...

WEB设计中的排版

Written on:四月 10, 2013
WEB设计中的排版

首先谈一下“Metro”——由微软公司开发内部名称为“ typography-based design language”(基于排版的设计语言)。

Read more...

Android 几个设计准则

Written on:四月 10, 2013
Android 几个设计准则

以下设计准则由Android 用户体验团队秉承用户利益至上的原则开发。当你发挥自己的创造力和思考的时候,请将它们纳入考虑之中,并有意识地加以实践。 设计准则 以下设计准则由Android 用户体验团队秉承用户利益至上的原则开发。当你发挥自己的创造力和思考的时候,请将它们纳入考虑之中,并有意识地加以实践。 以意想不到的方式取悦我 一个漂亮的界面,一个悉心摆放的动画,或者一个适时的声音效果,都是一种快乐的体验。精细的效果能产生一种轻松的氛围,感觉手中有一股强大可控的力量。 真实对象比按钮和菜单更加有趣 允许人们直接触摸和操作你应用中的对象。它减少了执行一项任务所需的认识上的力量,并使之更加令人舒心。 让我把它变成我的 人们喜欢加入个人手势,因为这让他们感觉自在与可控。提供可感的、漂亮的默认手势,但同时又考虑好玩、可选又不影响主要任务的定制项。 学会了解我 随着时间的推移,学习用户的偏好。不要反复地问用户同样的问题,将用户先前的选择列出来以供快捷选择。 简化我的生活 用语简洁 使用由简单词汇构成的短句。人们更倾向于跳过过长的句子。 图像比文字更能直达理解 考虑使用图像来解释观点。图像能捕获人们的注意力,往往比文字更有效率。 为我决定,但最终由我说了算 做最好的猜测,先做而非先问。太多的选择和决定会令人不愉。只当你可能会犯错时,才提供个‘撤消’,然后仍然先做后问。 只在我需要的时候显示我所要的 当一下子看到太多东西时,人们容易受打击。将任务和信息分解成小的、可消化的片段。隐藏当前非必须的选项,并指导人们如何走下去。 我应该总能知道我在哪里 给人们以清楚自己在哪的信心。把你应用中的不同场景设计得可区分,并使用变换效果来显示不同场景(窗口)之间的关系。提供任务进度反馈。 决不能丢失我的东西 保存用户花时间创建的东西,使得他们能随处访问。跨手机、平板电脑及计算机等平台,记住设置、个人手势以及作品。这将使得软件升级成为世界上最简单的事。 如果看起来一样,所做的事就该一样 通过在视觉上加以区别,来帮助人们区分出功能的差异来。避免出现雷同场景,即看上去一样,但对于同一输入结果不同的场景。 只在十分重要时打断我 尤如一个好的个人助理,应该保护上司不被不重要的小事打扰。人们需要专注,除非情况十分严重并且紧急,打扰会是十分令人不悦的。 给我点处处可行的诀窍 人们如果能够自己探索出东西来,将会兴奋不已。通过使用可视的模式和习惯操作,使你的应用更加易于学习。比如,猛击操作会是一个很好的导航快捷手势。 这不是我的错 在提示用户改正错误时,应该礼貌。他们在用你应用的时候,需要被认为是聪明的。如果出错了,给出明确的恢复指令,而不是将技术细节留给他们。如果你可以在后台修复错误,那当然最好。 挥洒鼓励 将复杂的任务分解成小的容易被完成的步骤。对用户的操作给出反馈,即使只是一小步的成功。 为我担负重任 通过使他们做成他们认为自己不可能做到的事,让新手感觉自己像专家一样。比如,综合多个照片效果的快捷操作可使得外行简单几步做出惊人的照片效果来。 让重要的事情能更快地完成 并非所有的操作都是平等的。确定你应用中最重要的操作,使它能很容易地被发现与使用,比如相机上的快门,又如音乐播放器上的暂停按钮。 英文原文:Android Design – Design Principles

Read more...