推荐阅读

详细解析如何有效的向用户传递信息
在设计产品的过程中,产品经理和设计师的职责之一,是有效的向用户传递信息。在互联网产品中,操作引导、结果反馈、界面呈现的元素、大小、颜色等,都可以看作是信息的传递。高效准确的信息传递,是良好用户体验的基础。下面总结了几种简单的进行有效信息传递的原则:一、使用用户容易理解的语言信息的传递过程就像是一种对话,对话就需要语言。语言的形式可能是文字、图片,也可能是闪烁、变色、大小对比等,但不论采用什么形式的“语言”,一个基本的要求是,确保用户能够“听”得懂。例如,应该尽量避免使用用户不理解的专业术语、含义不明确的符号、表意不准确的动画等。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小姐向正在旅行的女性们提出了一些忠告,尽管她的文章是从绝大多数旅行者的角度出发的,我的这篇文章面向的是那些既想旅行又恰恰想成为摄影师的女性朋友。所以如果你是那些现正在考虑采取行动到陌生国度去旅行的女 摄影师,我希望你能从文中有所收获并最终激发你去实现自己的梦想。 那么,当一个人是女性的时候,旅行对她来说有所困难呢?从某种程度上来说,是的。但是你可以让旅行变得更简单,只要你采取一定的防范措施,并且有所计划。 作者作品 泰国 一个女人孤独的旅行不一定是无所畏惧的。相反,独自一人在一个谁也不认识的陌生国家的时候我会感到害怕和脆弱,想想吧,在凌晨四点(甚至更早)或是晚上十点(或是更晚),你拿着你那昂贵的器材到处乱转。我觉得恐惧,可我疯狂到愿意去做这些事情,为啥?因为我爱摄影,我甘愿为我所做的奉献。我还知道如果我不能从让我舒适安逸的国度之外去发掘(美好),在别的地方那就更不可能了。 像其他严肃的摄影师一样,不管是女性和男性,我的目标是拍摄伟大的照片。问题是如果你想拍这样的照片,你需要完美的光线。不幸的是,风光摄影或是城市摄影里那些最好的光线来自于一天之中最让人(女人)难受的时间(作者通常在黎明傍晚时拍摄)。 威尼斯 意大利 我并不是一直一个人旅行,但是我已经这样旅行过很多次了,当我独自一人时,我就要自己保护自己。我喜欢在水边和桥上去拍摄,这种情况下我经常越过肩膀回头看,以防一些疯子把我推下去。我并不认为我是偏执狂,因为我要照顾自己以便让我安全回家。 当然,其他黑暗或是遥远的地点,或者为了一个更好的有利位置,你必须要攀登或者跋涉下到一个小山丘上,这种情况下意味着潜在的危险。如果男摄影师担心这些事情(我相信他们一定会的),我确信女人们要考虑的事会更多。 那么怎样才能让你远离危险呢? 伦敦塔桥 英国
最新发布

7个平面设计小贴士技巧帮助你写好界面文案
精简用语、分点论述、优化文字、加上标题… 今天这篇好文总结了7个帮你写好界面文案的小贴士,让你的界面文案变得简单易读。严格来说,我是一名文字工作者,我靠文字赚钱。但我有一件事大部分人都不知道:我讨厌阅读。别理解错了我的意思,我现在依旧保持着阅读的习惯。我会定期浏览书籍、博客、新闻以及杂志。但当作者们把文章写得越来越拖拉,我就不知道我的眼睛到底在看哪里,脑子也越来越迟钝。这样的文章就像一面文字堆砌成的墙。当我还小的时候,我总认为对于阅读的反感是我自身的一个缺点。但直到近几年我才意识到,这个弱点帮助我成为了一个更好的文字工作者。正如你们所知,我常常为应用和网站中的界面写文案。这是需要字字斟酌的。为界面写文案也是一种设计——为那些讨厌阅读的人群而设计。用户根本不会仔细阅读界面上的文字大量的研究表明用户不会仔细阅读网页上的文字。这道理同样适用于手机应用、游戏以及其他交互界面上。大部分用户习惯于粗略地浏览并且摘取只言片语的信息。你一定会感到惊讶,因为相当多的用户都会选择直接点击“下一步”的按钮。

从这4个维度教你选择用户体验研究方法
用户体验研究方法比较多,非资深用户研究人员在选择用户体验研究方法时可能会存在一些困惑,本文阐述了用户体验研究方法选择的一些原则,希望对大家有所启发和帮助。用户体验研究方法范围非常广泛,从经检验的可靠方法(例如:基于实验室的可用性测试)到最近发展形成的方法(例如:远程在线评估)。尽管几乎所有项目都可以从多种方法组合中受益,但一整套用户研究方法在一个项目都使用那是不切实际的。不幸的是很多设计团队只使用他们一两种自己熟悉的方法,最主要问题是不太清楚在什么时候使用什么方法。为了更好地理解在什么时候使用什么方法,可以从以下4个维度来考虑:态度 Vs 行为定性 Vs 定量使用场景产品开发所处的阶段下图是最常用的20种用户研究方法的分布:1. 态度Vs行为维度

详解超实用的图片搜寻方法之完结篇
上一期我们推荐了不少图库站点,也分享了下载图片的技巧。最后第三部分是最关键的「搜图技巧」。我结合这两年自己的切身体会,简单总结出了以下几点。搜索关键词要有哪些原则?1)具体关键词需要具体到某个人,某件事物。2)贴地气大品牌比小品牌容易搜索;国情不同,需要检索的关键词也不同,国内请搜索微信,国外请搜索 Wechat;3)可替代性想要检索的图片不一定是唯一的,可以用其他相近的关键词或者图片代替。明白哪些是所谓的通用图片1)渲染气氛大于实际意义的图片这些图片与他们自身代表的实际意义相比,可以从图片中传达出一种令人振奋的气氛,所以我们可以把这些图片用在能表达类似情绪的词汇中。比如 “阳光”, “大海”, “攀登” 之类的图片就可以用在 “成功”,“胜利”,“进步” 之类的词语中。

设计大师对未来10年设计领域的预测
10年后,你会在哪里做设计?10年后的设计领域会发生哪些变化?设计师应该如何提升自身技能才能适应未来?今天这篇文章,由Facebook 副总裁,知名设计女神Julie Zhuo 来为你揭秘答案。在如同变色龙般变化无常的科技世界里,设计这个词汇还是十分年轻。交互设计这个名字大概在90年代才开始被大家熟知。早在iPhone出现之前,在我从事第一份工作时,我的团队收集了一份所有我们能找到的之前曾设计过交互应用的人员列表。那时候,列表中的人员连100名都不到。Julie Zhuo(右一)而在今天,几乎所有的科技公司对设计的需求都在剧烈上涨。但这些科技公司依然如同西部荒原那样运营着:快速,松散,以及拥有许多年轻新锐的人才。这个领域里最佳的实践方式,就是尝试做最前沿的事儿,而不是用数十年的经验来精雕细琢。创作伟大的作品的过程就如同制作曲奇饼干的面团,柔韧可塑,不惮于改变。想成为科技行业里的设计师?别犹豫!当下可以说是选择这个行当最好、最令人激动的时代。身处如此翻天覆地的变化中,我实在是迫不及待想要看到10年后科技行业中的设计会以怎样的面貌存在了。我们需要展望未来,并从已经发展成熟的相关设计领域里取取经:比如工业设计,平面设计以及时尚领域。这里是我对硅谷未来10年设计领域的预测:1. 设计师需要有掌控全局的经验而不只是停留在交互界面上,设计应不局限于界面,而在于创造完整的体验,从线上到线下各方面。2. 平均看来,大学的设计类项目将会普遍呈现多学科交叉的形式。新一批从大学毕业的设计师需要同时对平面设计、软件、以及硬件的基础知识有所了解与掌握。

让你的设计拥有持久生命力的7个设计技巧
想让一个设计经典而永恒并不容易,但是要实现这一点还是有迹可循的,今天我们来分析7个技巧。那些真正经典的设计始终能够经受时间的考验,它们长盛不衰,大多还是因为它们符合最基本的设计规则和人的基本审美规律。就像Nike和可口可乐的LOGO设计,它们在过去的几十上百年里有着持久的生命力,就是这份规则的力量造就的。而值得庆幸的是,这种永恒设计的规则适用于几乎任何项目。也许你无法再现Nike的LOGO设计的成功,但是你可以通过合理的设计,创造一个符合当下审美,拥有数年生命力的优质设计。接下来的七个技巧,值得你思考。1、专注于可读的内容具备良好可读性的字体、图片是基础,清晰的内容设计和直观的信息传递,是打造可读内容的关键。听起来这是一个艰巨的任务。字体排版应当确保在不同尺寸下都能清晰地为用户所识别。新奇的字体或者过于炫酷的字体效果也许能够在特定的时候吸引用户,但是如果用户读着费劲、无法轻松识别文本内容的话,那么这种设计就是失败的。图片应当是锐利、高素质和易于理解的。正如同文本排版需要具备可读性易于,图片的视觉效果和信息应当是能够清晰传达的。用户应当能够看明白图片中所发生的事情,明白你想表达的意思。设计的视觉传达要到位,其中最重要的是表达明确的信息和意义,图片和文本等内容应当紧密的结合到一起,营造出综合的体验,帮助用户理解。如果不同的元素在信息传递上脱节,再漂亮的设计也是失败的设计。2、引入交互性

详细解析平面设计师学编程的正确姿势分享
前端作为一种偏视觉化的编程技术,确实是外行比较适合的编程语言。想找工作的设计师,有一定的编程基础也会更受青睐。但是在我和很多设计师在打交道的过程中,发现大部分人对于学习编程存在一些误区。本文作者leadream,微信公众号 codesigner,欢迎同学们关注哟比如很多人虽然想学但又认为编程太难有排斥心理;相对地也有一些人用CSS写了一些样式会觉得前端很简单;还有些人不知道从何下手,就开始啃起了枯燥无味的w3school文档(web技术中文文档)。于此我觉得设计师想学会写代码一定要对编程有正确的认知,既要对技术保持一颗敬畏的心,又不能从潜意识里排斥它。我做了两年前端开发,同时也做过许多设计的工作。基于自己的经验,对于设计师学编程这件事我有一些自己的想法和建议想分享给你。术业有专攻可能有些设计师想精通编程,成为一个全栈设计师,但我不太赞成这种想法。毕竟“术业有专攻”,每个人一生的精力有限,根据“一万小时理论”(想要成为某个领域的专家需要持续学习一万小时),要想成为设计大咖已经要花费很多时间了,想同时在技术这一领域有所造诣短时间也是达不到的。但是因为前端经常做一些视觉化的开发,比如写外观样式和交互动画,加之CSS和HTML语法看起来比较简单,常常会给设计师造成一种假象:前端不是很容易学吗。可是,不同于以前网页设计师仅仅做一些视觉还原的工作,现在的前端工程师要做的工作范围极广,写写样式调调动画只是其中一部分。从这个职位属性的变化——从设计师到工程师——就可以看出来,一名合格的前端工程师除了能够还原页面视觉,还要有工程化的思维,对数据结构有深刻的认识,有时候还需要一些计算机网络的知识,对后端也要有一定了解。这几年前端技术发展飞快,各种框架及工具层出不穷,新技术不断出现,想要追上却力不从心。所以说,前端入门容易但想要学深学透却“难于上青天”。说了这么多,其实是想告诉你要明确学习编程的目的。如果你想从设计师转行成为一个前端工程师,那么可能就要心无旁骛地去从计算机科学这门学科的基础知识开始学习了。但我相信大部分设计师的目的是想成为“T”型人才——在设计领域是专家,而对于技术领域也有一定程度的涉猎。所以,学习编程对我们来说就是为了增加自己的附加值。

案例解析10个设计心理学技巧该怎么用
研究刺激用户的心理诱因,将有助于设计师利用它们来做出更成功的产品。下面总结的这10个心理学技巧,将有助于创造让用户上瘾的产品,每个设计技巧都附上了实战案例演示,帮你更方便理解。一起来看。1、熟悉度偏见▲ Airbnb为了让潜在客户更容易了解服务,每个功能都做了明确解释。心理学上有个概念叫Familiarity bias(熟悉度偏见),就是说大家倾向于更相信自己熟悉的东西。比如,面对一道不会的选择题,人们更倾向于选择自己熟悉的那个答案,而不是正确答案。人们自然而然会偏向他们熟悉的东西,人们喜欢信任他们所知道的,但害怕变化而产生的不舒服,这就是为什么最好的新产品都是用最熟悉的模式。熟悉的瞬间能够建立信任,而不熟悉的模式则可能产生混乱(至少在最初)。 pull-to-refresh 选项在Twitter上首次引入时,许多人感到困惑。 现在,这个互动几乎是使用最普遍的。经常反复接触后,用户已经开始对一些当初不喜欢或者不理解的东西产生好感甚至溺爱。当然,并不是所有的功能都必须是创新的才能使他更为显著。当iPhone第一次发布的时候,这完全是一个外来观念:这是一个完全触摸屏的手机,没有物理键盘,更是创造了像“捏小拉大”这样的手势专利。然而这种交互手势是人们非常熟悉的。苹果设计了一种类似物理日历的日历,虚拟键盘和实际的物理按钮很接近。苹果选择使用熟悉的模式,而不是抽象的代理物。用这种方式设计iPhone界面,让用户一用上就立即感到熟悉,这些充满现实世界里的互动和隐喻,帮助人们在学习如何使用新设备的过程中,同时能更快地适应新的设备。当苹果的模式开始普及并广泛应用后,苹果公司才可以用抽象化的界面来推出扁平的设计。

给平面和交互设计师的实用报价指南
这篇文章以最常见的“平面设计项目”和“交互设计项目”为例,由表及里,为您详细分析设计项目如何计费。创意和爱情一样,是很难用价格来衡量的东西。俗话说,谈钱伤感情,但是和设计师合作就像谈一场恋爱,不投入哪里有回报?这时候你一定头疼了:我并不是舍不得花钱买好创意,但我希望我花的每一分钱都值啊!来看看下面这篇文章,你就会懂得如何与设计师谈一场“物超所值”的“恋爱”。项目估价、报价不仅体现了客户的预期,更体现了设计师的专业能力。经验丰富的设计师通常能通过预估工作量来推算出报价,然而大多数客户并没有足够的经验,因而很难做出合理的估价。1. 平面设计项目平面设计项目大致上可以分为品牌形象、包装设计、广告设计、书籍画册设计这四类。品牌形象:Logo 设计、VI设计(视觉识别系统,包含Logo设计);包装设计:礼品类、日用品类、电子产品类等,根据品牌类型来分,不包括品牌建立;广告设计:路牌、报纸、杂志广告的创意设计、海报设计等;书籍画册设计:产品手册、企业宣传画册、书籍装桢等。

让设计师更好与产品团队合作的10个技术知识
如果作为设计师的你已经下定决心,要加入一个真正的产品团队,那么懂一点技术相关的知识绝对是加分项,不如今天就从最基础的开发模式起步吧。“敏捷开发”(agile)是一个行业专用术语,它常常出现在雇主和招聘人员口中。而对没有在软件工程领域工作过的设计师来说,恐怕很难理解这到底是什么意思。所以有意往软件工程领域发展的设计师,你可能需要了解什么是敏捷开发。作为一个网页设计师,下面分享下我眼中的“敏捷”设计方法。这不是一篇全面的设计指南,也不是什么关于“scrum”或“agile”的不二真理,但如果你正在准备参加一个互联网产品或软件的面试,本文可以帮你建立一些基本的认知。我会就“敏捷开发”是什么、如何运作来做介绍,当然也包括其他相关术语,如“产品需求池”、“迭代需求列表”、“每日Scrum Meeting”以及“潜在可交付产品增量”等概念。当我们谈论“敏捷开发”时,我们在谈什么?在2001年的一次软件开发者的团体讨论中,“敏捷开发(Agile)”一词首次出现。他们一致认同需要一种全新的工作流程,并为此设立了12条原则,将之整合为一份宣言。这份关于敏捷开发的宣言描述了一种工作流程、一种方法论。敏捷开发下图演示了一个敏捷开发的典型过程,在一系列的“sprints”中完成(不知道“sprints”是什么?点击查看《谷歌内部方法!快速做创新设计并验证的DESIGN SPRINT》。

设计师必须要学会的4个沟通方法
一般情况下,对设计一窍不通的客户和设计师交流起来,总会感到有些吃力。因为当你想找设计师时,要么对视觉风格没有概念,要么没想好自己要什么。这都会让你和设计师双方感到步履维艰。看到这里的你,是不是也感同身受?所以接下来,让我们来拆解一些设计过程中常发生的对话,帮助你避免和设计师们沟通失败again。1. 给予明确的创意方向对话一:你说:“我看到成品就知道是不是我想要的了。”设计师听到的:“ 先创造点东西出来吧,然后我就知道‘这TM根本不是我想要的’了。”你会不给建筑师任何资料,就让他凭空帮你建造房屋吧?当然不会!虽然说,如果建筑设计师无需任何提示就能设计出你的梦想房屋很棒,但这些天才设计师根本就不知道,你究竟是需要五间卧室?至少两间半浴室?还有一个能停放三辆车的车库?Balabalabala……缺少这些关键信息的话,可是会大幅影响设计进度,让你永远无法搬进新家了哦。这就是问题的关键:设计师的职责是解决问题。如果你想让他们帮你解决问题,那就需要你清晰地阐述问题,以便让设计师用更好的方法去解决它们。比如:你想通过最后的设计达到什么特定的目的?或者,这些目的的优先级是什么?为了加快设计进程与明确方向,你也可以提供给设计师相应的设计说明书。比如:对于印刷品,你应该规定纸张大小,颜色样式,出血限制和适用的文件格式;对于网页设计,你应该提供像素大小,适用的文件格式和文件大小限制;