推荐阅读
Illustrator设计制作古典花纹图案教程
先来看下最终效果：一、绘制图案中的花形1、单击工具箱中的“星形工具”按钮，在页面中单击鼠标左键，弹出“星形”对话框，其参数设置如图(1)2、单击“确定”按钮，在页面中绘制一个星形，星形的轮廓色设置为橘黄色(R：255，G：204)，如图(2)3、选取绘制的星形，然后将星形由下向上添加白色到紫色(R：152，G：2，B：126)的放射状渐变色，添加渐变色后的图形如图(3)4、单击工具箱中的“转换描点工具”按钮，在星形的控制点上按下鼠标左键拖曳，此时将在控制点的两侧出现控制柄，状态如图(4)5、拖曳鼠标到合适位置后释放，在右侧出现的控制柄上按下鼠标左键拖曳，将其中的一个控制柄进行调整，其控制柄的调整状态如图(5)提示：当第一次在控制点上按下鼠标左键拖曳时，在控制点的两侧将出现两个控制柄，任意拖曳鼠标的位置，出现的控制柄将始终以控制点为对称点。当释放鼠标，再次调整任意一个控制柄时，另一个控制柄将处于锁定状态。当对图形调整后，再次在控制点上单击鼠标时，调整后的控制点将还原为没有调整时的形态。
Photoshop基础教程之浮动面板综合简介
这节课简单介绍下photoshop浮动面板的组成以及种类。各种浮动面板的使用技巧和方法。具体的使用我们在以后进行讲解。 ★.浮动面板的组成： 浮动面板是Photoshop中非常重要的辅助工具，它为图形图像处理提供了各种各样的辅助功能。下面是浮动面板的名称：
如何制作狐狸叫派对海报图片的PS教程
一首狐狸叫的网络歌曲红了全球，以此为创作的广告层出不穷。下面是以此为主题的派对海报制作。过程：先构思好内容，当然少不了狐狸，然后把派对的一些元素加进去，画面看上去有个性即可。最终效果 一、选一个有纹理的背景。 二、快速找个合适的人物素材，感觉差不多就行了，注意前提是要清晰一些的素材，毕竟作为画面的主体。 三、找一个狐狸素材，最好背景干净些容易抠图，如果毛发清晰，就用“通道载入选区”方法来抠图，如果不太好抠图就随意先抠图，然后下载“毛发笔刷”来填补周边的绒毛。
Photoshop CS2 入门之菜单介绍
虽然你毫无疑问地想要自己动手把照片做些处理，想要马上发挥你的潜能，但是我建议你最好先着重了解一下Photoshop是如何工作的。首先确保你的Photoshop CS2已经正确的安装，并且事先浏览此程序各个方面的功能以便使你对它的工具和布局有一个基本的了解，这样在将来我们真正操作的时候能更方便，更熟练。当准备好开始你的Photoshop之旅的时候，要事先通过双击Photoshop图标登陆此程序。当Photoshop加载完成之后，它的菜单条、工具箱以及四个控制浮动面板出现在屏幕上。图1显示了Photoshop cs2在windows下的外观，如图所示：如果宽度没有设置成500,高度没有设置成360,现在让我们输入这些值。通过点击“宽度”域来选择它，然后输入500。按下TAB键，移动光标到“高度”域，输入360。各域之间的光标移动可以通过用鼠标点击，也可以通过按Tab键进行切换。我们一般把“分辨率”设置为72象素/英寸。Photoshop CS2将72ppi作为缺省设置，因为大多数显示器在屏幕区域中每英寸显示72个象素。换句话说，文档设置的分辨率与显示器的分辨率一样。如果你的设置不是72ppi,将其改成72。如果加大了分辨率、高度或宽度的值，那么图象的尺寸也会随之增大。在我们实际操作中我们尽量避免大图像，因为大图象在操作的时候非常笨重，反应比较慢，而且它还会降低计算机的速度。在“模式”选项中，应该设置为RGB颜色(红/绿/蓝)。Photoshop CS2将RGB颜色作为缺省设置，因为RGB是视频显示器显示颜色的标准色彩模式。在RGB模式中，颜色由红、绿、蓝三种颜色组合而成。当设置成RGB颜色模式的时候，Photoshop CS2的所有绘图和编辑属性都是有效的。如果你的计算机没有设置为RGB颜色模式，可以通过点击“模式”的弹出式菜单选择“RGB颜色”来设置RGB颜色。如果你想要把新建的图层背景是白色的，请点击组合框的“白色”按钮。如果你选择了“背景色”选项，Photoshop CS2上次使用的背景色将作为你新建文档的背景色。如果你选择“透明”，你将工作于一个没有颜色值的背景层上，当我们点击“确定”按钮关闭新建对话框时，一个新的文档窗口将出现在你的屏幕上，在窗口的主题条中写着文件的名字(未标题)、当前的显示模式和放大比例。可以滚动、改变大小和关闭Photoshop CS2的窗口，也可以通过单击和拖动主题条的方法把窗口移动到你想要位置。我们还可以通过选择“视图”颉胺糯蟆被蛘甙聪CTRL＋“+”放大图片；选择“视图”颉八跣 被蛘甙聪CTRL＋“-” 来缩小图片。二、Photoshop CS2菜单 Photoshop CS2的菜单条包含9个下拉式菜单。越熟悉Photoshop CS2的功能，那么越会在操作Photoshop CS2时选择正确的工作路径。下面的部分将对Photoshop CS2菜单中9个下拉式菜单做一下介绍。1、“文件”菜单： “文件”菜单中的大部分命令用于对文件的存储、加载和打印这些命令，如“新建”、“打开”、“保存”、“另存为”、“页面设置”和“退出”命令在其他Windows中的应用程序中都是极其普遍的。我们先看一下“文件”下拉菜单中的界面，如图3所示：
最新发布
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. 认识产品所要解决的问题像我以及众大神们经常强调的一样，交互设计的初衷就是解决用户的问题。不论设计什么产品，能够被用户认可的途径只有这个产品解决了他们生活中的一个问题。交互设计的第一步，不论是对成熟产品还是初创产品都一样，就是定义这个设计到底要解决用户的什么问题。像之前很多人提到的一样，这一步的做法有：用户访谈，实地考察，发放问卷等等。这一步可以说是整个流程中最核心的一步。