用css3写input的交互动画

为了达到注册输入有更好的体验,所有用css3过渡动画写了个小交互。

动画的原理,主要就是当获得焦点的时候,“账号”标题变色上移且缩小字号。下划线同时也变成选中主色调。

现在看看css代码

首先定义输入框的样式,隐藏所有input的初始样式,然后强制增加底线,并在获得焦点时变色。代码如下[……]

阅读全部

Android适配各分辨率规范,看了就懂了!

 

安卓机型众多,杂乱无章,相比ios平台适配起来更加复杂,ios直接用px单位直接标注切图,而安卓则是dp、sp,下面就来说明一下px、dp、sp之间的转换关系。

Px(像素)是设计工具里最常用的计算单位,也是设计中最基础的单位。

Dp一种基于屏幕密度的抽象单位,px和[……]

阅读全部

分享几款设计师标注神器!

对于设计师来说,都属于必备的神器!

1.最常用的Mark Man!非常实在的标注工具,这款标注软件自由度非常高!

 

优点:自由度非常高;支持保存进度;支持psd文件标注,修改后可以直接同步!

缺点:因为是对图片标注,所以全手动操作;不支持移动标注(无dp、sp单位,只有px)

[……]

阅读全部

分享个人ios适配方法,最简单粗暴!

分享个人ios适配方法,最简单粗暴!

首先要了解到,iPhone6与iPhone6plus的加入,ios适配的难度变大,很多人都不明白具体用多少分辨率去设计,如何最快捷的适配全部尺寸。

下面我来讲解一下我的理解,可能会和各位的想法有冲突,不喜勿喷。先给大家看一组IOS尺寸规范。

[……]

阅读全部