推荐阅读
调出唯美艺术效果的夜景人像照片的PS调色教程
这组夜景是洱海网红树附近拍的，但是那几天都在下雨洱海涨潮，因为周围都是海没有环境光而且天也已经死黑了，所以我们原本带的两盏灯也没有任何用，只能把人物照亮，周围的环境还是一片死黑，加上晚上的洱海温度很低，让人瑟瑟发抖，在水里呆久了特别容易感冒，整组片拍下来也只不过用了几十分钟而已。首先我们分析一下原片：天空环境死黑固有色为暖色没有对比层画面单一 构图单一主题氛围感不足然后我们整理一下思路，这是一组人妖恋的主题，所以我们后期的方向需要把这张照片变得更加情欲和迷幻。
Illustrator基础教程(5)
我们已经了解了Illustrator的工具箱和浮动面板，现在我们看看Illustrator菜单里有什么有用的东东。 在菜单栏里包括了File、Edit、Object、Type、Filter、View、Window、Help八个菜单。先让我们看看File(文件）菜单。在这里和大多数软件一样包含了New(新建）Open(打开）Close(关闭）Save(保存）Save as...(另存为...)Save a copy...(保存一个拷贝）Revert(复原）。这些命令的操作和大多数的流行软件（特别是Photoshop)相似，这里就不多讲了。我们看看Place...(置入）。选择置入后，出现一个对话框 和大多数软件一样上半部分当然是选择文件之用，下半部分的中部是图形预览，左边有三个选项Link(链接）、Template(模板）、Replace(重新置入）。当我们选择Link时表示图像是按链接方式置入Illustrator的，这时置入的图像以带x的矩形方框表示选取状态。 在这种状态下只能对其进行缩放和旋转等操作。在链接状态下如果目标文件改变，链介入的图像也会跟着改变。如果不选中Link项，可以看到被置入的图像以矩形方框来表示其处于选中状态。 这种状态我们称之为嵌入。在嵌入状态下我们就可以对图像进行变形、滤镜等操作。 如果选中模板项，文件就会作为模板置入Illustrator，这时图像就不能被移动、不能被选择、显示以灰色显示。 重新置入可以改变图像置入的状态。如从链接状态改变为嵌入状态。这里有一个小的技巧告诉大家，在你置入的光栅图像还没定稿之前可以选择链接方式置入，这样如果在Photoshop中对图像进行的改动就会自动对Illustrator置入的光栅图进行更新。定稿以后就可以将它嵌入到Illustrator里。下面让我们看看Export(输出）。选择输出同样出现一个对话框，在文件类型里我们可以选择多种图形格式。 包括常用的BMP GIF89 JPEG Photoshop5 TIFF等等，这使Illustrator能够很好的和各种图形软件融合，可以方便的结合Photoshop进行图形加工。 Document Info命令可以看到一些文件的信息，如文件名、大小、物体个数、字体等等。当你选中图形中的一个物体或多个物体时Document Info就会变为Selection info，这时你看到的信息就变为选择的物体的信息。Docment setup提供了文件的一系列的参数设置。 本新闻共2页,当前在第1页 1 2 如页面的尺寸、页面的方位（横着还是竖着）、输出分辨率、拚板设置等等。Print setup....和Print就不多讲了，因为采用不同的打印机有不同的设置，这里就得自己翻翻打印机的说明了。 下面重点讲讲Preferences(参数设置），在这里包含了许多Illustrator的初始化设置，如果你想方便的使用Illustrator这里可要仔细看哟。它包含了General....(一般设置）、Type &Auto Tracing（字体和自动描边）、Units &Undo....(单位和还原操作）、Guides &Grid...（参考线和坐标格）Hyphenation Option(连字符操作)Plug-ins & Scrach Disk(插件和虚拟磁盘）。先让我们看看一般设置。 在这里可以进行很多专业的设置。Keyboard Incremnats(键盘操作设定）中的Cursor Key(箭头键）用来设置键盘上的箭头键移动的距离，这样当在实际工作中鼠标难以移动的微小距离可以用键盘上的箭头键移动（很有用！）。Tool Behavior(工具设定）中可以用Constrain Angle(角度限制）来设置页面坐标的角度。如果输入30度，那么画出的任何图形都将倾斜30度。Corner Radius(圆角半径）用来设置工具箱中圆角矩形的圆角半径。在General Option(常用选项）中有以下选项User Bounding Box(使用边界框）、User Area Select(区域选择）、Use Precise Cursor(采用精确图标）、Paste Remember Layers(贴入已记忆层）、Tansform pattern Tiles（连续图案的变形）、Disable Auto Add/Delete(取消自动减点工具转换）、Disable Warning(取消警告）、Show Tools Tips(显示工具说明）、Scale Stroke weight(缩放边线宽）。 在文字类型和自动描设置中可以根据个人习惯设置，包括Type Option(文字选项）设置Size/leading(大小/行距）、Tracking(字距）、Baseline Shift(基线移动）、Greeking(文字显示的最小值）、Type Area Select(文字区选择）、Show front name in English(用英文显示字体名字）。在Auto Trace Option(自动描边工具）中可以让你设置Auto Tace Tolerance(自动描边容忍度）和Tracing Gap(描边空隙）来设置自动描边的精度和路径的复杂程度。Units & Undo(度量单位和还原设置）中可以设置General(标尺）、Stroke (边线）、Type(文字）的度量单位和Undo的次数。在设置Undo次数时一定要按照你的配置来设置，因为Undo的次数越多就越占内存。 这里的设置有一个灵活的方法，如果你是矢量图形比较多的话就可以稍微设大一点，如15，（当然你要确定你的内存一定要大于128M)这样就可以放心大胆的对画面进行修改。 Guides & Grid(参考线和坐标格的设定） 可设置参考线的颜色和样式（实线还是虚线）。同样坐标格也可以设置它的Color(颜色)、Style(样式)、Gridine every(坐标线之间的距离)、Subdivision(坐标线之间再分割的数量)以及Grids in back(坐标现在图形后面）。 Illustrator8.0还提供了Smart Guides（智能参考线）功能，这包括了Text Lable Hints(文本标签提示）、Construction Guides(构造参考线）、Transform Tools(变换工具）、Object Highlighting(高亮度物体）以及Snapping Tolerance(贴近容忍值）。通过这些选项可以让你更方便的工作。 我们在使用英文的时候经常遇到连字符，在Hyphenation Option(连字符操作）中我们可以设置连字符的操作。 在DefaultLanguage(默认语言）中设置你使用的语言，在New Entry(新单词）中输入你要加连字符或不加连字符单词，然后单击Add在上面的方框中就会出现你添加的单词。当我们在输入单词的时候如果遇到这个单词就会自动添加连字符。 Plugs-ins & Srcrath Disk(软插件和虚拟磁盘： 这和Photoshop的设置一样，可以设置插件位置和虚拟磁盘的大小。如果你那天滤镜等插件找不到可先要在这个设置你找一找。虚拟磁盘大小也很重要，特别是在处理大尺寸文件的时候，如果遇见提示内存不足的时候一定要把虚拟磁盘空间设置到一个有足够空间的硬盘上。 Illustrator是图形处理软件，那么色彩的匹配就是一个相当重要的设置。你可以想一想作为一个专业的图形处理软件如果屏幕上看到的颜色和输出的颜色大不一样，那还叫什么“专业”。在文件菜单中我们可以找到色彩设置（Color seting)通过这个对话框我们可以设置Illustrator的色彩配置。 在Monitor(RGB)种选择你的显示器，我用的是NEC的显示器就选择NEC的色彩配置文件。当然也可能你的显示器没有色彩配置文件，那就只能用它的默认配置文件了，工作的时候也要对色彩多留心了。Print (CMYK)中选择你的打印机。Engine中选择色彩引擎。如果你想用PC达到非常好的色彩效果，买硬件的时候最好买Illustrator列出的显示器和打印机。本新闻共2页,当前在第2页 1 2
最新发布
9款服装穿搭技巧轻松搞定专题页设计
到目前为止，我已经写了好几十篇关于Banner设计的文章了，目前应该还没有人把Banner设计讲出这么多门道出来吧，但是我今天想升级一下，不讲Banner设计了，而是给大家讲一下Banner设计的进阶版-专题页设计，做好专题页的前提就是做好Banner设计，这也为什么我会在前面那么大篇幅讲Banner设计的原因咯。在开讲之前呢，我依然是给大家列了一个提纲：一、专题页设计的作用是什么？二、专题页由哪些部分组成？三、专题一般都有哪些布局形式？四、做专题好比穿衣搭配，它们有哪些基本规则和技巧呢？五、总结接下来我们一个个内容单独来讲：一、专题页设计的作用是什么？专题页一般有3类：信息展示类型/纯卖货类型以及两者的结合。
设计师如何从大师的作品中借鉴配色灵感
凡事预则立，不预则废，这句话一样适用于设计时的配色。一个有血有肉的设计，在配色前一定是经过了色彩的筛选和斟酌。那么，我们的配色方案如何得来?是否需要一定的科学验证量化?还是仅仅依靠直觉?今天教你从大师的名画中学会配色。名画里的配色配色方案的其中一个来源就是大师的作品。对，特别是印象派时期的几位大师，尤其擅长运用色彩来表现自然光线，这一巨大的配色宝典拿到手中，你还敢说自己没有配色灵感吗?梵高的向日葵采用浓烈的黄为其主色，黄色和绿色的搭配显出热情洋溢。梵高也有温情的时候，这颗开花的杏树就是运用了朦胧温和的蓝绿配色，增加了一点柔和的粉白。星月夜充满了瑰丽的想象，蓝色星空和黄色星月光辉，对比色交相呼应。德加的舞蹈女孩的配色透出一种暧昧和透明感，低饱和度的配色系一直是我的大爱。
设计师应该如何写出专业设计提案的报告
在过去很长一段时间，怎么清晰透彻地把自己的设计思路与方案讲述出来，一直是一个比较困扰我的问题，直到最近几次工作中的虚拟项目方案汇报中，这一问题才改观了不少，也收到了相对不错的结果反馈。今天就从逻辑、节奏与表现三方面，说说我对怎么做好一场设计提案Presentation的总结吧。逻辑框架：环环相扣的推导很多大公司设计团队里都会有一套比较成熟完整的设计流程，对于新人来说，研究两下就套到自己的项目里好像也不是什么难事。但新人容易犯的一个错误就是，常常只看到关键流程节点的表象，却忽视对这些节点之间如何串联的逻辑的推敲，也因此更容易在阐述设计思路时遭到『为套方法而套方法』的质疑和挑战。如何让设计过程的推导与阐述更富于逻辑性呢?一，合适的设计流程网上各种设计流程相关的资料不少，在公司内部的UED分享活动中，我也常常听到来自不同部门团队的设计Leader分享他们的设计流程。但在应用这些流程之前，我们需要结合自己的项目情况，做一个清醒的判断和取舍，选择最适合自己的设计流程，而不是生搬硬套，在做Presentation的时候也更加有理有据。以上图片出自Google的Design Sprint和阿里1688UED的『五导家』方法论。举个例子，对于一些产品来说，通过满足用户诉求、创造用户价值，就可以直接拉动业务的发展(比如面向内部小二的CRM产品，通过设计优化流程、提升用户使用产品的效率，就能帮业务节省更多的人力资源成本)，那么在设计流程上理解和定义清楚了用户问题后，就可以基于此开始发散寻找设计机会点;但对于另一些处于『变现』、『盈利』阶段的产品来说，为了达到业务目标甚至需要适当牺牲用户体验，这样的话仅从用户端发现、理解和定义问题、然后进行后续设计流程推导是不够的，也很难以此来说服和推动项目组(仅仅是更好的用户端体验，能带来的价值模糊而有限)，这就需要在设计流程中同时结合考虑商业端和用户端的诉求，找到合适的平衡点来深挖。
详细解析方框和方形元素在设计中的运用
常常听见大神说设计不需要方方正正的，这样会显得死板，没有创意。LOW等等，其实不然，在我认为每一种元素，只要在对的环境中，去运用。相信会出现让人耳目一新的效果。长辈常说做人需要方方正正，其实我们的设计也一样，只有方正才能打好根基，屹立而不倒。比如我们身边使用的电脑，冰箱 房屋架构等等，都离不开方形的支持杂志中常常会让方形元素融入进文字或者图片中间，去突出或去修饰它们。随着现在技术越来发达，设计师也会将杂志中的一些元素，融入到网页设计中去。让网页设计更加有新意。下面我们就来说下方形方框在网页之中的运用。作用01：分割我们已知的分割的元素，主要是线 和 面 ，其实方形/方框也是具有分割的作用。在设计中运用的话会让你的作品别具一格。下面设计作品 画面中出现了多个文案信息，这么多的信息集中在一个画面中，如何让它们变得有主有次呢，为了让用户清晰的阅读到每一个单独的文案信息，所有设计师加入方框的元素，利用大小对比的关系，有效的避免了内容的冲突和杂乱 。这里的设计通过加方框的元素，使画面中的文字也具有一定的强调作用。
设计师解读主流设计风格的制作心得
最近大热的波普艺术、极简艺术、孟菲斯风格、MBE 风格都是怎么做出来的，有哪些注意要点？来看你丫才美工这篇超全面的总结。好啦，今天的文章就到这里咯，欢迎同学们关注最充满智慧的设计公众号!
6个值得提前学习的语音交互设计方法
在微软小娜和Siri 完善的过程中，语音交互也逐渐渗透到了智能汽车和智能家居的领域，这种简单快捷，不依赖视觉界面的交互方式，未来会大放异彩。今天@薛斯塔 这篇好文，带你提前了解这种交互模式需要注意的几个地方。一直以来，我们使用的是以视觉界面交互为主的3C产品。iPhone，Google Glass，Apple Watch，以及增强现实的Magic Leap, Microsoft Hololens，这些产品都在主打视觉交互，期望用户在视觉界面上完成他们的需求任务。这些产品需要用户将全部注意力都集中在界面上，用户需要专注于界面的交互体验，因此，无法在同一时间做其他的事情。然而在现实生活中，我们往往并不在同一时间只专注于同一件事情的。而语音交互在这方面则具备潜在的优势，它能够让你在同一时间处理多项任务。值得注意的是，最近几年针对语音交互的体验设计研究开始兴起：Android 和iOS 手机开始构建自己的语音交互生态，智能汽车为了解放双手，也开始研究语音交互的玩法。这些都证明了企业和市场对于语音交互潜在优势的的认同。语音交互开始逐渐进入到人们的日常生活当中。当你在专注于某一件事时，最快捷的在同一时间获取其他事物相关信息的方式就是语音交互，它不会被图像交互所打扰。想象一下，当你在骑行的时候，Siri在你耳边提醒你临近会议的准确时间和地点，并为你语音导航，同时为你口述刚刚收到的短信息——所有的动作都没有打断你的骑行运动，这就是语音交互的优势所在。不过这只是我对于Siri语音交互的未来期许，现实情况是Siri在Apple Watch上只提供视觉反馈，并没有像iPhone 和iPad 上一样具备语音回馈。而通常当我在使用语音请求时，我的眼睛和手常常在忙于其他的事情：当我正在骑自行车回家的路上时，我会对我的Watch说，“Hey Siri，开始自行车健身课程。”然后我不得不在骑行过程中低头查看我的Watch是否打开了健身应用并且开始记录我的进程。这是及其不方便的，并且很危险。语音交互在场景化的体验中能发挥更好的效果，因为语音本身就是一个对话的过程。当你置身于特定场景下时，你的语音指令才具备特殊的意义。当你在高速公路行驶中对你的辅助驾驶系统发出“Slow down”的指令时，系统会将速度由120公里每小时降到100公里每小时;而当你在市里的道路行驶时“Slow down”的指令可能会使你的车速从60 公里每小时降到40 公里每小时。怎样设计语音交互体验，才能使其发挥场景化的优势?Nielsen的启发式可用性原则依然适用于语音式的交互方案。系统状态的视觉反馈亚马逊的语音产品Echo，是一款场景化的语音交互智能硬件。相比Siri和Google now，亚马逊的产品团队充分理解了语音交互场景化的潜在优势，并结合自己的电商基因，将Echo打造成了更加智能的私人家庭助理。
详解字体设计必须要掌握的知识点技巧
前几天看见一位朋友(皮皮)发了自己的字体练习，如下图：对于这位朋友的评价是：态度很好，设计里面也有一些自己独特的想法，但是按照这种练习方式，即使做再多的练习也不会有质的飞跃，因为对字体设计的基本认知还不够。其实经常会有这样的情况出现：一个好的(或坏的)字体设计，让我们去评价，可能我们说不出哪里好，哪里坏，只能凭感觉，而由于经验有限，感觉又不一定准，如果好坏都分不清，就更别说自己创作了，肯定是碰运气的。今天我们就来解决这个问题，聊聊如何入门字体设计，大纲如下：先放弃复杂的字体设计效果记住这个能让你兴奋的知识点
详细解析移动电商购物车的功能设计
最近在做一个购物车优化的项目，来和大家聊聊设计移动电商购物车的一些心得。购物车做为移动电商平台的主要功能之一，其重要性不言而喻。购物车其实一开始来源于我们线下购买的场景，例如超市、商场、便利店等，它能够帮助人们提高购物效率以及提高客单价。随着互联网电商行业的发展扩大，sku的规模也逐渐庞大，这时候在技术、物流、支付、等功能的逐渐完善下，购物车的使用场景以及频率也变的很高。购物车的作用在移动端的购物车功能对于用户端来说一般可以有以下作用：1.收藏 2.合并支付 3.对比价格对于产品端来说，购物车有以下作用：1. 能够提高客单价 2. 记录一些用户数据做商品推荐用户使用购物车的场景会非常多，以下举几个不同的场景，大家感受一下：场景1：a君家里的某种计生用品用完了，他在某东上浏览的商品，他选择了之前常用的款式，但是他想尝试新鲜的款式，他分别将这两样商品加入了购物车，在准备结算的时候发现提示，只要再购买10元便可以享受满xx元减10元的优惠，此时他想反正以后也要用就再买一件吧，所以他就购买了3件，原本他的需求之时购买1件。
详细解析设计师用色配色前需要这样思考
“为什么一定要用这个颜色?”、“这几个颜色有差别吗?为什么要设定这么多色值啊?”、“这个颜色只是你的个人感觉，每个人的感受都不一样，都因人而异的，我就觉得这个不太合适”，今天这篇总结了设计师在用色前需要思考的几个方向，帮你轻松应对这些问题。欢迎关注点融设计中心DDC微信公众号(微信ID：DR_DDC)在我们(视觉设计师)的日常工作中，是否时常会有这些问题围绕在我们身边?场景常是，问题袭来，我们欲言又止或者很难简单快速解释这些问题，继而要么是简单粗暴的说一个理由或给予许多空荡荡的专业术语，但对方听后，貌似还是不太明白也不认同，最终…好像还是归于原点(深深的无力感与空虚袭来，真想来个葛优躺….)。用色三思1. 根据色彩自身特性决定的我们先理解一下什么是物体本身的性质即颜色。神经学家Beau Lotto在TED“错觉中的视觉真相”中讲述了生命系统对光线产生的颜色这一感应能力的重要性，颜色帮助我们根据物体表面反射的光谱分辨其外观的不同，起到保护的作用。我们看下面这张图，这张图通过表面反射光线的量来看，你看到什么?那我们再根据表面反射光线的性质来看，你看到了吧～
设计师解读完整的交互设计流程是怎样的
初学交互设计的新人，因为没有做过任何的设计项目，所以不知道整个交互设计师的工作流程会有哪些内容，今天这篇文章请了专业科班出身的设计师来科普他们在实际项目中的工作流程，强烈建议阅读。Spell：先说下我的背景吧。我是国内软件工程本科+美国UW HCDE master，现在在硅谷做用户体验设计并且教用户体验课程。在这里我想给出我负责的几个项目里所用到的流程，这些也是我教给学生的流程。我自己教课的经验以及我和其他教授讨论的结果就是，About Face在北美各大最顶尖的交互设计/HCI院校都是学生的必读物不假，但是教授在启发学生真正去做项目的时候，往往会告知他们：1. 这些步骤并不是每步都是必须的，要根据项目去分析你所使用的方法2. 这个过程中每一步都是和用户相关的，切莫主观臆断。所以其实业界对于方法论的认识，和学术界是有偏差的，业界的步骤可以被总结为：1. 认识产品所要解决的问题像我以及众大神们经常强调的一样，交互设计的初衷就是解决用户的问题。不论设计什么产品，能够被用户认可的途径只有这个产品解决了他们生活中的一个问题。交互设计的第一步，不论是对成熟产品还是初创产品都一样，就是定义这个设计到底要解决用户的什么问题。像之前很多人提到的一样，这一步的做法有：用户访谈，实地考察，发放问卷等等。这一步可以说是整个流程中最核心的一步。