2013年10月_wangxiaohui6687

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载让每一个像素都清晰可辨

大家在设计界面和网页时，是不是经常碰到PS里绘制的图标虽然是矢量的，但还是会有许多虚边，在放大、缩小、旋转后虚边变的更严重了，或者是在AI里绘制的精美矢量图标粘到PS里就变虚了，我们辛苦设计的作品就这样变“糊了”，这是我们双眼所不允许的，我们要让每一个像素都清晰可辨。要解决这些问题就要理解PS像素组成的原理，了解一些设置选项和使用技巧，下面和大家一块分享。（PS=Photoshop, AI=Il

2013-10-16 16:28:21 776

原创苹果iOS锁屏制作

下面我们开始。一、锁屏界面可以观察到，iphone的锁屏界面在时间和解锁部分有着透明强高光风格的背景，高光部分有非常明显的界限，边缘部分1像素的高光也是非常醒目的，整体感觉整个表面非常光滑，如同玻璃般的质感。透明的使用让整个界面不被硬生生的划分为三个部分，而是让桌面图片从后面透过来，扩大了视线的范围，让整个界面感觉更加透气。滑动按钮使用了灰色的渐变，但是依然延续了这种风格，你可

2013-10-15 08:42:42 1600

转载纯css制作三角、圆形按钮，兼容ie6

原文网址：http://dtop.powereasy.net/Item/3418.aspx以前一直用图片做小三角、圆形按钮等，但有时候实在不太方便，例如换个颜色又要打开ps弄，挺麻烦的。而且对于追求细节和极致的前端工程师来说，能不用图片就不用图片，于是参考了天猫、微博等网站的做法，用纯html和css实现，效果还是不错的。以下是成果，兼容主流浏览器，包括ie6。

2013-10-14 14:13:57 3910

转载如何高效地输出iOS和Android标注和切图

现在有很多产品为了降低设计成本并保持多平台体验的一致性，都以iOS为主做一套交互设计，应用于iOS和Android两个平台。但是在标注与切图的环节，如何高效的与开发对接，似乎并没有什么更高明的办法。很多团队的做法是先做一套iOS的UI+标注+切图，再在iOS的基础上缩放一套Android的UI+标注+切图。事实上这样的做法是低效，且无效的。为什么且如何做呢？　　首先本文大前提是，交互以iO

2013-10-14 10:37:40 10698

转载 IOS7设计师笔记(原创)【ios7设计的尺寸】

图标尺寸IOS7推出后，图标尺寸规范略有调整，为了得到更加精准的显示效果，大家可以参考参考下。下表列出了图标的标准尺寸，按照此规范zuo作图，可以使图标能在搭载IOS7的多种设备中正确显示显示。（单位：px）描述iPhone 5和iPod touch的尺寸（高清晰度）大小为iPhone和iPod touch（高

2013-10-14 10:04:53 13285

转载 IE6 png 透明 (三种解决方法)(转来的哦)

FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的=============================================================================此效果简单，。。。。相当不错推荐 style="FILTER: progid:DXImageTransform.Microsoft.Alp

2013-10-13 11:29:53 513

原创 js修改input的type属性问题

js修改input的type属性有些限制。当input元素还未插入文档流之前，是可以修改它的值的，在ie和ff下都没问题。但如果input已经存在于页面，其type属性在ie下就成了只读属性了，不可以修改。在ff下仍是可读写属性。今天遇到个问题，输入框有默认值“密码”，但获得焦点时，“密码”两字会去掉，输入时直接变成”****“的password类型。很明显，一开始的时候，input的类型

2013-10-12 09:48:39 5976 4

转载 HTML 5的革新——语义化标签(二)

HTML 5的革新之一：语义化标签二文本元素标签、分组元素标签。HTML 5的革新——语义化标签(一)中介绍了一些HTML5新加的一些节元素，一张页面中结构元素构成网页大体，但是也需要其他内容来填充，譬如图片、文本、代码、表单、交互等等。所以接下来我们就来详细了解HTML5的新增加的和重新定义的文本元素标签、分组元素标签等其他元素标签。文本字体元素文字对SEO影响很大，而HTM

2013-10-09 14:11:33 3131

转载 HTML 5的革新——语义化标签(一)

HTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。看下图没有用div标签来布局

2013-10-09 14:10:34 1207