推荐阅读
PSP7（1）初识PaintShop7
现在的计算机使用者没有不知道photoshop的，但是你可否知道：在专业图形设计领域还有一个媲美于PhotoShop这样的免费软件－PaintShop，它的名气没有PhotoShop响亮，但是功能丝毫不逊色，而且某些方面甚至要超过，只不过使用的人比较少，也少有比较全面介绍它的文章，以至于它至今还是“藏在深闺无人识”。现在Adob公司在中国高举反盗版的大旗，大家惟恐避之不及，购买吧，成千上万的支出实在不是一笔小数目，怎么办？――PaintShop将是你最好的选择。究竟PaintShop有什么样的功能？它与PhotoShop有什么差别？它能代替PhotoShop吗？本系列文章将试着做一介绍与比较，希望对大家有所借鉴，也期待更多的设计师、软件爱好者来一探它的奥秘，共同加入这一阵营，打破PhotoShop垄断天下的局面。软件名称：PaintShop Pro软件版本：7.0 Beta推出日期：2000.7.6软件类型：ShareWare（30天试用）软件大小：28.5M软件作者：Jasc Software（http://www.jasc.com/）一、下载与安装PaintShop Pro真是体现了自由软件升级速度快的特点，6.5版才推出了几个月，就发布了7.0测试版。注意你下载它时一定要选择一个国内站点，否则它将近29的庞大身躯是很难“请得动”的。下载的文件是一个可执行文件，双击即可运行。安装程序自动进行一番测试及拷贝必要文件后将提示你重启系统（必须重启，它没有给你第二选择。所以在安装它之前，最好关闭你所有正在运行的其它程序。）点击“Reboot”重启系统后，自动进入安装步骤，有两种安装方式：完全安装－需要40M的硬盘空间；定制安装－选择你想要的部件。然后填写它对你的一些个人信息调查（随意填吧，不过建议你留下自己的Email地址，这样有关程序的更新信息和特殊服务将及时通知你），此后它必须拨号接入因特网，链接到它的服务器上进行线上注册。此步骤也是无法省略的，这意味着你如果没有上网的话，将无法安装它――真是一个不小的遗憾。网络接通后注册是自动的，如果这时网络链接速度够快，注册也就是10秒钟的时间，成功后“Next”才能点击，进入正式的安装。这个过程需要3分钟左右。安装后运行图标加入windows的“程序”下的Jasc Software中。我们可以看到两个菜单项：PaintShop Pro 和Animation Shop。第一个就是它的主程序二、7.0版的新功能在这个最新版本中，新增加了如下功能：1、增强的颜色调整面板；2、自动图象校正功能，比如它可以自动校正拍摄照片时产生的“红眼”；3、更易使用的预览窗口；4、最后使用的操作的重复使用命令；5、方便的渐变、图案、纹理设置；6、自动对齐辅助线让你快速对齐对象；7、加入了几个新的特效处理：比如光照和爆光效果；8、高级浏览器便于你浏览和管理图象；9、自动存盘设定；10、可以保存和重取当前的工作环境；太多的功能一言难尽，还是慢慢看我们后面的介绍吧。三、PaintShop7和PhotoShop5的简单对比PhotoShop5是大家比较了解的，那么PaintShop7究竟在那些地方与PhotoShop不同呢？通过下面的简单比较，希望能帮助你快速了解PaintShop。1、多任务特性。你可以同时运行多个PaintShop程序，只要你的内存允许，个数不受限制；2、更友好的界面。打开PaintShop你就可以感觉到这一点，众多的工具条和属性设置对话框都是可定制的。所有的菜单项都有一个小图标形象说明该菜单的作用，你可以使用快捷键打开或隐藏浮动面板。3、优秀的层面板控制。层，是在图形设计时最重要的工具。PaintShop中的层可以说是最棒的，你甚至可以按照隶属关系来分类组织和管理层。当你把鼠标定位于某个层上时，鼠标下面出现该层的预览图象。每个层的右边是它的透明属性设定。4、中文支持良好。所有的中文字体名称都可以自动检测并正确显示（PhotoShop不能正确显示中文字体名称），而且PaintShop还能配合windows的多国语言给以支持。在程序中的对象名称、图层名称等可以用中文来标记，并且中文显示也非常美观。5、特效。PaintShop7提供了11大类，共计97种特效制作。不过遗憾的是目前它还不能支持外挂特效插件。6、特效浏览器。不知道某一个特效是怎样的效果吗？不要紧，利用特效浏览器你可以迅速预览每一个特效的结果。7、众多的图形文件格式支持。PaintShop7支持43中流行的图形格式。8、内置截图功能，将捕获图形直接引入加以编辑。有五种截图方式可以供你选择，可以定义热键按钮，可以进行批量截图。9、内置图形浏览器，查找图片简单迅速。9、支持柯达的十种数码相机，所拍照片可以直接引入加以编辑。10、图形格式批量转换，快速将多个不同格式的图形文件转化为另一种图片格式。支持转换为13种图形格式。以上只是PaintShop的简单概貌，，把PhotoShop放一边去吧，在以后请随我一起来仔细探索它美妙精彩的设计空间，相信你也会和我一样深深喜欢上它。别走开，I'll be back。
Fireworks绘XP风格精致图标
本文我们用Fireworks绘制一个XP界面风格的精致图标――“我的电脑”。 先奉上效果图： 基本步骤： 1. 先绘制一个矩形，并通过部分选取工具调节节点。为增加立体效果，每个角均通过钢笔工具增加为2个节点 2. 给矩形添加渐变效果 3. 再给右边的矩形添加渐变效果
PS制作切割文字效果
这篇教程教飞特的朋友们用PS制作切割文字效果，教程制作的效果灰常有趣，转发过来，和飞特的朋友们一起学习下，先看看效果图吧： 具*作步骤如下： 1、首先运行photoshop创建一个大小为1000*500像素的新文档，并填充颜色#f4f4f4，如图所示。 2、使用“矩形选框工具”在图片的下方创建一个矩形选区，接着选择“椭圆选框工具”在属性栏中单击“添加到选区”按钮，然后在矩形选区的上边添加一个弧形选区，效果如图所示。最后使用“渐变工具”，在选区中添加一个黑色到透明的渐变效果。
AI直排区域文字工具排心形内容
第一步：直排区域文字工具，一定要有路径才可以使用。我们要看看怎么使用。第二步：用钢笔工具绘制一个心形。第三步：点击直排区域文字工具，点击心形。这时，心形就会变路径了。第四步：就可以里面输入内容了。文字也会自动换行。第五步：输入完后，文字以心形排列出来效果。
最新发布
设计大师漫谈响应式网页设计心得
1. 如何理解响应式设计(RWD)zhongfan ：学究一些，首先大家先了解一下响应，然后再讲一下设计，响应就是我发出的请求能得到什么样子的回复，比如我说 “你好”，你会很容易的给我回复”你好”，因为大家都是中国人，如果我说”hello”，我们这代人如果上过初中，他也会给我说”Hello”，但是如果 我给对你说”Bonjour”，那可能只有高配的人才可能知道了。这里面，就举了一个例子，我的应答对象就相当于我们要讲的响应式的设备，他必须能够解析 我发给他的需求。然后咱们再讲一下设计，设计的官方解释是这样的：1.设下计谋。2.根据一定要求
详细解析IOS7和Android4.4奇巧巧克力
Android的粉丝为Google Nexus5的发布而举杯同庆。LG的这款智能手机使用了最前沿的科技却提供了难以置信的合理价格。同时，还有另外一个理由让我们兴奋——它是搭载了Google最新一代的手机操作系统Android 4.4的第一款手持设备。但是，Google的更新与iOS7相比表现如何呢？接下来让我们一起探索一下。界面那些期待看到Android的这次更新像iOS7相较iOS6有大量改动一样的粉丝要感到失望了。Android 4.4与其说是革新不如说是进化。视觉上看，4.4与4.3势均力敌，伴随着最大审美转变的是默认字体“Roboto”的细微调整、移除了屏幕顶部通知区 附近的固定栏和位于屏幕底部显示的菜单栏。4.4的另外一个变化是应用程序列表，程序列表不再拥有一个乏味的纯黑背景，而是显示在主屏幕壁纸之上，这样看起来要有吸引力得多。应用程序列表也 被削弱了，桌面Widget选择从中移除。现在在主屏幕上长按可以进入桌面Widget，这其实是Google的部分回归，因为Android 2.3上也是用的主页长按呼出的方式。除了上面说到的那些，其他部分表现的非常Android；设计师Mathias Duarte将操作系统塑造成符合他自己的独特审美，以致现在手机和平板看起来都非常统一（至少也保持了非常Android）。你可以期待4.4装到其他手机上时，各厂商会有用户自定义界面。讽刺的是，当Android在交互界面和视觉形态上找到自己方向的时候，苹果颠覆了它标志性的拟物风格而转向了一种新的风格——这种风格某种程度上 来说——与Google的操作系统难以区分。从相似的锁屏界面到偏细的字体和相似的应用程序图标，两个手机操作系统从来没有这么长得这么像过。Android4.4的多任务界面和之前的是非常相似的，点击多任务按钮可进入该界面。在多任务管理界面，你可以滑动条目关闭正在运行的应用软件。iOS7引入了多任务界面，这个界面看起来就像是竖版的Android多任务管理界面，碰巧也是滑动条目关闭应用软件。然而，它内里的核心功能实现是完全不同的。Android的应用在后台是可以继续运行的，而iOS上的大多数——不是全部——应用后台时是处于“冰封”状态的，这意味着它们不会消耗系统处理能力还能在接受通知的瞬间被调起。这样的好处是可以保护电池，也意味着编程时必须特殊处理才能让应用软件可以后台运行。Google在iOS上最 新更新的Google+这个软件是个很好的例子，它马上可以实现在应用没有打开的时候上传照片到云端。
详细解析手机移动应用的广告模式
yawei_liu：前段时间无意中接触了一款叫做“花钱Colormoney”的软件，名为“花钱”，实为帮用户赚钱的一款移动APP锁屏软件。如何赚钱呢？可能大家都已经想到了，就是做广告。但是这个APP的巧妙之处就在于将产品的广告图片作为用户手机的锁屏图片来呈现，用户滑动开锁一次可以赚取3分钱，滑动进入广告所展示的内容页可赚取6-9分钱。听上去虽然是蝇头小利，但是就是这微乎其微的几分钱不仅大大降低了用户对于广告的反感，而且还为用户带来了可观的收入，到底有多少？下面我来给大家算一笔账。对于用户而言：用户每天点击锁屏次数：平均 60 次每小时最多有效点击3次：共计 0.09 元一天10小时使用手机：共计 0.9 元一个月可获得利益：共计 0.9*30=27元一年可获得收益：共计 27*12=324元年收益324元，比普通的银行利率高多了，重要的是不用付出任何代价只需要下载一个APP。对于广告商而言：用户每天点击锁屏次数：平均 60 次按照5w用户算广告展示次数：共计 60*5w=300w/天广告点击率：3%-5%广告点击量: 共计300w*3%=9w/天每天9w用户的点击量是不是比花钱去做电视广告强多了。如果你是用户，你会不会下载安装这个APP？如果你是广告商，你是否愿意投钱在这个APP上做广告？
详细解析移动端APP动画设计心得总结
扁平化设计越来越火爆，那么在弱化视觉效果的情况下，有设计师提到该从交互方面使体验更加愉悦，现在很多App也在努力朝这一方向发展。1、flipboard：利用上下动画来切换到下一个界面(由于网慢数据没有加载出来);2、Android主界面：界面元素使用直线型的轨迹来运动，使界面更具有科技的感觉;3、APP交换：列表从上到下或从下到上的曲线流畅滚动效果，很酷的(两个手机同时装上该 APP，靠近互换软件);
浅谈各浏览器下字体排版一致的问题
麦时：我们知道同一种字体在不同浏览器上的表现有可能是不同的，除了浏览器，还有哪些导致表现不同的因素呢?不同系统下字形的渲染也是不一样的，根本原因是什么呢?我们希望各浏览器下字体排版一致，实现的话有完美的方案吗?带着这些问题我们来看看字体渲染的过程：解码了解解码之前，我们稍微先简单回顾下编码的一些知识，常见的名词有：ASCII 、GB2312、Big5、Unicode、UTF-8，它们之前有什么区别或联系呢?简单来说，起初美国国家标准协会ANSI制定了一个标准，规定了常 用字符的集合以及每个字符对应的编号，这就是ASCII字符集(Character Set)，也称ASCII码，当计算机慢慢发展，人们发现之前的128个的字符不能满足需求了，于是便在原基础上进行扩展，GB2312、Big5等都属 于扩展后的编码方式，再后来呢，为了实现在一份文档中可以正确显示所有类型的字符，于是Unicode字符集诞生了，而UTF-8是Unicode的实现 方式之一, 与之相似的还有UTF-16和UTF-32。回顾了编码，我们再来看解码，浏览器收到网页内容后，首先需要把这些内容转化为可阅读的文本，上面我们也提到了，不同国家或语言会使用不同的编码方式，那怎么去判断编码方式呢，方法有下面这些(优先匹配前面的规则，如果没有，则按顺序往下匹配)：Web 服务器返回的 HTTP 头中的 Content-Type: text/html; charset=”"的编码网页本身 meta header 中的 charset 部分浏览器菜单里一般允许用户强制指定编码部分浏览器 (比如 Firefox) 可以选择编码自动检测功能，使用基于统计的方法判断未定编码。分段
分享设计师提升工作效率的神器法宝
说是专为自由设计师准备，事实上每个设计师都值得拥有，来吧不管是不是自由设计师，下面这些资源都足以震撼你的心灵提升你的工作效率，至于你信不信，反正我信了。一、设计/开发工具在此平台上展示你的原型或半成品。在你展示的过程中客户不知不觉就看到了你的进步！通过Mail’ette你可以创建作品快照，把左右相关的编译、链接、PDF都在此展示出来，而且永远不必担心上传不了或图像丢失，该平台还提供了一个客户反馈机制、结账方案，直接和客户挂钩，省去多少心力啊！由Macrabblit开发的一款切图利器slicy，专门为大家解决在切图过程中遇到的问题。切图耗时耗力，有了slicy，可以为你节省大把的时间，只需要我们在设计psd文件时将需要切图的图层命名去设置一下，比如我要切一张背景的话，那么这个图层的命名就是 bg@2x.png， retina版设计稿可以直接生成低清的切图，非常方便。Skitch 是一款图片编辑和分享软件，同时提供 Mac 版和 Android 版应用免费下载。Skitch 的图片也可以上传到 Evernote 上，并且新增了图片旋转功能。基于HTML，CSS，JAVASCRIPT的简洁灵活的流行前端框架及交互组件集。
锦上添花：让图示穿上颜色说说话
文字、图片以及图示可以说是用户界面中最重要的三种基本元素，使用图案代表文字有很多的优点：例如跨越语言限制、降低制造成本、降低学习成本等等。最常见的一个例子就是男女生厕所的区别标志，从最常见的人形符号、性别符号以外，我们也常在许多场合看到各种创意的性别区别符号，像是电影「赌侠」中在赌神号中的厕所门口即是用PUKE牌的 King 以及 Queen 来做为男女厕的区别符号。用户界面系统中也有许多常见的符号标示：打勾代表确认、叉叉代表取消或删除、放大镜可能是代表搜寻、放大或者是缩小、垃圾桶当然很直觉的就是删除了。以及来自于音响界面上的播放、停止、跳转等等。从极度形象化的到抽象的皆有，这些都是我们相当熟悉的用户界面符号。而其中有一个容易被大家忽视的符号：0 与 1，我们可以在很多开关中发现其踪迹，像是以下这个是 iOS 系统中开启「勿扰模式」的状态：0 与 1 的符号在现今被简单的定义为开与关闭的意思： 0 代表着 off (断电)，而 1 则代表 on (接通)的状态，在计算机以及电路中皆是如此，事实上在许多应用场合中并不是写上 0 或 1 的符号，更多时候是使用简单的
网页中常用的19个WEB安全字体及CSS写法
但多数情况下，考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写，这里整理了19个Web安全字体，让你无需任何顾虑的情况下畅快使用。1, Arial 微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。 （苹果系统没有这种字体，但有一种对应于Arial的字体叫Helvetica，它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好，说道Helvetica字体，昨天发现了很多有意思的站点，主要是纪念Helvetica字体诞生50年而设的。）CSS写法：font-family: Arial, Helvetica, sans-serif;2, Arial BlackCSS写法：font-family: ‘Arial Black’, Gadget, sans-serif;3, Arial Narrow
详细解析跨界混搭的产品设计
混搭」这词常见于「流行音乐」中，是将两种不同的风格的音乐混合在一起，产生新的趣味的做法，有 1+1>1 的效果。而在我们熟悉的互联网中其实也有不少「混搭」形式，结合最近在做的产品正好做了一个简单的分享。第一阶段：Web2.0 MashupWeb2.0 时代从一开始就有「Mushup(混搭)」的理念，各种号称 Web2.0 的网站或多或少的都会有 API 或着类似工具让大家方便调用内容，很多网站到现在还保存着这些功能，如果经历过 Web2.0 时代的同学，一定会对那是博客右侧的显示不同网站内容的小工具记忆犹新。印象中比较深的小工具有：Flickr Badge，Twitter 小工具，豆瓣的收藏秀等。Flickr Badge，可以自定义照片的布局和显示的数量，然后生成代码引用Twitter 小工具，可以把 Twitter 的内容生成引用豆瓣的收藏秀，把在豆瓣上看过的书，电影，音乐，舞台剧进行生成引用第二阶段：产品+移动的融合
详细解析网页社交登陆表单的那点事
小伙伴们，今天我们要来探讨一下社交登录表单的那点事。什么是社交登录表单?和单纯的注册与登录不一样，现在是社会化的合作时代，一切都讲究共赢、高效!而社交登录表单正是为我们提供了一个快速进入网站的入口，通常包括注册和登录两部分。社交登录入口一般都是facebook、推特、新浪、qq等。要想使用网站提供的社交登录表单功能，前提是你有那些社会化网站的帐号，不过这个时代，谁会木有QQ或者微博呢。话说国内的一些网站利用社交登录表单登录后，体验很不好，层层跳转，进入网站后，依然要填写一大堆个人资料。而且每次还不能记录登录状态!这哪里是提供便捷，分明只是一个噱头而已。直观看一个例子 Wunderlist：该应用允许用户使用社交账号登录，也可以另外直接创建账号。直白地说，社交登录表单就是一个进入某系统的入口，用户可以在这里注册账号，实现快速登录。社交登录表单用例