自认为把background-position的应用讲得非常通俗易懂的教材。做个记号。 相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象：网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候，经常遇到这个现象，那时候也不知道这时什么技术，人家的整张图片素材不会利用，只能用ps切图，切....
分类：
Web程序 时间：
2015-10-11 14:09:03
阅读次数：
333
第一部分：下面我们来看看安卓切图前辈的心得： 1、考虑适配Android 各种复杂的分辨率，如主流的1280X720, 800X480, 640X480,480X320,以及各种非主流分辨率。 2、.9神器 3、PNG24+jpg 4、可交互控件尽量不小于最小...
分类：
移动开发 时间：
2015-09-25 20:28:01
阅读次数：
303
打开UI设计师给你的PSD文件，我们以下图为例，截产品超市前面的购物车1、按v选择移动工具，然后在上面的选项栏中勾选自动选择，在再右边选择图层2、这时候用鼠标选中产品超市前面的购物车，就能在右边的图层看到，选中的购物车的图层就已经被选中了3、按住alt,再点击上图“图层144副本2"前面的眼睛，.....
分类：
其他好文 时间：
2015-09-23 20:49:22
阅读次数：
268
在做网页的时候，常常需要实现圆角，以前的做法就是切图，现在好了，有了css3的border-radius特性之后，实现边框圆角效果就非常简单了，而且其还有多个优点：一是减少网站维护工作量；二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速度将变快；三是增加视觉美观性。border-ra...
分类：
Web程序 时间：
2015-09-23 00:55:28
阅读次数：
305
这个可能跟每个人使用切图软件有关。1、Photoshop1）只能导出布尔透明（全透明或者全不透明）的PNG8。2）能导出alpha透明（全透明，全不透明，半透明）的PNG24。3）不能导出PNG32。2、Fireworks1）既能导出布尔透明的PNG8,也能导出alpha透明的PNG8,半透明的pn...
分类：
其他好文 时间：
2015-09-22 16:42:31
阅读次数：
193
css切图还是蛮难的！实现如下页面布局。核心区域左侧自适应，右侧固定宽度 200px这题难点在于content自适应（对于我来说是难点。。。）两种解法：1.float为right，aside的div在content的前面，content不设置float，这里有个小问题：如果content也设置flo...
分类：
Web程序 时间：
2015-09-21 12:16:18
阅读次数：
218
小标题：我刚写前端不到半年，学习速度比较快，也可以说比较浮躁，最近在研究node，想自己揽了全栈的活儿，偶然看到了一篇叫前端架构那些事儿的文章，于是跟着文章，我找到了张云龙先生的git，看了一下他对前端架构的看法，自认为深有感触，因此记下来，以告诉自己是有多么肤浅。张云龙先生以切图仔引入，然而我并不...
分类：
其他好文 时间：
2015-09-19 21:02:14
阅读次数：
649
纯干货！一款APP从设计稿到切图过程全方位揭秘@BAT_LCK：我本身是一名GUI设计师，所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写，相当于工作流程的介绍吧。公司不同，流程不尽相同，但是终究还是能有些帮助。依旧声明：这里写的不是一种规范，只是一种工作方法，大家在具体工作...
分类：
移动开发 时间：
2015-09-18 13:37:37
阅读次数：
301
适配要达到何种效果？在不同尺寸的手机设备上，页面要能够良好的展示， 不会出现错位变形(自适应)， 或者保持统一效果的等比缩放。设计稿尺寸第一个问题就是选用多大的设计稿尺寸，如果按照320px的设计稿切图，在retina屏幕下，图片会失真。因为在retina屏幕上以 ipone4（320*480）为例...
分类：
移动开发 时间：
2015-09-17 23:14:22
阅读次数：
424
logo ps智能对象转化svg格式，放大还是会糊；切图切的大一点，在高分辨率屏下大小相应调整ps支持自动切图，基于图层，后缀修改png、jpg等，修改配置还可以支持svg，@2x两倍放大，还有css样式，ps cc果然很强大。禅意花园，盒子模型左右用百分比，上下单位用em，不过现在rem出来了，结...
分类：
其他好文 时间：
2015-09-16 19:42:23
阅读次数：
205
