发现一个详细好方法：http://blog.csdn.net/zhangxiaowei_/article/details/42143307 具体如下： ...
分类：
其他好文 时间：
2016-04-19 11:53:38
阅读次数：
93
目录： 搭建Web开发环境 1.辅助工具——PS（切图、修图、测量） 2.开发、调试工具——常用开发工具和调试工具的功能介绍和使用方法 内容： 切图设计稿(.pdf文件) ———————————— 产出物(如.png .jpg文件) 素材切出 为什么切图？ 给网页提供图片素材 HTML:img <i ...
分类：
Web程序 时间：
2016-04-16 23:05:18
阅读次数：
379
因为除了iPhone 6+以外，其他所有iPhone的DPI是一致的，都是326，用@2x的素材。但是6+的实际DPI是401，理论上苹果应该用401/326 * @2x=@2.46x的素材，但是这个奇葩的比例对开发者而言很难切图，所以苹果为方便开发者用的是@3x的素材，然后再缩放到@2.46x上， ...
分类：
其他好文 时间：
2016-04-14 15:36:37
阅读次数：
139
对前端程序员来说，从设计师的手中拿过设计图和素材之后根据需要进行切图是必要的基本功，但是一般的程序员可能对切图并非那么熟悉，所以可能有很多时间都花在使用Photoshop上，那么这里就有一种方法可以减少很多的切图工作，那便是——用一张图片搞定整个一页的页面布局。当然，不止是省了一些切图的花费，也是一 ...
分类：
其他好文 时间：
2016-04-14 09:23:06
阅读次数：
244
现在有工具进行转换我们可以不需要去心算各种单位了，切图的时候直接用px，然后页面切完后，将样式丢到工具中进行转换，秒秒中就能把样式中所有px单位转成rem。 第一步：页面加入根元素计算JS代码 第二步：将你写好的CSS文件丢入工具进行转换 在这里要解释下为什么对border的各种属性不进行处理，因为 ...
分类：
其他好文 时间：
2016-04-13 13:00:59
阅读次数：
139
这个问题我相信困惑了好多人包括很多老鸟，而且有的人以为自己理解其实是错误的，包括之前的我在内，在做安卓适配的时候，一般让美工做720*1280的切图，就直接放到xhdpi下，如果是做了1080*1920，就直接放到xxhdpi下。 其实这四个文件夹和具体的屏幕分辨率是没直接关系的，上面说的做法也有一 ...
分类：
移动开发 时间：
2016-04-12 01:53:14
阅读次数：
278
一、 像素密度表 像素密度表 比如UE 给了三张切图分别对应: mdpi， xhdpi， xxdpi 10 * 10, 20 * 20, 30 * 30 上面的值都是px，那么，可以将图片分别放在res/下的对应文件夹中，并在布局文件中为使用到到该图片的地方定义为高宽为10dp(或wrap_cont ...
分类：
移动开发 时间：
2016-04-08 19:56:42
阅读次数：
193
完整的流程，分层次设计，自下而上去完成 1.策略层，定义产品使命、价值、目标人群 2.愿景/功能层：定义核心场景、功能列表 3.结构层：做流程图、信息架构，确定主导航、主菜单 4.框架层：梳理每一个主界面的内容、布局 5.表现层：视觉设计，涉及图标、配色、切图。 产品经理主要关注1~2，在去找设计师 ...
分类：
移动开发 时间：
2016-04-05 02:03:13
阅读次数：
162
（一）网页切图过程中div+css命名规则 内容：content/container 导航：nav 侧栏：sidebar 栏目：column 标志：logo 页面主体：main 广告：banner 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 搜索：se ...
分类：
Web程序 时间：
2016-04-02 17:39:04
阅读次数：
233
上一篇我们主要了解了为什么适配，以及怎么适配，同时给出了部分切图规范，和在开发过程中需要的一些注意事项，这一遍主要从官方给出的指导建议出发，从视觉的角度来说说怎么适配。度量单位和网格48 dp 的设计韵律一般来说，可触摸控件以 48 dp 为基础单位。为什么是 48 dp？
一般情况下，48 dp 在设备上的物理大小是 9 mm (会有一些变化)。这刚好在触摸控件推荐的大小范围 (7-10 mm)...
分类：
移动开发 时间：
2016-03-31 14:55:32
阅读次数：
213
