推荐阅读
UI设计师最需要了解的设计工作流程
每个设计师看文章都有自己的喜好，有些人喜欢看一些纯设计技法或者设计教程，有些人喜欢看一些偏理论的知识点，比如工作经验、设计流程、设计分析等等。其实作为一名UI设计师应该看文章不要挑剔，每一方面都要看一下，这样才能更好的提升自己的设计水平和管理能力。欢迎关注作者所在的丁香园设计团队微信公众号：「花厂设计招待所」今天主要来跟大家聊聊我自己的工作习惯和方法，相信作新人看了一定会收获很多~1. 一般怎么规划好工作上的需求?我使用teambition软件来管理我的日常需求，teambition是一款团队协作软件，由于公司使用的是tower，所以目前teambiton我是用来管理个人需求。我用过tower，可能觉得界面不够美观，有些地方体验不是特别好，不过用来团队协作应该也是不错的。由于朋友的推荐，我就尝试用teambiton来管理个人的日常需求，发现已经能够满足日常的工作需要了。下面我放上几张截图来说明我如何使用teambition。因为teambition功能点非常多，这里只是做个示例，希望有兴趣的自己体验一下。产品设计流程图（PM）App设计流程图适合全新App设计，整理出所有大致需要做的东西，然后按照从左到右的顺序分别完成。
使用Photoshop给外景人像添加唯美逆光效果
最终效果原图1、打开素材图片，创建可选颜色调整图层，对黄色，青色进行调整，参数及效果如下图。这一步主要把草地的颜色转为橙黄色。2、创建色相/饱和度调整图层，对黄色进行调整，参数及效果如下图。这一步把草地颜色转为红褐色。
Camera Raw各版本英文变中文的方法
很多朋友对Photoshop CS2 RAW格式插件的安装没问题,只需拷贝Camera Raw.8bi文件到相应的文件夹就可以了,但是显示的是英文,希望此方法能够解决大家将Camera Raw各版本在Photoshop CS2 中英文变中文的方法的问题。高手就不要看了！ Photoshop CS2 RAW格式插件的安装路径: PS CS2英文版，安装路径是：C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Formats把Camera Raw.8bi拷贝到这个目录下就行 Adobe Photoshop CS2简体中文版的安装目录：把Camera Raw.8bi文件copy到C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\文件格式 目录下面即可 安装好cs2后，将RAW格式的图片导入PSPScs2,若显示的Camera Raw英文界面,选择open,将图片导入PS中，选择文件，看看有没有关闭并转到Bridge选项，若没有，需要进行升级，即Adobe Bridge，Adobe Bridge 1.0.2 update的下载地址：http://download.adobe.com/pub/adobe/...idge102Win.zip。升级后,打开PScs2,文件--关闭并转到Bridge--提示保存图片，是否？进入在桌面Adobe Bridge中--Edit(编辑)--Preferences....(首选项)--Advnaced(高级)--Language(语言)--选择Chinaexe,Simplified(简体中文)－－OK(确定)--关闭Adobe Bridge,重启PS，打开文件就出现RAW的中文界面了,此方法适合于Camera Raw各个版本
Flash动态解析Web应用程序服务器路径
玩过Flash+ASP/PHP开发的朋友都知道，在Flash软件里测试Flash从后台脚本读取数据的时候，不能直接的用如“loaddata.asp”这样的路径，必须是http://www.domain.com/Application/loaddata.asp 或者 http: 开头的路径。有些人问了？为什么呢？当FlashPlayer里测试的时候收到load("loaddata.asp")这个命令的时候，他会直接读swf文件路径下的 loaddata.asp文件。但由于没有经过IIS的运行处理，直接读入Flash内部，当然，读出的结果就是%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%类似这样了，所以就无法根据我们的意愿来处理数据了，而当FlashPlayer执行load("http://www.domain.com/Application/loaddata.asp")这个命令的时候，他就不再是本地的TXT文件读取命令，而是一个HTTP请求，FlashPlayer把这个请求发送到HTTP服务器，服务器的IIS解析脚本返回结果后Flashplayer便可以正确的处理这些数据了。(废话一堆)当然如果你清楚了路径的关系，也可以把写load("loaddata.asp")写到Flash里，上传的时候，把.asp .swf 和包含 .swf的html文件，都放在一个目录里就行了。特别指出的是swf 在取得路径时，是取包含他的html和.asp的关系的。而不是 swf 与 asp的路径关系。说起来已经是有一点晕了，但如果理解了路径的关系，那就非常简单了。好了，进入正题，虽然输入HTTP路径就可以正确读取数据，但是在程序开发测试阶段可能经常需要开发者更换服务器，那样就对我们造成了一定的麻烦，你每更换到另外一个服务器上面的时候就要修改一次他的HTTP路径，如果读取了N(N≠0)个文件，难道还要手动修改N次？当然不是，那么通过下面这个小技巧便可以轻松解决这个问题：把SWF文件嵌入到一个ASP页面里面，输入如下代码：<%Dim PageUrl,URLarry,i,ApplicationURLPageUrl="http://" & Request.ServerVariables("http_host") & Request.ServerVariables("url")Response.Write "PageURL="&PageUrlURLarry=Split(PageUrl,"/")Arryubound=ubound(URLarry,1)-1For i=0 to ArryuboundApplicationURL=ApplicationURL&URLarry(i)&"/"NEXTResponse.Write "<br>ApplicationURL="&ApplicationURL '这一句仅仅是测试代码是否正确，可省%>好了，对ASP有一定了解的朋友应该都明白代码是什么意思了，PHP也可以用这种思路来写，下面在SWF路径中可以这样写 <%="flash.swf?myserver="&ApplicationURL%> 这样就可以通过URL把变量传递给SWF文件，在Flash影片中便可以直接访问这个变量了，就是_root.myserver。 好的，现在来让我们测试一下结果，先编写一个loaddata.asp，让他返回一个back变量。打开FLASH，新建一个文件。然后在场景中拖入两个动态文本框，分别命名为txt.url 然后在第一帧输入以下代码：mytxt=new LoadVars()mytxt.load(_root.myserver+"loaddata.asp")mytxt.onLoad=function(sUCcess){if(success){
最新发布
详细解析2016年秋冬流行色的色彩分析
2016的最大变化是超越性别——女性和男性的top10流行色是同一系列，比起之前几年的男性流行色，这些颜色还是比较鲜艳、明快的。从时尚的演变中我们已经得出这样的结论，和平的年代里男女的界限会相对模糊化，新一季男女通用的时尚色彩是不是也证实了这一点呢。先来回顾一下2016春夏的色调：春季主题：充满变革的画布“新一季的流行色将我们带去一个更加快乐、阳光的地方，在那里我们可以自由的展现一个更加风趣、更加真实的自我。”(这用词，啧啧~)关键的变革是，春夏流行色以两个颜色定为了主打，取自天际的Rose Quartz(粉晶色)和Serenity(静谧蓝)。受到艺术界的影响，时尚界全球化的步伐进一步加快，在这一季，设计师们渴望断开与高科技的链接，放松下来享受自然，因此，时尚调色板转向了令人宁静的气氛中。崇尚天然材料之美，春季的流行色给着装者安静、放松之感，继而是激发好奇心和探索大自然的热情。回到本季—— 秋冬主题：力量、信心和复杂性
如何合理的设计成就优秀的用户体验
对于绝大多数的设计师而言，障碍和冲突给设计带来的影响通常是负面的。这也使得绝大多数场景下，有障碍的用户体验被界定为不良的设计，最直接的影响是减缓交互的速度，降低转化率，阻碍进度。不论是UI设计还是UX设计，追求顺滑流畅快速的用户体验成了设计师们的首要目标，打破障碍，减少冲突，成了无数设计师所痴迷的设计追求。最典型的案例，就是亚马逊的一键登录，以及一键重新购买。无障碍的设计是尽量减少体验过程中所消耗的能量。在我们想象中，理想的用户体验应该是易用且快速的。但是实际上并非一直如此。正如同 Sangeet Choudary 所说的：“如果你所设计的障碍是有助于整体的互动，而非阻碍，那么它就是有帮助的。”在一部分情况下，适当地为交互设置障碍是可以改善整个用户体验的。解下来，我要为你介绍改善产品用户体验的4种障碍设计方法。1、障碍可以有效地组织用户做错误的决定在产品和服务的关键环节，加入一些恰到好处的障碍，让用户在这一刻停下来思考他们正在做的事情是否正确。这种策略能让用户通过思考来减少犯错的风险：由于用户不得不停下来，便无法按照惯性快速地通过这个环节，为了通过设计师所设置的障碍，他们需要进行更繁琐或者需要集中注意力的操作，这会自然地让他们停下来思考和分析，从而降低出错率。障碍让用户退出“自动驾驶模式”，开始进行分析并进入批判性思维模式。障碍最主要的作用是打破惯性，让用户能够在这一刻开始反思ta将要执行的操作。当用户要删除某些内容的时候，系统通常都会有确认删除的对话框弹出，让用户再次确认，这就是一个典型的案例。当用户看到对话框的时候，自然会再次反思“我真的要这么做么?”而值得注意的时候，对话框中突出显示的是“取消”按钮而非删除。2、障碍帮助用户更好地学习技能(教育，游戏)
10个产品设计测试的正确姿势分解
测试是整个产品设计中绕不开的环节，对于用户体验设计师而言，它是UX设计流程的核心组成部分，因为只有通过有效的测试之后，才能消除设计阶段不可预见的问题和潜在的设计失误。今天的文章，为你提供10个用户测试的技巧，让你的用户体验设计更加到位。1、用户测试要尽早开始用户测试开始的越早，修改和调整就越便捷，而早期的有效调整对于最终产品的正面影响也是最大的。小贴士：·不要等到产品完成再开始测试。你可以在视觉稿阶段和半功能原型阶段(甚至低保真原型阶段)开始测试，只要你能向用户解释明白你所提供的东西是什么，以及他们需要什么。·一旦你确定了哪些任务、流程可以被测试，那么你就可以开始由此验证你的设计。走出办公室，带着你的原型开始同你的目标用户，或者看起来是你的目标用户的人，进行可用性测试。2、勾勒出你的测试目标你进行用户测试的目标应该是非常明确的。你需要确保你问的问题都是必须的，所以，在你开始向被测试用户提问之前，先问问自己：“我需要通过这个测试来弄明白什么事情?”当你想明白这个问题之后，就可以开始针对你的目标，来设计问卷，有目的性地探索。
详解设计师必须懂得的平面构成分析法
看到优秀的海报作品应该如何分析总结，吸收优点呢?今天这篇文章用平面构成的基础知识，结合超多优秀案例，带你学会真正的临摹，下面先讲点平面构成要素的基础知识点，方便大家理解下文。基本形和骨骼是画面构成的基本要素，画面由基本形构成，基本形构成的方式由骨骼来决定。基本形(构成图形的基本单位)是由点线面经过各种组合形成基本形的组合关系有分离、相接、覆盖、联合、差叠、透叠、剪缺、重合这八种，具体看下面图片:
详解用户体验设计师这职业应该做什么
在选择个人职业道路的时候，我们常常会试图回答一大堆问题，尝试分析各种因素，作为决策的条件。这也常常会让我们问自己一个问题：我们有没有在工作中感到快乐?的确，这件事情几乎决定了我们的生活方式，人际关系，个人和职业的发展方式。最近我们在Quora 上就碰到了不少这样的讨论，而这些讨论随着逐步深入而演变为“用户体验设计师(移动端和Web端)是如何为人们创造价值的”，而这些内容构成了今天文章的基础。这个问题无疑是重要的。对于正在从事这个行业的年轻人而言，这个问题的答案关乎着一切。这件事情的伟大之处在于，它不仅仅是关于人性本身，而且关于改变世界。虽然人们常常会将收入作为职业选择的关键点，但是种种研究都在支撑着一个事实：设计师需要创造性，和改变世界的使命感。哈佛商业周刊的一篇文章提到过工作让人快乐的三个主因：对于有意义的未来的愿景，使命感，和良好的关系。其中使命感尤其重要：“人们希望自己所做的工作是重要的，他们希望自己的工作所产生的作用正在成就伟大的事情。”人们拥有了目的和使命感，能够看到自己所做的事情正在推动整个世界的发展，会真正坚定自己的职业选择。在真正步入UX设计这个行业之前，你会看到所有的UX设计师似乎都深陷无限多的界面和数不清的用户流程中。对于许多人而言，这种工作似乎是无穷无尽的，既无趣也没有创意。而且UX设计这件事情对于好像对与人类的意义非常有限。但是在Tubik做设计的过程中，我们有幸窥见UX设计的深度、广度和多样性，在为全球不同企业机构进行设计的时候，我们真正地验证了UX设计师对于整个世界的无可替代的价值。在真正深入这个话题之前，我们先重新审视一下用户体验这个词的概念。在UI/UX的术语表当中，UX，用户体验通常是这样表述的：用户在使用产品过程中不同阶段所具有的一般态度和情感反馈。不论是APP、网站还是实物产品，它们所涉及到的用户体验是一个综合术语，它涉及到了用户参与的所有可能的阶段。用户体验牵涉到了可用性、实用性、可取性、吸引力和效率等多方面的因素。如果产品本身的逻辑和在现实生活中使用时可能存在的问题都可以被正确的分析出来，并且采用合理的设计来一一解决，那么将会给用户带来积极的用户体验：用户能够快速、轻松、愉悦地解决问题。积极的用户体验是保留用户的关键因素之一。在针对数字产品进行用户体验设计的时候，设计师主要集中在下面的几个方面：·可用性(让产品方便，清晰，符合逻辑，易于使用)·实用性(让产品提供有用的内容和足以解决问题的解决方案)
6个老年用户做体验设计应该注意的细节
吸引老年人作为用户群体的一部分，这曾经被认为是互联网世界中最后需要考虑的事情。但是，这种罕见的情况正在成为现实，我们见证了老年用户群体持续不断的增长，他们经常登录、注册和订阅。Statista的记录显示，光是在美国境内，2016年就有64%的老年人在线，这个数字在2013年的时候只有4%。尽管数量在增长，老年用户群体在人口统计学中，仍然属于用户体验的不毛之地。如果用户体验从业者不将老年用户纳入考虑，就会疏远这个整个群体，把他们从在线体验中排除出去：这情况可不乐观。通过加大UI元素、使用颜色强调重要内容、进行适当的用户测试，遵循这些最佳实践，可以做到为老年用户定制网页设计。文字：越大越好首先要考虑文字和屏幕本身的尺寸，确保用户界面清晰可辨。不像我们UX设计师，并非每个用户都有高分辨率的显示器，未必对眼睛友好。对于60岁以上的用户，小号文字真的会让人抓狂。如果你想要定位老年用户群体，界面正文字号不要小于12磅。有时候用户会选择调节浏览器本身的字号。但是多数时候，这样只是放大了整个页面，这就会产生功能和显示问题。要避免让用户去手动设置字号。而且，要把信息分解为更小的部分，通过留白分隔，就不会在局促的空间里塞进大量文字，使用户感到眼花缭乱。调节颜色和对比度达到最佳可见性当设计师忽略颜色规范时，用户体验就会崩塌。界面中的颜色和对比度帮助用户确定哪些元素对应哪些任务，掌握自己当前处在网站的什么位置，并且知道哪个词语可以通向特定的页面。比如说，不带链接的文字就要避免使用蓝色——深蓝色是网页链接约定俗成的标准用色。而且，如果未访问和已访问的链接在颜色上没有区别，他们可能很难回到之前去过的地方。这对所有用户都有影响。不过，老年用户更难记住自己访问过网站的哪些部分，可能会浪费时间反复操作，然后又回到原点。
完整的夏日狂想曲设计项目经验总结分享
夏末狂想曲已上线一段时间，这是作为设计师的我们将身份从单纯的执行设计变成发起创意并参与到全过程中的第一步，这次项目的合作和产出对团队每个人都是一次宝贵的经验，下面分享给大家。1，项目简介：这个夏天注定有很多大事发生。滴滴代驾上线一周年，欧洲杯、奥运会接踵而至。在运营与市场部同学的共同策划下，公司产出了一系列效果显著的线上运营活动，我们作为设计师充当着非常重要的执行方的角色。如果将设计师发散的创意思维和代驾产品结合，将会产生怎样神奇的化学反应?如何才能更好的将设计的思维融入到作品中，提升点击率并更好的传播代驾产品?怎么变被动为主动，转变身份角色，从单纯的执行者变成积极主动的策划者，创意者?怀着这样的想法，赶着夏季的尾巴，我们决定和运营的同学一起策划一场线上活动，共同谱写并奏响了这首“夏末狂想曲”。2，前期准备在前期方案设定中，我们研究了许多较受欢迎的h5案例，并希望从中汲取灵感，找到符合代驾特征的展现方式。下图表格中的优缺点均指相对代驾产品而言，并不针对某一具体h5类型.考虑到代驾为一种低频次使用功能，数据展示的类型并不十分适合。同时为了最大限度降低用户流失率及跳转率，我们决定将2，3两种展示方式进行结合。剧情设定
如何轻松做出有趣的插画类设计作品
现在很多引导页都流行用有趣生动的插画设计，但大多数UI 设计师都没有手绘技能，如何才能掌握这种设计风格和思路呢？今天这篇教程帮你轻松做出来。欢迎关注BIGD的微信公众号：
2016年国外最流行的8个UI设计趋势分析
进入2016年后，我们会发现行业在体验设计上出现了很多新的元素，从我们平时经常浏览的设计社区中，这些新元素出现的频率越来越高，比如彩色投影、双色调渐变设计等，我们也慢慢开始接受这些新变化，并且逐步应用到我们的产品中。这篇文章的初衷是希望能更系统更全面地梳理出一份流行趋势的分析，能对我们平时的工作能产生一定的指导作用。本文作者是蘑菇街的设计团队，欢迎大家关注他们的追波地址哟：https://dribbble.com/mogu一、使用模糊背景模糊背景和iOS毛玻璃效果非常的相似，也符合时下流行的扁平化和现代风的设计，设计效果十分的赏心悦目，可以很好的和幽灵按钮以及时下流行的元素搭配起来，提升用户体验。以淘宝电影为例，采用的是虚化电影海报作为背景，这样做的好处是每一个页面的头部效果都不一样，这样的排版视觉效果更佳，同样也突出电影信息等主要内容。从设计的角度来看，这也很容易实现，让内容模块变的清晰，同时可以规避复杂的设计，还可以降低设计成本，花最少的时间达到最大的效果。二、大字体的使用每个APP都希望用户停留的时间更长，从各方面去争取用户的注意力，而更大更醒目的字体运用刚好符合这一需求。当前的市场情况，大屏手机是主流，这一点是非常重要的使用背景。大字体在移动端上呈现，会赋予界面以层次，提高特定元素的视觉重量，给用户眼前一亮的感觉。而且现在的界面设计趋势更有杂志风的方向，大字体，模块化，用图片替代色块作为背景。其次字体够大，够优雅，够独特，同时也能提升页面的气质和特色，很多用户会因为页面好看，符合审美，就会决定留下来，即使功能并不很满足需求。这对很多app提升用户粘性是一个重要发方向。