推荐阅读
详细解析多终端产品视觉一致性
随着智能终端的多样化和快速普及，越来越多的产品都面临着多终端的挑战。那么视觉设计师应该如何去把控好多终端产品的设计?如何让多终端的产品做到具备一致的品牌识别性?这是我想跟大家一起探讨的话题。首先对于”一致”一词，本人诠才末学，只能说是在自己目前的层次上去解释这词，请不吝赐教，相信探讨完后会让我更上一个层次。什么是视觉一致性?一致，即整体、统一。在我看来，它与对比是形成了互斥的矛盾关系，但两者同时也是相辅相成的。因为两者的和谐存在，才能形成所谓的美感。物质形态如果在形成中缺少了对比那会显得枯燥乏味，如果缺少了一致也会显得杂乱无章，所以两者是不可或缺，但需要调和。所以说，美就像是走在钢索上的人，两边都是陷阱，要走下去就必须保持两边的平衡。笼统上讲，视觉一致性就是通过视觉层次、比例、颜色、质感、排版等在设计上达到一致性。我们也可以从生活中找到些体现一致性的例子，而视觉一致性可以提高产品所塑造的品牌形象，一定程度上减少用户的认知成本。好比你进去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
最新发布
Photoshop快速的去掉风景照片中的人物教程
最终效果原图1、把上面的原图素材保存到本机，打开PS后再打开保存的素材。2、先来分析需要处理的部分。我们把人物按背景的构成分为两部分：顶部和地面，顶部是地板以外的部分，如青色方框位置。地板部分为地面，如红框位置。3、先来消除顶部人物部分。新建一个组，命名为“顶部”，如下图。
用PS解决摄影后期作品中的光线的处理实例教程
本篇教程主要使用PS解决摄影后期作品中的光线，高深一点的说法就是移日大法，希望大家可以喜欢。《倚天屠龙记》中记载，张无忌在明教总坛光明顶的禁地中习得一秘术，功法源自波斯明教，乃镇教之宝，名曰——乾坤大挪移“乾”乃天和阳，“坤”是地与阴 此乃移天挪地之神功!今日，我想跟有缘读到此篇文章的你说：看你骨骼惊奇，是万中无一的练武奇才，我这有本武林秘籍，见与你有缘就赠与你。此乃风光摄影中的乾坤挪移之术，唤作：移日大法。古书中记载的“乾坤大挪移”分七层境界，第一层需七年，第二层加倍，如此愈发困难，习至第七层者实乃古往今来第一人。而今日所述的移日大法仅需寥寥几步方可习之。何谓移日大法?先来看下图：
Photoshop调色调出冷色大片效果外景摄影照片的PS照片处理教程
外景照片在目前摄影行业中日趋流行起来，但是对于外景的色彩而言却分歧多种，就目前外景照片的色彩调整就有V2、糖水、阿宝、非主流等，今天我们说一种浑厚浓重效果的调色方法，与大家共同进步。首先我们看一下原片与效果图的对照。效果图：原图：看完对照图以后，我将调色步骤分享给大家：在一组照片中我选择一张突出前景荒草的照片，如图01。2、打开照片后我们对照片进行修饰处理，将照片中瑕疵、人物修饰干净。由于我们这事调色教程，在此我不再介绍修片过程了，修饰后的效果如图02。
用PS制作夜景效果风景照片的Photoshop图片修图教程
相信大家在生活中都会随手拍一些照片，由于没有前期注意取景及构图，导致拍出了所谓的“废片”。今天就在这里教大家如何通过二次构图以及简单的调色加合成来拯救相机中的“废片”。 一.分析原片 ①原片取景过于杂乱 ②山体左侧被枝叶所遮挡 二.二次构图 1.将原片导入PS中，然后拉一条辅助线在山口的位置，然后用矩形选框工具选取右边山体，Ctrl+J复制一个图层，然后右键选择水平翻转，得到下图。 (这一步的目的是为了还原山体左侧被树叶遮挡的部分，二次构图时能保存更多的山体)
用PS快速制作移轴效果图的照片移轴摄影处理教程
这期教程带来一个有趣的小操作，让大卡车变成小玩具!这个做法很多人称为模拟移轴镜头效果，但是我觉得移轴镜头的特性可不只是这一个，所以这个做法顶多叫小玩具模拟法。先看看效果图下面是原图。分析原图，此类照片要在高空拍摄，拍摄方向与地平面的夹角不宜过大也不宜过小，在45°-90°之间最佳，同时要拍摄适合变成小玩具的物体，比如车、房子等，拍摄时在晴天大光比下是最好的，阴天也不是不可在镜头矫正界面，首先选择“删除色差”、“启用配置文件矫正”，让镜头畸变以及机身自带暗角的情况减轻在基本界面，简单调色，呈现更多细节即可
移轴模糊，PS中的移轴模糊工具制作小景深照片教程
本篇教程通过要学习一下PS中的滤镜，PS中滤镜的意思，可以理解为“效果”或“特效”，是一些比较神奇的工具，本篇要说的这个滤镜特效，在我们摄影照片中会经常见到。相信很多摄影爱好者都喜欢拍摄一些大光圈的照片，乐于追求背景虚化之后与被摄主体的虚实对比。但有些时候，光圈设置不当，或者摄距不理想，背景虚化的程度不够，所以就需要今天学到的工具了：“移轴模糊”工具，一起来学习一下吧。 我们先看一张图片： 这就是一张典型的小光圈作品，喜欢摄影的朋友都知道，小光圈可以获得更大的景深，使被摄物体前后都清楚。如果拍摄时刻意去追求这种效果，并且也拍出成品照片了，那自不必说。如果想追求大光圈的虚化效果，却没拍出来，那后期就得在PS中手工制作大光圈效果，下面要讲的模糊工具，就能做到这一点。 首先在软件中打开一张给你想做模糊效果的图片，我用的素材是上面这张图，CTRL+J复制一个图层，接下来介绍工具，“移轴模糊”，在哪里找到它呢?大家看图： “移轴模糊”所在位置 大家看自己软件上方的菜单栏，从左向右数第七个：“滤镜”，点击后在下拉菜单中找到“模糊画廊”，二级菜单中找到“移轴模糊”，就会弹出工具界面。这里插一句，大家在截图上也看到了，好多效果的名词，今后我们处理照片时所使用的特效，大多数在这个滤镜菜单内。 好了，回到“移轴滤镜”，大家看这个名字，就能知道这种特效是在模仿移轴镜头的效果，了解摄影的朋友一定知道移轴镜头，很贵很牛，焦点外虚化效果也很另类。不了解摄影器材也没关系，一会儿我们直接看效果，现在我们看工具界面，如图：
9种设计师必须知道的字体设计技巧
独孤九剑是独孤求败所创，凭此剑法他败尽英雄豪杰，生平欲求一对手而不可得，最后埋剑空谷。独孤九剑只有九式，却可演化出三百六十种变化，破解各种剑法招式不在话下。偷偷告诉你，小梦私藏了一套字体设计独孤九剑，也有九式，也可以演变出各种字设手法，用心学会助你攻破字体设计各种难点!字体设计独孤九剑与其说是九种字体设计方法，倒不如说是九类设计方法，因为每一类又有很多详细的处理手法，重点不在于其招，领悟其意更重要。1.意象替代汉字最早是由象形发展而来，通过线条描述物体的外形特征达到表述的目的。我们设计字时可以反其道而行之，根据字意将字的某个笔画或部件用具体的图形/图像代替，达到直观表达字意的效果。
详解如何积极正确地使用预设计方法
如今的很多App包括Google Now、Spotify或Amazon，都会通过收集用户个人的数据来帮助自己做出产品决策。这些公司有时甚至依赖这些数据来替用户做决策，而非询问用户的意愿或让用户自己去选择。举几个例子，Facebook会为你定制推送内容、Amazon用你的浏览和购买记录来给你推荐商品——换句话说，他们从没询问过你的想法，而是直接帮你去掉了那些他们认为你不会感兴趣的内容。这种用数据替用户做决策的设计方式，最近被定义为一种“预设计”(Anticipatory Design)——它以用户行为数据为基础，直接在用户界面执行某些操作(而不会再次询问用户意愿)，而它的优势在于减少用户在界面的判断和操作，减轻使用时的疲劳感。虽然这样的“预设计”听起来应该是出自于良好的初衷，但这种自动替用户决策的设计方式其实引发了一些隐藏在背后的问题——信任危机，尤其会出现“黑心产品”通过一些界面的小伎俩骗用户去点击一些不必要的功能。因此，这篇文章并非意在叫你如何通过预设计来“诱骗”用户接受或操作，而是希望谈谈如何积极正确地使用预设计的方法，让你的产品界面是真诚坦率的，就算还是有一些“引导”用户的嫌疑，这些引导也是站在用户的角度出发的。欢迎关注点融设计中心DDC微信公众号：「微信ID：DR_DDC」首先，为什么要替用户做决策?现如今的用户在浏览网络时，面对的选择信息越来越多，比如在Amazon或eBay等电商网站上挑选商品。就算我们明确知道自己想买什么，那些商品网页也让人眼花缭乱没法抉择。
详细解析设计中亮色渐变的使用技巧
在最近一些流行设计中以及一些设计分析的文章里面，都看见有一项“亮色渐变”，在流行了几年Flat Design 以及 Material Design 之后，许多设计师开始为新的趋势尝试更多的设计技法，当然最著名的例子还是去年Instagram的改版为这一风格拉开了序幕。今天和大家分享下，亮色渐变使用中一些原则。
16个优点解析表单设计应该用这个方法
2008年的时候，我在*Boots.com*工作。他们想做一个单页的结账页面，运用那个年代最新潮的技术，包括手风琴组件、AJAX和客户端验证。每个步骤(寄送地址、寄送选项、信用卡详细信息)都收在一个手风琴面板中。而每个面板都通过AJAX提交。提交成功后，这个面板就会收起，并且通过滑动动画展开下一个面板。看起来就像这样：Boots的单页结账页面，使用了手风琴面板展现每一个步骤。用户千辛万苦才完成了下单过程。错误难以更正，因为上下滚动并不方便。手风琴面板让人非常痛苦和分心。不可避免地，客户要求我们作出改变。我们进行了改版，让每个面板单独成为一个页面，也就不需要手风琴和AJAX了。不过，我们还是保留了客户端验证，防止不必要的服务器请求。看起来就像这样：Boots的结账页面：每一步都是单独的一个页面。