推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去LouisVuitton的店铺时，你不可能会看到有Chanel或者其他品牌风格的包包罗列在里面吧，LouisVuitton同一个系列的包，从手提包到肩包到行李箱，虽然产品上略有不同，但它们的细节和气质都是一致的，标识图形、埃尔泽菲尔字体以及颜色已经形成了其品牌的识别符号。甚至其衍生产品也都保留着LV独有的气质。我不是一个网游爱好者，但对游戏界面略有研究。当你在玩2D的阿拉德欧式风格的游戏，途中突然弹出一个3D的很唯美的又带有东方古典风的广告弹窗，肯定会觉得很不和谐吧。当你使用游戏中的充值币时，细心点你会发现消耗充值币的动画与消耗游戏币、消耗体力等消耗类的动画效果是一致的。其实每一款好的游戏界面都必须做到相关元素一致性、风格一致性、色彩搭配一致性等，这样才会给用户带来好的体验。还有就是你常看到的系列广告，他们系列感也是可以通过好些方式(画面表现手法，内容板式，slogan的位置等)来体现出视觉一致性，让用户可以直观出同一个产品的系列广告。
用美图秀秀怎么修改gif图片尺寸裁剪gif大小
gif设计的时候，是一组相同尺寸的图片，加上动图效果生成的动图。那么要修改其尺寸，且不破坏原有的动图效果，那么就需要找到合适的软件才能完成，本文使用美图修改动图，也是为了能够让大家轻松掌握，虽然不能像裁剪图片那般容易，但一些技巧还是有一定的借鉴意义的，希望看完本篇教程，能够给您启发。 1、使用的还是v4，v5最新版不支持此种操作，美图官网直接点击【立即下载】，安装完成后启动软件。 2、首先用美图打开动图，以静态图片的形式展示，目的是为了确定裁剪尺寸。下图中打开gif图片，提示显示为静态图片，点击确定即可。 3、图片打开之后，如下图所示，我们只需要中间的区域，点击裁剪按钮， 4、通过拖拉选框，找到合适的位置，比如下图中，中间图案的尺度为140*90，我们的目的就是把gif裁剪为此尺寸。 5、点击右上角的【新建】按钮，弹出的界面上，输入上面获取的宽度和高度值，背景色选为【透明】，点击应用按钮， 6、创建出的画布上，单击右键，点击弹出的【插入一张图片】，选中gif图片。 7、因为固定了画布大小，所以只需要移动gif图到合适的位置，露出需要的图案部分即可，然后点击右上角的【保存与分享】按钮， 8、弹出的界面上，可以看到默认展示的动图缩略图，以及后缀名为gif，更改路径和文件名之后点击保存即可。 如果只是修改gif图片的尺寸，那么就更为简单了，只需要新建画布，拖拉缩放gif图片保存即可，如有疑问可以在下方留言。
Illustrator CS5初学者必读（15）复杂无缝贴图
在上节内容中制作了较为简单无缝贴图，在本节内容中，继续为朋友们讲述使用裁切标记，制作较为复杂的无缝贴图的方法。为了更加便于朋友们理解这个命令的应用原理，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，将“复杂图案.ai（2）在“图层”调板中，复制“背景”图层。（（4）执行“对象”→“创建裁切标记”命令，创建裁切标记。
Painter9.5+友基绘影绘制卡通人物漫画
工具：Painter9.5+ 友基绘影ⅡPF8080 1.首先要完成线稿，漫画类的和写实的不同，线稿很重要。要有耐心，因为最后线稿不会覆盖全部显示的出来 图1 2.提线条 打开PS，将线条和之后要上色的图层分开，涂色的时候不要伤到线稿~，直接把背景图层复制到上一层，将模式改为正片叠底，然后把背景图层清空。将线稿调整颜色。 完成。 图2
最新发布
Fireworks精细描绘CS游戏中的枪支
有些朋友说很想看看CS游戏中武器的绘画教程，一直懒得做，自己觉得以前那个沙鹰教程可能太简单了，今天补一个Fireworks画M4的过程。我不怎么会写教程，还望大家见谅。 1、先找张M4的素材图，然后把整个M4分成六个部分。然后在Fireworks中逐个画出来。 2、照着下图用滤镜，效果如下图。 3、下图是枪膛部分的制作。这里要做一个图2中的像栅栏一样的图形。用N个长方形做就OK了。其余效果制作如图2。 4、图3是弹夹部分。
Fireworks绘矢量风格“大雪盖顶”特效
新年元旦，圣诞节即将到来，Fireworks这个小的技巧可能能帮你在节日的页面制作中一点帮助。 PNG图：（按右键－选另存为 即可下载保存） 步骤：1.打开Fireworks，在需要添加“大雪盖顶”特效的物体上画一个矩形，选择白色填充，最下面再填一点浅蓝色，无边框。 2.选中矩形，加滤镜，参数如图。 3.选中矩形，再选择钢笔工具，为矩形添加节点。
用Fireworks绘制网页视觉设计稿
很多人努力钻研Photoshop技术，感觉是平面设计就必须用Photoshop来做，很多做网页的设计师也习惯于先用Photoshop做平面设计图，然后再切割导出网页。其实Fireworks设计网页设计图也很方便的。 先看最终效果图。 下面开始讲解: 1.布局 先来说一下我们制作网页一般的大小。 高度：没有一个固定值，因为每个人的浏览器的工具栏不同，我见过有的浏览器工具栏被插件占了半个屏幕，所以高度没有确切值。 宽度： 1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。 2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005 3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001 注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。 所以如果是1024的分辨率，你的网页不如设成1000安全一点。如果是800的分辨率一般都设成770。 这些需要明白并且牢记，不然很可能做出来不符合浏览器要求，不过一般我们都回设定的再稍微小一点，应为有些浏览器加了插件或者其他的东西宽度会有变化。所以800的分辨率一般设定760左右，1024的设定990左右。
用Fireworks为照片做精美边框
用Fireworks的蒙版、丰富的笔刷以及路径边缘，我们可以做出很漂亮的照片边框。下面是我自己尝试的例子，大家也可以试试别的效果。 1、导入一张图片，添加蒙版。 2、画一椭圆路径，边缘羽化20。 3、将椭圆路径剪切到蒙版上（将椭圆 ctrl+x 剪切，选择蒙版 ctrl+v 粘贴）。 4、画一环行路径（比位图略大些）
Fireworks打造精美水晶盾形标志
基本步骤： 1. 先用Fireworks的钢笔绘制盾形路径，只需要画一半即可。 2. 复制一份刚画的路径，选中两个路径，选择菜单"修改"－"组合路径"－"联合"。 3.对路径进行填充，选择"线性"－"缎纹" 4.复制这份路径，并进行填充，选择"渐变"－"线性"。
Fireworks绘制可爱水粉卡通画
今天我把自己用Fireworks绘制的水粉卡通画过程写出来和大家一起分享，不够成熟，大家有什么意见和建议欢迎在下面留言。 效果图： 1.用Fireworks笔刷打底色。 2.用「油画效果」中的「笔刷」画浅色层。 3.使用「毛刷」和「柔化圆形」绘制远山的轮廓。
如何三等分一个圆形
首先任意画出一个圆（配合SHIFT键），颜色无所谓（最好不要是绿色，因为辅助线的颜色默认色为绿色！），因为稍候我们还要变动的。分别从上侧标尺和左侧标尺拖曳出一条绿色的定位线（补充介绍：首先要显示标尺"view-->rules"然后在标尺处将鼠标单击，鼠标变成带有双向箭头的形式，这时候点住鼠标不要松开，向下或者向右就会分别拖曳出相应的辅助线。）将两条辅助线相交在圆的中心点（注意：可以参考圆周的四个路径节点） 。（小技巧：画好圆后，你可以使用超级选取工具来拖曳出辅导线，效果会更理想，你可以自己试试看！）选中工具箱的矩形工具组的多边形工具，并且在"option"面板做相应的设定。"shape"选择"Star"，"Sides=3"，"Angle=1 or 2"。一切设定ok后，将鼠标放到辅助线的中心，按下鼠标，同时配合按住"SHIFT"键，将鼠标向上方拖动，直到三角星的末端距圆的边缘有大约 10px 为止。这个时候其实你已经将这个圆三等分了！：）接下来，选择菜单项" Edit--> Select All"全选(或者Ctrl+A也可以)，然后是"Modify--> Combine--> Punch"。但是，现在用鼠标点击，圆还是一个整体啊？不要着急，还有最后一步，也是最关键的一步呀！选择菜单项"Modify--> Split"。呵呵，看到什么，三个扇形被均匀的切割开来。因为我们刚才使用三角星来做切割时，不可避免的在中心产生了空隙，这时候我们需要做细微的调整，将空隙排除，不然就太难看了:( 。这时，我们有一个非常简单的方法，可以将图形放大几倍来操作，比如在400%的视图下来进行操作，选中工具箱的超级选择工具，在中心部分选中每个扇形的中心点分别向中心拖动……呵呵，一切都看起来那么完美了！好了，分别填充上你喜爱的颜色，最后，记得全选，然后"modify-->group"，不然你辛辛苦苦搞的工作被你不经意的鼠标挥舞会搞的七零八落的……呵呵 ：）加一句废话：其实这个东东用来做一个统计图是最为合适的了！
Fireworks绘制线条规律旋转网状特效
巧妙运用Fireworks的“修改-元件-补间实例”功能可以绘制出直线线条按规律旋转出的网状特效，很有意思。 用Fireworks的路径画一条线： 选择“修改-转化为元件”，按ctrl+shift+d克隆出一个。 选中新克隆出的线，选择“变形-数值变形”，选择旋转并输入255，然后移动到如下的位置。 同时选中两个元件，选择“修改-元件-补间实例”，输入步骤，注意取消下面分散到帧前的钩。 点击确定，效果就出来了。
体验Adobe Fireworks CS3新特性
ImageReady这款软件慢慢淡出，而Photoshop网页输出工具的扩展也让Fireworks这款图像应用程序面临这样尴尬的局面。但Adobe公司并没有放弃这款软件，而是对Fireworks进行了重新定位，让它以站点原型设计工具的身份出现在市面上。 Fireworks的用途并非像ConceptDraw、WebWave这种软件那样对站点的布局结构进行设计，而是更倾向于将站点上那些用Photoshop或是Illustrator CS3设计图转变成可点击式的模型，用以提供向客户演示的功能。 对原型的关注核心在于它是否有能力同时处理多个页面，以及Photoshop 和 Illustrator CS3的文档。你可以自由创建多个多页面文档，这些文档之间彼此建立了相应的链接，这样一来，当页面作为HTML输出时，页面与页面之间互成网络，也就基本形成了站点的连续性。 Illustrator CS3 和Photoshop的文件导入进Fireworks后，会包含众多的图层、效果、路径和混合模式，同时也简化了从设计到原型的一系列过程。你还可以在Fireworks中获取Photoshop的混合及图层效果信息。 不幸的是，同Dreamweaver一样，Adobe并没有为Fireworks添加全新的Creative Suite界面――我们把测试版本称作为Fireworks 9。由于开发时间的限制，Adobe保留了Fireworks老版本的界面。 此软件新增了切片缩放功能（如上图），你可以在重新调整图标的时候，对其中的每个部分进行设置。 图标会根据比例缩放，就像上图那样，文本和圆角是否缩放可由你自己决定。
真刀真枪实战CorelDRAW10
CorelDRAW，矢量图形的设计大师，无比强大的矢量图形编辑能力，方便好用的工具以及干净利落的绘图窗口，让每一位使用过它的人为之赞叹为之倾倒，看了下面的这副图（如图1）我们是不是可以说：就让Photoshop一边歇菜吧！（此刻我好像看到一帮Photoshop的爱好者虎视眈眈的看着我，手里还拿着西瓜皮） 当然，这幅图还算不上逼真，最终选择了这副图作为本文的图例，就是想初步的演示一下图形各部分的制作方法，从而让感到迷惑的朋友对此有个基本的认识。不过我可以告诉你，用CorelDRAW是可以做出照片级的图像来的！但不是每个人都能够作的出来，那需要不断的学习CorelDRAW的应用技巧、积累一定的经验。接下来我们就来对本图例的制作过程进行刨析讲解，看看各部分是怎样制作的。 我们首先要确定其基本外形，绘制这只左轮枪的外形有一定的难度，（但也不是很难哦，只要你具备CorelDRAW基本曲线编辑基础就可以轻松的完成）。当然主要是外形比例不好把握，要是偏差太大到最后又浪费时间又难看。下面讲一个简单的方式，只要你还没有忘记格点辅助功能，对照图例塑造外形那简直是小菜一碟。使用格点辅助我们完成外形的塑造，即快又准确。即使你忘了如何使用也没有关系，下面就打开CorelDRAW10让我们重新来过！ 为了避免产生不必要的误会，首先要对CorelDRAW10的属性栏的基本参数进行一下设置（如图2）， 尤其是尺寸单位一定要设置成毫米（millimeters），要不然在下面的绘制过程中就会出乱子！（注：按下"视为已填充"按钮，未填充的图形可以很容易的选中） 下面就对格点进行设置，选择属性栏上最后一个Options（选项）按钮，点击打开Options（选项）对话窗口，在左边树状菜单内点击Document（文件）名前的"+"号，展开后再点击Grid（格点），这时右边就会出现Gnid（格点）参数选项，设置各项参数（如图3） 点击确定回到绘图区，把绘图页面放大一些，在页面中心位置绘制一封闭曲线图形（如图4），这就是左轮枪的基本外轮廓，它决定了最终图形的效果，一定要耐心调整，尽量与图例相符！ 外轮廓绘制完成后，另外在外轮廓内再绘制三个小图形，形状位置（如图5），我们接下来要使用修剪功能使它们全部在外轮廓中处于镂空状态，首先操作图形中最小的那个准备镂空的造型。