推荐阅读
详细解析如何有效的向用户传递信息
在设计产品的过程中，产品经理和设计师的职责之一，是有效的向用户传递信息。在互联网产品中，操作引导、结果反馈、界面呈现的元素、大小、颜色等，都可以看作是信息的传递。高效准确的信息传递，是良好用户体验的基础。下面总结了几种简单的进行有效信息传递的原则：一、使用用户容易理解的语言信息的传递过程就像是一种对话，对话就需要语言。语言的形式可能是文字、图片，也可能是闪烁、变色、大小对比等，但不论采用什么形式的“语言”，一个基本的要求是，确保用户能够“听”得懂。例如，应该尽量避免使用用户不理解的专业术语、含义不明确的符号、表意不准确的动画等。GOOD DESIGN：图标图标是一种经典的传递信息的方式，好的图标设计可以让用户一眼就知道它后面对应的程序是干什么用的，生动并且直观。所以现在流行的系统中，很多都采用了图标的方式来标识程序。上图所示，即便没有文字，我们也能猜到这些图标代表着什么功能。GOOD DESIGN：iBooks的列表界面在iBooks中，显示图书列表的界面并没有做成常规的list的感觉，而是使用了拟物的方式，以一个书架的形象呈现，书架上摆满了用户已经下载的图书封面，就像是你真的面对着一个书架，上面摆满了图书一样。这样的话，用户很容易意识到，只要把书“拿下来”，就可以阅读了。
PS制作卡通鲜花文字
最终效果图 1.新建一个200PX * 200PX 的文件，背景填充白色 ，然后选择文字工具输入"F"文字的颜色为浅绿色(色值：DBF5AD),字体请选择比较宽，粗的字体本教程选择“Arial Black”,文字大小为： 200 pt 如图1。然后删格化图层，用橡皮工具选取适当的大小把文字的各个边角擦出弧度参照图2 < 图1 > < 图2> 2.调出文字的选区，然后新建一个图层，填充深绿色数值：2F8B48，如图3,先不要取消选区，按 Ctrl + Alt + D 羽化数值为：7，再选择菜单： 选择 > 修改 > 收缩 数值也为7，然后按 Delete 键删除选区部分如图4 < 图3> < 图4> 3.再调出文字的选区，在背景图层上面新建一层，选择菜单： 选择 > 修改 > 扩展 数值为3，然后填充浅绿色颜色数值为：A8CFAF 效果如图5 < 图5> 4.在最上面的图层上新建一个图层，按 Ctrl + "+" 把图层适当放大，在文字的下部位置用钢笔工具勾出叶子，然后调出选区填充深绿色颜色数值：2B8E00,效果如图9,再按 Ctrl + Alt + D 羽化，数值为2，再选择菜单： 选择 > 修改 > 收缩 数值也为1，填充浅绿色，颜色数值为：B4FF92,效果如图10 < 图6> < 图7> < 图8> < 图9> < 图10> 5.新建一层，把图层再适当的放大，在空白的图层区域，用椭圆选取工具绘制椭圆，然后用渐变工具绘制渐变如图11，取消选区，按 Ctrl + J 复制图层，选择菜单 ：编辑 > 变换 > 垂直翻转 ，再适当哪个的移到之前的椭圆图形下面如图12，同样的方法复制出如图13的四个椭圆小花瓣。 < 图11> < 图12> < 图13> 6.适当的把花瓣旋转一下得到图14的图形,然后把四个小花瓣合并到一个图层，按 Ctrl + J 再复制一层，按Ctrl + T变换45度得到图16所示的图形。 < 图14> < 图15> < 图16> 7.在最上面的图层新建一个图层，用椭圆选区工具绘制一个小正圆再填充粉红色数值：FFC8D4，如图17，选择菜单：选择 > 修改 > 收缩 数值也为2, 然后把前景颜色设置为橙色数值：EA682F，背景颜色设置为淡橙色数值：FF965B，选择菜单：滤镜 > 杂色 > 添加杂色 数量为 17% 效果如图18 < 图17> < 图18> 8.在花瓣的图层上面新建一个图层，用椭圆选取工具绘制正圆如图19，然后填充黄色，在把选区适当的移动位置，按Delete 得到图21所示的图形，取消选区按 Ctrl + J 复制一份，选择菜单 ：编辑 > 变换 > 垂直翻转 移到下部位置如图22 ,把这两个图层合并，然后复制变换角度得到图24的效果。合并这些鲜花的图层，调出他的选区，在他的下面新建一个图层 选择菜单： 选择 > 修改 > 扩展 数值为2 填充颜色：E68D00。合并这两个图层. < 图19> < 图20> < 图21> < 图22> < 图23> < 图24> 9.把做好的鲜花移到文字的上面，用同样的方法绘制其他颜色的鲜花，再不断的复制改变大小，最后完成最终效果。如果嫌花朵制作工程复杂，请下载适当的笔刷,和图案。 < 图25> < 图26> < 图27>
秋日私语 Photoshop绘缤纷水晶枫叶
1、在Photoshop中将前景色定义为绿色（#00ff00），选用“自定形状工具”，画出一个枫叶的形状，起名为“枫叶”。 2、点击“图层”面板下方的“添加图层样式”按钮，选择“内发光”一项。 3、设置和效果。为了大家观看方便，我把背景色换成了黑色。使用“内发光”是为了使风叶的边缘的颜色更自然一些。 5、选择钢笔工具，把枫叶的主经络钩出来。 6、将路径转为选区，填充深绿色（比浅绿深的绿色就是深绿，哈哈 开玩笑。其实这里的颜色并不重，要到后面会调整的）。 接着将此层复制出来一层，将两个图层的“混合模式”都设置为“柔光”。
给爱旅行摄影女孩的忠告
我写这篇文章是受到世界旅行者、国家地理专栏作者Daisann McLane接受的一篇访谈的启发，她的采访主题是“旅行对于女人们来说难不难?”McLane小姐向正在旅行的女性们提出了一些忠告，尽管她的文章是从绝大多数旅行者的角度出发的，我的这篇文章面向的是那些既想旅行又恰恰想成为摄影师的女性朋友。所以如果你是那些现正在考虑采取行动到陌生国度去旅行的女 摄影师，我希望你能从文中有所收获并最终激发你去实现自己的梦想。 那么，当一个人是女性的时候，旅行对她来说有所困难呢?从某种程度上来说，是的。但是你可以让旅行变得更简单，只要你采取一定的防范措施，并且有所计划。 作者作品 泰国 一个女人孤独的旅行不一定是无所畏惧的。相反，独自一人在一个谁也不认识的陌生国家的时候我会感到害怕和脆弱，想想吧，在凌晨四点(甚至更早)或是晚上十点(或是更晚)，你拿着你那昂贵的器材到处乱转。我觉得恐惧，可我疯狂到愿意去做这些事情，为啥?因为我爱摄影，我甘愿为我所做的奉献。我还知道如果我不能从让我舒适安逸的国度之外去发掘(美好)，在别的地方那就更不可能了。 像其他严肃的摄影师一样，不管是女性和男性，我的目标是拍摄伟大的照片。问题是如果你想拍这样的照片，你需要完美的光线。不幸的是，风光摄影或是城市摄影里那些最好的光线来自于一天之中最让人(女人)难受的时间(作者通常在黎明傍晚时拍摄)。 威尼斯 意大利 我并不是一直一个人旅行，但是我已经这样旅行过很多次了，当我独自一人时，我就要自己保护自己。我喜欢在水边和桥上去拍摄，这种情况下我经常越过肩膀回头看，以防一些疯子把我推下去。我并不认为我是偏执狂，因为我要照顾自己以便让我安全回家。 当然，其他黑暗或是遥远的地点，或者为了一个更好的有利位置，你必须要攀登或者跋涉下到一个小山丘上，这种情况下意味着潜在的危险。如果男摄影师担心这些事情(我相信他们一定会的)，我确信女人们要考虑的事会更多。 那么怎样才能让你远离危险呢? 伦敦塔桥 英国
最新发布
交互设计师如何做好设计走查的工作
前阵子跟几个同行交流，提到关于交互和 UI 的走查工作问题，所以特地整理了一下，给大家说说关于设计走查的几个问题。1. 设计走查的作用在很多设计师身上都存在一个现象，就是拿到需求或原型，然后设计完成之后，就以为没自己什么事了，也不会主动去找事情做，他们认为到这里，自己的工作就完成了。其实到这为止，设计师才做完一半的工作。为什么呢?当设计师把设计稿交给开发时，虽然已经标好注、切好图(交互注释也很完美)，但是不代表开发能把界面表达的跟设计稿完全一样，甚至会有很大偏差，所以设计师就要做好设计走查工作，尽量跟开发一起把页面实现的更好，这里不仅仅说的是UI、也包括交互。这样不仅能提高产品的实现度，让用户体验更好，还能促进团队的工作氛围，毕竟大家的目标还是一致的。2. 错误观点当中有一个朋友提到，设计走查应该是测试同学的事情。首先，我并不否认这位朋友的观点，但还是局限了。这位朋友的原话是：“设计只要做好设计的工作，开发也必须做好自己的事情，很好的去实现设计稿，然后测试也要做好自己的工作，找到视觉、交互、开发的所有问题，这才是每个人真正的职责所在。”
详细解析感恩节Banner海报设计思路
第一步，先看文案，脑子里先过一遍，banner想表达什么，希望以什么样的形式展现。主标题是感恩卡，肯定与感恩节有关系。(想到感恩节，我就只想到火鸡，这算吃货属性吗- -!)我是先上花瓣找了好多感恩节的图，看看别人感恩节是怎么做的，找找灵感和参考。好多设计都是橙色，黄色，红色等暖色调，然后就是爱心，火鸡，亲情，爱情等。也没想做的标新立异，所以还是根据大多数用户的感觉来走，选用了黄色为主色调，然后元素就选取了爱心，火鸡。除了与感恩节有关，也与电商擦边，毕竟送的是京东卡，还是会用来购物的。所以排版上，我在花瓣上找的是电商类的参考。(由于banner设计时间过去了很久，所以一下子找不到参考的图了)风格上，我当时刚刚来公司，下单给我的时候，说按照其他banner的风格来，当时官网其他banner正好都是扁平化的，所以我就选用了扁平卡通风格。我把想法画在了纸上，便于我寻找素材和做图，以免忘记，顺便也可以看看哪里不对。当时想既然送卡，又是感恩节，于是就直接把我念念不忘的火鸡(这明明是一只鸡!)放上来送卡了，适合主题也很形象。画的丑，但是没关系，自己看的懂就好。笔和纸真的是很方便的工具，适合前期构思，也很方便思维发散/头脑风暴，而且不需要很复杂。这一点我是看了大神讲合成的时候的办法，我发现做banner也适用，我以前也不爱用，总觉得画不好或者在ps用形状来占个位置就够了，结果找素材或者做图的时候思维容易飘忽，看到每一个都觉得好，都想用到自己的设计里面，渐渐偏离了本身构思，浪费了时间什么也没做出来。第二步，找到感觉了就开始设计了。按照草图我铺了个底色，并且画上了爱心。选用饱和度不是很高的黄色。爱心就用形状工具画的，然后发现太正规了，不太适合构图，就用钢笔工具稍微改了一点点，让它倾斜一点，并且叠加了三层，更有层次感。看右边的分层展示，都加有阴影。
实战案例解析教你学会视觉改版的方法
最近有个很好的机会来做了一次视觉改版，感谢team(良辰、圆圆、小马哥、珂珂、妖子)的努力，我们一起来完成这次极具挑战性的任务。我们发现了许多问题，也学到了许多方法。不知道大家在遇到视觉改版的时候第一个想法是什么，是参考竞品?还是主观猜测?还是问问用户喜欢什么样的?其实都不正确，改版通常会分以下几种情况：1. 只改视觉，不动交互。2. 视觉交互一起改。3. 改交互不改视觉。第3点的情况不多，主要是第1点和第2点，如果视觉交互一起改，还相对更简单一些，但是交互的改动往往伴随着产品的整体规划调整。如果只改视觉不改布局，那限制条件就更多了。那么，究竟视觉改版要如何开始做我们一起来分析一下：目标首先我们需要明确我们改版的目标是什么?在确定改版目标之前，我们先问问自己，目前的产品出现了什么问题，也就是为什么要改版?改版是一件工程量非常巨大的事情，因为首先风格的推导过程不是一蹴而就的，不能说你几个人拍板，从自身经验出发说：我们就要这样改!这是不对的。其次改版之后的规范组件库要相应的更新，再次开发资源的分配更捉襟见肘，需要在完成产品功能需求的开发同时来完成改版需求的开发，最后改版的效果我们如何来衡量?是否是一次成功的改版，如果不是，哪些地方需要重新调整?这是一整个改版需要做的闭环工作，从前到后都是需要感性发散，理性执行的。
详细解析企业职员照片的排版技巧介绍
当"团队精神"一词被许多公司的管理人员整天不厌其烦地挂在嘴边的时候，他们往往也希望在公司的宣传手册中体现这一点，这就意味着你需要将很多职员的相片放在一起。那就要考虑照片如何摆放排版的问题了，下面一起来看看吧。
详解淘宝双12亲亲节活动视觉分析
一句话开头淘宝官方双11页面上线了，大家都看到了什么，接下里为大家分析一些观点，仅供参考。一、活动定位1、设计关键词 ─── 年轻、网络、亲双12对比双11，最大的区别是双11更强调品牌的狂欢、而双12更强调年轻、有趣、活力。A、采用有趣的人物形象为主体，能快速的将用户代入轻松的氛围里，而且能呼应“亲”的主题。人物不管是老的少的小的，都齐聚一堂。B、网络用语的烘托氛围、如图中的各种符号，不管是逗号还是句号，这些的确都是我们平常聊天中会用到的。其次是 “Fashion” 的 logo和其它元素做到统一，同时元素上面也区分了以往活动中大家都用的几何形状，千篇一律。相反这些更有意思、有趣、贴合网络。C、淘宝亲亲节在视觉定位上更加年轻，丰富的色彩和立体的网络符号以及情绪化的文案。
浅谈普通用户是如何看待设计细节
设计师对于自己的网站以及APP产品的视角，和用户往往非常的不一样。设计师看到的常常是设计趋势，排版，细节，但是普通用户的关注点则完全不同。我们应该迎合用户，如果连对的东西都不能坚持，产出物的最终目标就会发生偏离，甚至完全无效。 ——@冯铁用户更在意的是他们能否快速理解他们的交互对象。至于APP或者网站是如何运作运作的，它们是否让人愉悦，往往被用户所忽略。这是一个相当残酷的现实。排版与字体对于字体和排版，设计师通常非常着迷。漂亮的字母，柔美的轮廓，充满魅力的衬线，等等等等。可悲的地方在于，用户根本不知道Helvetica 和 Arial，很少能分辨出两者的区别，谈及字体，他们更在意的是，这些内容能识别，能读么?但是，用户的这种诉求并不意味着设计师在字体和排版设计上可以松懈，相反你需要更加在意它们。你需要通过设计勾起用户的兴趣，确保每个段落和标题都具备良好的可读性，而不需要用户费神去识别。你的工作是确保内容的清晰，为用户提供良好的阅读体验，从字体的选取到行间距、字间距的调整，让用户在不知不觉间享受阅读的愉悦感。虽然用户很难说清楚排版有何突出之处，但是一旦出现任何设计缺陷，他们往往能够感知到。色彩
12个苹果iOS系统曾经做错的设计方面
万能的苹果也会出错，今天腾讯ISUX 羡世写的这篇好文，总结了苹果做错的12个设计，包含了不少实用的用户体验设计方法，一起来看看。强烈推荐腾讯ISUX 设计师写的一篇分析：《热门好文!从IOS 10设计指南变化看设计的新趋势》iOS从07年第一代iPhone发布时的iPhone OS，已发展到今天的iOS10，这些年来，iOS从最初的一个简单、粗糙的ROM，发展成现在手机ROM中体验标杆的操作系统。设计风格走过了拟物化，扁平化，今年已发布的iOS10，设计风格也开始偏向卡片式风格，随着新的交互方式3D Touch的加入，开始脱离单调的扁平化设计，卡片式风格让设计语言更加符合用户的操作认知(卡片式的内容，对人有更强的按压操作暗示)。△ iOS10锁屏Widget界面手机友商的跟进苹果的设计，给大家的印象，总能精准的发现用户的痛点，在合适的场景下，创造眼前一亮的设计。如手机屏幕下滑出现快速搜索(Spotlight Search)，屏幕下边缘上滑出现控制中心，这些设计创新，都能引起行业内的友商迅速跟进。Vivo的控制中心的设计思路与iOS几乎一致，操作方式都是从屏幕下边缘上滑出现控制中心。上图从左至右，依次为iOS10、MIUI、华为EMUI系统设置界面。很多手机ROM的系统设置，都沿用了苹果的一套设计模式，将系统设置项，用列表分组展示，同时将不常用设置项，收纳在二级界面中，如左图，iOS将更多设置收纳在【通用】中，小米则为【其他高级设置】，EMUI则为【高级设置】。
3个设计层次帮你重开情感化设计的大门
我们正在进入一个信息复杂度远超以往的时代。我们所面对的是一个物质和信息都极大丰富的世界，从产品竞争的角度上来说，越来越激烈的对抗和冲击是必然的，许多产品已经从单纯的“谈配置”过渡到了“谈感情”的阶段，情感化设计已经在不同的设计领域中崭露头角，甚至成为了最核心的组成部分。很多时候，我们几经努力，结果设计的UI常常在可用与实用的阶段来回波动，那些看起来让人愉悦无比的网页或者APP都是典型的“别人家的作品”。的确，大家都在想什么样的UI可能会让用户触动，哪些元素应该能影响到用户，怎样的套路可能会让用户内心波动。想要聊，谁都可以多少说一些，相关的案例也比比皆是。但是真要系统地探讨情感和情绪是怎样作用于设计的，语言又常常迎齿而溃。其实配合一些最基本的心理学知识和我们的自身对于世界的认知，并不难分析和理解情感化设计的原理。常说我们的设计要有情绪，那么做设计之前，我们先了解一下情绪和情感。情感和情绪无处不在的确，情绪是动物性的，是人对于外界的直接的心理反馈，很多时候会被视作为理性认知和逻辑的对立面。但是情感和情绪又何尝不是我们认识世界最基本的工具之一?我们所做的哪一件事情是完全不受情绪和情感影响的?让人高兴愉悦的动效和充满情怀的插画给人的情绪影响是明显的，而扁平化界面中唯一的一个拥有阴影的按钮给人带来的不适也是客观存在、令人无法忽略的情绪反馈。逻辑和认知让我们拥有了分析和思考的能力，而情绪、情感和本能所构成的复杂系统则让我们的决策更加完善。“Like”和“赞”的按钮满世界都是，“收藏”的功能远没有这个带着情绪标记的功能来得好使。在我们还没有习惯QQ表情的时候，日本的手机已经将颜文字作为基本功能集成了进去，现在的emoji更是火得不行，其中的任何一个，都比文字更易于传达情感。喜欢还是不喜欢，高兴还是不高兴，我们生活中的决策过程充满了情绪的痕迹，而情绪也确实帮我们更快地对外界信息作出反应。
设计师自学手册之色彩搭配简易指南
这篇文章比较系统的介绍了寻找配色方案灵感的一些思路，辅以大量案例来解释配色方法，通俗易懂，最适合新手了。色彩是设计师手中强大的武器。它吸引着用户的视线，唤起情感，传达内涵。在一项关于色彩的调研中，研究人员发现，用户对于产品的快速决策 90% 是基于色彩的。所以色彩的运用对于设计来说至关重要，每种颜色都有自己的意义，而多种颜色的组合也需要理论指导。选择配色方案有时候色彩搭配是一时的灵光乍现，但更多时候，它有更系统的方式来搭配。确定目的在开始设计之前，先确定设计目的。在开始前问自己这些问题：你想用你的设计传达什么信息?
电商设计师总结的8条产品设计趋势分析
这5年时间，我呆过已经倒闭了的小电商平台，做过腾讯电商的外包，也真正近距离参与过京东大大小小的各种活动设计，亲眼目睹了天猫双11成交额从2011年的52亿一直增长到2015年的912亿，直到现在，我把我的部分关于电商的思考和观察总结写成文章近百篇分享给大家。写在前面2011年那会儿，我还是杭州某互联网公司的一名ui设计师，那年双11我亲眼目睹了我们整层办公楼500多人都在买买买的壮观场面，不过那时候的我对电商没有任何概念，甚至对网购都不熟悉;2012年年初，我阴差阳错地接触到了电商设计，爱上电商设计并一直坚持到现在，已近5年时间。这5年时间，我呆过已经倒闭了的小电商平台，做过腾讯电商的外包，也真正近距离参与过京东大大小小的各种活动设计，亲眼目睹了天猫双11成交额从2011年的52亿一直增长到2015年的912亿，直到现在我把我的部分关于电商的思考和观察总结写成文章近百篇分享给大家。这几年，电商的发展速度是惊人的，我觉得有必要对自己的观察和体会做一个小结，于是就有了这次的话题：“入行电商设计近5年，写文近百篇后，我给大家总结了这8条趋势分析和建议”。这篇文章也许对正在电商设计这条路上或即将迈入这条路的人有所启发，接下来我们直接进入正题：少数人会驱动多数人的行为和想法这个少数人是指什么人呢?指某一个行业领域里走在最前面的人，再或者是某一个圈子里最活跃的那一批人，毫不夸张地说，这些人的一举一动都会牵涉到其他人的发展方向，这种现象在炒股行业也许最为明显，知名企业或知名投资人的稍微一点动作就会对相关公司或行业的股价产生不小的影响。那么在设计圈里其实也是一样的道理，比如现在在设计圈很火的C4D，三维建模和渲染，虽然这个在工业设计领域是非常常见的一项技能，但是不知是被谁引入到了电商设计行业，然后大家开始纷纷效仿三维的效果。还有合成效果早几年前比较常见于创意互动广告界，一开始一些简单的合成效果也只是常见于一些比较追求炫技和非主流效果的店铺(因为那时候的效果都做的比较粗糙所以看起来有些俗气)，其实对于天猫或者京东这样的平台页面设计里是很少会用到这些效果的，因为这种效果对于动辄就是好几十个不同会场的平台活动来说，很难进行品牌视觉延伸，再一个就是合成玩的好需要很强的绘画功底和想象力，处理不好容易变得非常俗气。