• 网页版 - 找色差小游戏
  • 精选11个超酷炫的 CSS3 文本特效
  • 超赞!提供【免费下载】整理61个HTML5+CSS3的登陆表单
  • 缺乏灵感?来学习创意人士的18个独特行为方式
经验/技巧

3个方面提升设计效率

3个方面提升设计效率
最近明明(人家真叫明明)和我抱怨说:老大总是说我设计东西慢,效率低,真是烦死了,要知道设计的好又快的东西这个世界上是没有的...

2年前 (11-17) 318℃ 评论 () 114喜欢

UI设计

一款APP的设计稿从设计到切图(Android篇)③

 一款APP的设计稿从设计到切图(Android篇)③
这里首先感谢很多UI中国的朋友,从我写这个系列以来,他们为我提供了很多我不知道的知识以及提升工作效率的软件,非常感谢你们!!这一期算是这个系列的完结篇了,没想到这一期会间隔这么久,久到我前两期写了什么都快忘记了...

2年前 (11-16) 378℃ 评论 () 122喜欢

经验/技巧

高清ICON SVG解决方案(下)

高清ICON SVG解决方案(下)
在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清IOCN,并且良好支持PC下的各个浏览器,并兼容IE6+以上的浏览器。...

2年前 (11-15) 228℃ 评论 () 125喜欢

经验/技巧

高清ICON SVG解决方案(上)

高清ICON SVG解决方案(上)
随着硬件快速的发展,Retina技术发展至今

目前Google Nexus6的devicePixelRatio已经到了3.5,虽然目前主流的Retina显示器还是以devicePixelRatio = 2 的为主,但是为了更好的用户体验,前端和视觉同学经常都要为了各种图标能够在Retina屏幕下高清显示而头痛。下面先介绍下目前的一些常规的解决方 案。...

2年前 (11-12) 142℃ 评论 () 116喜欢

UI设计

简洁明了的UI交互手册

简洁明了的UI交互手册
Good UI是一家研究用户体验的设计机构。我们知道成功的页面设计不仅有很高的转化率更便于用户使用,既能满足商业目标更能为用户带来良好的体验。今天为大家分享一些Good UI 在一些项目中获取的设计以及运营策略等方面的经验...

2年前 (11-10) 394℃ 评论 () 92喜欢

UI设计

值得收藏!iPhone 5快速适配6/6 Plus

值得收藏!iPhone 5快速适配6/6 Plus
最近建了一个零基础学ui的群,许多新人问我适配的问题,他们很疑惑——他们知道iPhone 5用2@的切片,6 Plus用3@的切片,是5的1.5倍。所以,他们做好iPhone 5的设计稿后,整个乘以1.5倍...

2年前 (11-10) 258℃ 评论 () 115喜欢

Html5+Css3

了解CSS3那些不为人知的高级属性

了解CSS3那些不为人知的高级属性
尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档...

2年前 (11-08) 364℃ 评论 () 113喜欢

脚本代码

loader.css制作出28款过渡样式

loader.css制作出28款过渡样式
过渡效果,常规方式都是用JS来制作的,CSS3的诞生带来了革命性的变革,同时也衍生了众多的CSS插件,本文用到的loader.css,加载它之后,再用几句代码简单的代码,就可以完成一个神奇的效果。...

2年前 (11-02) 450℃ 评论 () 120喜欢

经验/技巧

设计实用字体的8条规则

设计实用字体的8条规则
在设计中,字体排版设计是相当难懂和复杂的。希望这篇文章能够给大家带来启发。也希望大家不要局限于此,我们要了解更知识,这篇文章里也有给大家提供学习的资源。...

2年前 (11-06) 257℃ 评论 () 84喜欢

UI设计

为设计师而生-设计导航设计总结

为设计师而生-设计导航设计总结
作为设计师想要设计出足够优秀的作品,除了拥有熟练的技能外,还需要拥有出众的创造力和审美。如果对万事万物没有足够丰富的体验和感受,没有对美的认知和体会,是很难提高层次,做出满意的设计的...

2年前 (11-05) 303℃ 评论 () 21喜欢

Html5+Css3

box-flex属性,然后弹性盒子模型简介

box-flex属性,然后弹性盒子模型简介
昨天趁着不想工作的时间间隙闲逛24ways,在My CSS Wish List一文中,见到了个新鲜的CSS属性,就是题目中的box-flex,以前没有见过,顿生疑惑,不知是骡子还是马,于是习惯性谷歌之,真是不谷不知道,一谷吓一跳。倒不是该属性本身,而是此属性作为导火索,让我了解了下CSS3中新的盒子模型——弹性盒子模型(Flexible Box Model)...

2年前 (11-04) 492℃ 评论 () 91喜欢

Html5+Css3

了解CSS3的不一样,CSS3伪类元素详解/深入浅出

了解CSS3的不一样,CSS3伪类元素详解/深入浅出
​最近一段时间,很多朋友向我提出说对css3"画图"不是很理解, 在跟他们私聊了一段时间以后,加上自己在开始自学css3的时候的疑惑,我觉得大家之所以不是很理解主要是因为对伪元素不太了解,介于画图和CSS3里一 些高大上的特效用的比较广泛的伪类元素就是::before 和 ::after, 写这篇博客主要也是为了起到一个敲门砖的作用,所以本篇博客主要是讲::before 和 ::after。那么就让我们一起来聊聊伪元素吧...

2年前 (11-03) 414℃ 评论 () 70喜欢

Html5+Css3

面向设计的半封装web组件开发

面向设计的半封装web组件开发
本文内容可谓是对大脑认知的一场洗礼。我们平常提到组件,就会想到重用,各个项目都能使用。而本文的组件,对于某具体项目而言是组件,但是,对于其他项目,就是个半封装的半吊子组件。面向设计、面向项目的web组件开发,就是本文要探讨的主旨...

2年前 (11-02) 443℃ 评论 () 65喜欢

Html5+Css3

loader.css制作出28款过渡样式

loader.css制作出28款过渡样式
过渡效果,常规方式都是用JS来制作的,CSS3的诞生带来了革命性的变革,同时也衍生了众多的CSS插件,本文用到的loader.css,加载它之后,再用几句代码简单的代码,就可以完成一个神奇的效果。...

2年前 (11-02) 295℃ 评论 () 121喜欢

Html5+Css3

响应式web设计与CSS3媒体查询

响应式web设计与CSS3媒体查询
在之前一篇译文中,我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题,我们将从前文介绍过的"弹性布局结构"这方面出发,通过一个具体的实例来深入学习。...

2年前 (11-01) 949℃ 评论 () 193喜欢

Html5+Css3

用三个步骤让你理解怎样实现响应式网页设计

用三个步骤让你理解怎样实现响应式网页设计
随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。...

2年前 (11-01) 392℃ 评论 () 123喜欢