一点题外话： 提到切图，让我想起曾经有好几个月的时间，我每天的主要工作就是切图，或者说切片了。 要制作语文课本中每篇课文的朗读卡拉OK效果，其中一道工序，就是要把文章中的每个字连同上面的拼音，切成单独的一张小图。 一张图上，文字数百上千，纯粹的体力活。 不过这是用fireworks切的片。 今天要说 ...
分类：
其他好文 时间：
2017-04-29 23:29:34
阅读次数：
202
作为前端切图仔一名，或多或少要与ps打上交到，你如果是大厂的话，可能不需要，小厂也有不需要的。这里是需要自己抠图的小伙伴的干活。 如何利用ps 提高我们的工作效率： 首先我们需要安装下载 photoshop cc 2014版本以上； window 下可直接在百度软件中心下载（这里我为聪明的朋友贴上地 ...
分类：
系统相关 时间：
2017-04-25 22:19:47
阅读次数：
349
一、 流程 设计师以750pt×1334pt尺寸进行设计（当然高度随内容变化），最后用该尺寸的设计稿进行标注、切图，前端采用flexible进行适配。 二、 flexible使用方法 Flexible的使用方法非常简单，只需要引入flexible_css.js和flexible.js 下载地址 l ...
分类：
其他好文 时间：
2017-04-20 16:42:34
阅读次数：
259
图片处理时，有时需要为图片加一些边框，下面介绍一种为图片添加简单边框的方法。 基本思路是：将边框图片裁剪成八张小图片（图片大小最好一致，不然后面处理会很麻烦），分别对应左上角，左边，左下角，下边，右下角，右边，右上角，上边，其中左右上下只需要一个有效长度，就像重写水平进度条一样，只需要一个有效的长度 ...
分类：
移动开发 时间：
2017-04-17 13:11:44
阅读次数：
230
【学习过程遇到疑问和延伸阅读】 1.Sublime Text 安装插件的方式 一开始以为直接安装。原来在安装丰富的插件之前，Sublime Text需要通过Package Control这个插件来管理。作为基础插件来管理其他的插件。安装成功之后在菜单栏Preferences下才会有Package C ...
分类：
其他好文 时间：
2017-04-16 23:51:14
阅读次数：
286
一.页面板块设计 页面整体分为上下两部分，分别用box1,box2,来划分。上半部分主要是：团购网站,切换图标,内容展示。其中网站用<h2>标记,切图用<ul>,<li>构建结构。下部分包括文字说明，和价格以及超链接跳转。大体由<p>和<a>标记构成。 二.页面实现 1.主体基本结构： 2.css样 ...
分类：
Web程序 时间：
2017-04-15 20:51:11
阅读次数：
260
一、首先找到模板二、勾画框架(写div)，切图(ps)三、实战开始
这一次共花了一下午时间，利用html、css做出静态网页
在外观，布局，动画都有一点改善
四、静态网页效果
倒数第二的...
分类：
Web程序 时间：
2017-04-09 22:44:56
阅读次数：
303
最近在学习前端，所以萌生了对切图的学习，接下来分享下我的学习历程吧~ 1．切图其实并不是直译的就是将图片切开那么简单，那么切图到底是什么意思呢？ 切图概念：切图是指将设计稿切成便于制作成页面的图片，并完成html+css布局的静态页面，有利于交互，形成良好的视觉感。通俗来讲，把一张设计图利用到切片工 ...
分类：
其他好文 时间：
2017-04-08 12:45:26
阅读次数：
242
02-图片裁剪 图片裁切 图片截屏 04-图片截取 05-图片擦除 ...
分类：
其他好文 时间：
2017-04-07 13:37:32
阅读次数：
247
1.拿到公司设计师给的PSD图（PC端给的是1920px的设计稿，移动端给的750px的设计稿）。 2.自己新建一个项目目录（默认有css，js,images文件夹以及一个index.html文件）。 3.分析设计图，使用PS切图工具进行切图（分析哪些内容需要切成图片，设计稿的图标，可以向设计师要这 ...
分类：
其他好文 时间：
2017-03-29 13:22:47
阅读次数：
246
