@小乖乖老爸：你是不是有这样的经历？自己觉得还不错的设计，等工程师做出来，放在手机上一看，怎么看都不对劲。当你有这种疑惑的时候，就是设计还原度的问题了。想提高设计还原度，尽可能缩小设计稿与完成品之间的差距吗？这篇文章就是为了这个目的而存在的。iOS的确有许多教程，但是帮助文档你有耐心看吗？写给工程师的教程你看得懂吗？适合设计师学习的iOS前端教程实在太少了，至少我没搜了一下，没找到。这也难怪，会写代码的设计师本来就少，还愿意写下来的，那就更少了。正好最近我要向部门的同事分享简单的iOS前端知识，就顺便写下来，也许能帮助到更多的朋友吧。二、设计师是怎么跟工程师合作的？设计师与工程师之间的合作，可以分成三个阶段：前期，要做交互稿（低保真原型）和视觉稿（高保真原型）；中期，要切图，做标注；后期，要配合前端实现，俗称「调UI」；其中第三阶段，调UI的方法，大致可以分三种：方法一、肉眼看+嘴巴说如果你面相不凡骨骼清奇天生一副像素眼，一眼就能看出差了几个像素，直接告诉工程师该怎么怎么改，那也是可以的。但大部分情况是类似这样的：工程师：怎么改？设计师：往左。。。10个像素吧。工程师：（十秒钟改好，一分钟运行出来）好了吗？设计师：太靠左了，再向右4个像素。工程师：（十秒钟改好，一分钟运行出来）好了吗？设计师：太靠右了，再向左2个像素。工程师：我擦，你是猴子请来耍我的吧？方法二、对比+注释让工程师帮 ...继续阅读 (1)

编者按：当一个领域趋于成熟的时候，就会呈现出诸如“套路”这样的东西，它是用户和设计师/开发者在逐步磨合过程中产生的，约定俗成的一些规则。而在做移动端设计的时候，在考虑差异化设计之前，有一些最基本的事情要做好，今天我们就来聊聊这个~如果你曾仔细观察过近些年来那些优秀移动端产品的交互设计，会发现它们都拥有一个共性：它们在基本的功能和设计上的执行都相当的完美。它们从最基本的人类行为模式中汲取营养，然后通过优秀的设计和执行，为用户悄无声息地扫除了所有的障碍，这个时候，用户会感受到其中惊艳的视觉效果和突出的互动体验，其中尤为突出的就是浏览体验。今天的文章，就让我们一同来梳理一下，有哪些关键而核心的移动端设计项目，总结一下今天移动端设计的“核心考点”。有效的排版设计不论你所设计的是网页还是APP，其中的文本构建起了用户和你的产品之间的明确关系，所有的文本都在帮助用户抵达他们想要的那个目标。所以，排版设计在交互中扮演着相当关键的因素。文本的大小和屏幕上的整体布局设计，对于用户的阅读体验有着巨大的影响：当文本过小，而行间距和字间距也比较紧凑的时候，用户需要更长的时间来对内容进行识别，而许多用户干脆会跳过其中的许多内容。在移动端上出现这样的问题之时，则显得更加严重：过小的字体在一块明亮的小屏幕上显示，低下的识别度和炫光让用户更加头疼。排版对于移动端用户而言，影响更大。移动端的文字排版的核心技巧在于， ...继续阅读 (1)

Svgsus 是刚刚出来的 SVG 图标管理工具，它的功能不多，但足够好用，不仅可以作为图标管理，而且能输出不同设备 SVG 代码，这功能实在太好用了。对设计师和前端以及开发人员都是相当方便实用的功能。工具名称：SVGSUS网站地址：http://www.svgs.us/SVGSUS功能特色支持导入 SVG 图标包，管理方便可直接把图标拖至 AI/PS/SKETCH 等工具上使用图标搜索功能可输出不同终端用的 SVG 代码（如：Web/Android/iOS）下面我们来看看这个 svgsus 工具的使用体验。导入图标包将图标放在一个文件夹内，然后拖动文件夹到软件区域即可，如下图所示：使用图标用户可以很方便的从软件把图标拖到 AI、PS、Sketch 等设计工具上直接使用。转换为 SVG 图标代码svgsus 工具可以转换种代码格式，包括：Web, iOS, OS X, Android 等。使用方法也超简单：方法1：单击你需要用的图标，然后在编辑器上 Ctrl + V 即可粘贴代码。方法2：直接拖动图标到编辑器方法3：这个有点帅，直接在拖动图标时，经过 svgsus 界面，再拖入编辑器里，就可以生成代码了，请看帅气的 DEMO 吧！从AI、Sketch 设计软件中输出 SVG 图标首先在 AI 或 Sketch 里复制你要输出的图标，然后在 svgsus 上粘贴一下，最后，在文件夹里 ...继续阅读 (3)

大宝大宝：这篇，咱们接着聊聊关于设计的误区，有哪些戳中你？忘记使用环境当人们坐在屏幕面前推敲像素或者与其他志同道合的人在创意工作室谈论工作时，很容易进入一种泡沫状态，用户是谁以及他们是如何使用自己的产品。通过以下方法来避免这个错误：考虑现场访问,或者当用户在体验产品时让你的应用程序追踪用户的使用路径。如果你设计手机应用，那么你要考虑用户特征，用户可能具有的情绪和思想，以及他们在外出时遇到的干扰和产生的交互等种种情况。谨记这个口头禅：你是不是你自己的用户。除非你使用你的应用真的只为了预定一份能够送到你办公室的早餐，或者一遍又一遍的玩一个流行歌曲。然后夸耀自己，你是你自己的用户。但事实却一般不是这样的。 避免的可能性好奇心是任何行业设计师的资产。不仅是在开放的学习中还是在失败的设计过程中，一个失败的设计进程可能性的探索都有可能阻碍创新潜力的发展。 坚持自己的工作除了你自己没有人能够主张你的工作。对于你自己的设计要百分百自信并且也要设计出绝对自信的作品，当你犯了错误不必道歉，而是要从中吸取教训。 忽略品牌在产品周期的某个时刻，你的设计需要增加价值以保障业务继续运行。价值可以是社会积极面，民族实践或可持续设计的形式，但同时也不能忽视创造价值和解决问题所带来的商业影响。品牌设计通过各种不同的接触点和媒体汇聚了公众的视线，但因此却也忽略了自己存在的危险。通过以下方 ...继续阅读 (4)

@呆呆丶L：和大家聊聊是什么让产品能存活下去的。观念的转变 在传统的观念中，人们普遍认为功能越多，产品用途就会越广，能力自然也就更强。其实不然，我来举个例子：平时我们去超市或在淘宝上买东西，总想着我买了这个会有用，买了那个也会有用，然而当你买回家之后，真正能用到的其实不多。（路人甲：“什么鸟例子，我来个更形象的。你去超市买卫生纸，看到了两种类型的，一种是糙面的，一种是滑面的。当你买回家之后，肯定会把糙面的放厕所，滑面的放客厅。不然你擦嘴的时候用糙面的，擦屁股的用滑面的？还是说你在厕所放两种纸，轮流换着擦？当然还有一种是你只买滑面的。”） 那么现在新的观念是：产品更应该注重深度，而不是广度。我们应该先做好一件事，然后再去做其他事。 一个产品不应该在没做好一个功能的深度时，就去开发另一个功能，这样用户不仅无法完成核心任务，还会分散他们的注意力。对产品团队来说也会有很大的压力。再来看个例子：你们应该都看过周星驰的《国产凌凌漆》吧？  不知道大家对这张图还有印象不，女的（袁咏仪）拿着这枪要杀男的（周星驰），而因为这把枪的构造独特（就不解释了，我相信你们都看过），她不仅没完成任务，还伤了自己。 这个说明了什么呢？虽然这上面有点逻辑错误，比如这把枪本来就属于男的。但是对于用户来说，拿到一个产品，因为子功能多而影响了他使用产品的核心功能 ...继续阅读 (4)

@小乖乖老爸：这阵子百度刘超的事情闹得沸沸扬扬的，大家应该都了解了，就不赘述了。如果有不了解的，请自行……google一下（或者bing一下、xx一下……反正别百毒一下）。那些八卦我不想说，当时看的觉得挺过瘾的，但过瘾了之后呢？什么营养都没有。今天我想透过这个事件，跟大家聊聊：设计师怎么挑选公司？设计师怎么挑选公司？求职的时候，不光公司在挑你，你也在挑公司，这是双向的。那要根据哪些方面来挑选公司呢？常规的例如：看薪水、看福利、看发展空间……这些是所有公司所有岗位的求职者都需要考虑的，咱就不说了，只谈设计师需要关注的几个方面。一、看文化说到文化，感觉有点儿玄啊，说得直白一点儿：看设计在这家公司的分量有多大。设计在一家公司里的分量，不是老板说重视就能做起来，老板说不重视就被嫌弃的。它并不以老板的个人喜好来决定，而是由这家公司的文化、基因和业务决定的。设计在这家公司的分量有多大？以BAT三家公司为例：1、百度擅长技术，是工程师文化。工程师会重视设计吗？通常不会，只要别太丑，或者他自己觉得不丑就行了。2、阿里擅长电商，是运营+营销文化。运营和营销会重视设计吗？会，因为好设计能提升购物体验。但是，最终的效果并不由阿里的设计师控制，因为还有成千上万的店铺装修设计师、商品的摄影师、修图师、视觉设计师的共同参与。3、腾讯擅长社交和游戏，是产品经理文化。产品经理会重视设计吗？会，因为好设计能提升用户 ...继续阅读 (2)

前言时下关于用户体验的概念熟知于大街小巷，关于可用性测试的书籍及文章也是俯拾即是，对于可用性的定义、需要的人数、测试脚本撰写、执行过程等等，相信在知乎、简书、公众号等优秀平台已经积累了不少相关文章，各位用户研究员、设计师等从业者应该也已了解一二。但是作为一名用户研究从业者，想找到一本真正可以用来指导实践的资料却是十分难得。本文是继《移动APP可用性测试（上篇）：实验室测试与现场测试对比》后的第二篇《量化研究》，主要和大家来聊一聊，拿到可用性测试数据后的量化方式。综合上下两篇文章的主旨来看，解答了如何科学的选择测试场地、如何量化可用性测试结果的两个“冷门问题”。 用户研究从业者常常在做可用性测试的时候碰到这样的问题，可用性测试作为一种定性的研究方法，拿到完成率、完成时间、满意度等结果时是简单做下描述性统计分析（毕竟我们称之为定性），还是可以进一步量化、标准化比较呢？ 不是所有的数据都可以拿来量化，这取决于这是哪一种可用性测试。 教育学家Scriven（1967）曾将用来测试学习成果的考试分为两类，一类是Formative test即形成性测试，目的是通过及时的反馈来改进学习（例如随堂听写）；另一类是Summative testF即总结性测试，目的是通过测试成绩来评估学习的效果（例如期末考试）。 那么可用性测试如果也分为形成性测试和总结性测试的话 ...继续阅读 (1)

“平面设计已经成为我们后现代视觉语言的一个核心组成部分，并且发展成为一种至少是和它所表现的文字和意象一样重要的意义载体。因此，后现代空白空间就成为很重要的空白领域，有待发展。”这次给大家推荐的是《平面设计原理》这本书，本书是关于事物看起来是怎样的，但认为它所说的值得说得更清楚。作为设计类书籍，此书可以说是必读本。空间空间就是空白处在视觉设计中，最容易被忽略的要素就是空白空间。而对空白空间的忽视就是大量丑陋、不堪卒读的设计出现的原因。在两维设计中的空间称为空白空间，位于文字和图像之后。但它不仅仅是设计的背景，因为，只要设计背景安排得当，总体设计的清晰度和效用性马上成倍提高。因此，空白空间运用巧妙，就会成为设计中最突出、最令人瞩目的部分。空白空间本身就是背景或物质环境。如我们所见，二维空间是一种可控，可塑的环境。空白空间的运用及各要素在空白空间的放置原则都必须清楚可见。空白空间太少，会导致页面过分拥挤。而另一方面，空白空间过多，又会使页面或对开页看上去不完整，好像某些要素从页面上溜走了。如果空白空间的形状清晰可辨，读者就会把它看成一种合理的设计要素，而不是剩余物和无关紧要的陪衬物。设计中的对称与不对称视觉交流一个重要的方面就是有两种类型的平衡：对称和不对称。对称的平衡以垂直轴为中心。不对称的平衡两边看上去并不相同，但不相似的两半也处于一种统一、和谐的状态，或是“协调的不对称”。对称是因 ...继续阅读 (1)

您将花费5分钟来阅读本篇文章，请安排好您的时间，感谢阅读！买家秀vs卖家秀？看到标题有些同学可能会一愣，UI设计还有买家秀和买家秀？其实就是设计稿和最后上线页面的对比。我们会发现设计稿设计的美轮美奂，整齐工整，最后上线的页面却惨不忍睹。产品，运营甚至boss得问了：这做的是什么鸟东西？那这锅谁来背，测试？开发？还是ued？毫无疑问这个锅ued是背定了，当然有同学会说：开发说实现不了，只能这样做了。那么你为什么总是相信开发说不能做就不能做？说不定只是开发想偷懒呢？（我的开发小伙伴请不要打我我知道你们是爱我的）设计师进阶利器－－学习前端知己知彼，百战不殆。下面要讲几个简单的前端小知识，所有页面的布局都会用到：拿安卓举例：五种常见的页面布局1.线性布局（LinearLayout） 2.表格布局（TableLayout） 3.单帧布局（FrameLayout） 4.相对布局（RelativeLayout） 5.绝对布局（AbsoluteLayout） 五种常见的布局感兴趣的同学可以自行去了解一下，这里不做解释啦。另外还有两个单词也是要非常了解的：margin：元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。padding：称呼为内边距，其判断的依据即边框离内容正文的距离，而我喜欢CSS权威指南解释的“补白 ...继续阅读 (3)

许多人对现代艺术的评价是这样的：“这不就是一团乱麻吗！”“一滩烂泥！”“复制粘贴而已，我也会。”（请自行脑补该类文字所描述的作品）。事实上，现代艺术的影响从Windows Phone到大众点评的界面设计，几乎无处不在。今天这篇好文，带你一起重新认识现代艺术。欢迎关注点融设计中心DDC微信公众号（微信ID：DR_DDC）每当一个艺术家的作品在国际艺术品拍卖会上拍得天价时，总有几个围观的吃瓜群众会泼下几滴自信的冷水：“这是什么玩意儿！我也能做好不好！”然而，有一幅图是这么机智地反驳的：作者默默地表示赞同…谁叫你想到的时候没有做呢？然而，无论你是否能真的创作出与大师相同的作品，你都需要先对大师创作的动机有些了解。即使说有许多作品的确很容易复制（想想那些专业复制名画的油画村吧），如果不去思考作画背后的过程和背景的话，所作出来的画也只能是形似，达不到神似，更不用提自己创作了。这篇文章就是想讨论几点现代艺术家在创作过程中的思考，并扯一扯这些思考与用户界面设计的一些微妙的联系。虽然从事着UI这个行业，作者的大学专业却是艺术史。经过了四年的专业洗（cui）礼（can），对从古至今的艺术的变革历程有了一个客观的、系统的了解。当看到吃瓜群众们从媒体引用有关艺术品的观点时，作者时不时要为他们擦一把冷汗。许多看上去好似极易上手、平庸无奇的作品实际上是艺术家做了无数次加减法的结果。当时作者的期末考试便是背画 ...继续阅读 (14)

很多设计师在重视作品质量的时候，却忽略了一个很重要的作品，那就是作品集的设计。我曾为几个小伙伴给过简历方面的建议和指点，也有小伙伴在【在行】上与我约见，主要是为了作品集的修改建议。后续我会单开一期关于设计师如何做好自己简历的电台节目。也请小伙伴们留意公众号推文。今天推荐给大家的是外国设计师Emelyn Baker 关于设计师作品的8点注意，很有必要推荐给只重视作品，却忽略了简历的设计师小伙伴们。两年前在我大学即将毕业的时候，我开始准备用我学生时期的设计作品制作一份设计作品集，并希望以此来找到一份工作。虽然我是图形设计学位毕业，但我一直在寻找UX / UI设计师的职位。付出终有所回报，我在Bloc找到了一份工作，这真是一段神奇的日子。但是这却是一个痛苦的过程。我收到了很多拒绝邮件并犯了很多错误。现在我在一个每天都会创造新的UX设计的公司，我可以回顾我的设计作品集并从中吸取经验教训。以下8条是我给你的忠告：1.把你展示的作品作为个案研究。用尽可能多的案例填满你的设计作品集。当我在大学期间找工作时，我把我的设计作品集做的高端大气，视觉效果非常好。然后我申请UX 和UI职位，但是却没有一个成功。 我问自己“这是为什么？我到底哪里做错了？”我寻求一个朋友的帮助，然后她给我看了几位她的顶级公司朋友的设计作品集…他们都有自己的案例研究，并且相当丰富精彩。当他们谈到自己的设计过程时，他 ...继续阅读 (13)

@惜可若己：在UI界面中，为什么IOS系统习惯每个字母首位都用大写，而谷歌喜欢第一个字母大写？这样的小差异实际上能带来非常大的不同，能够影响到信息的可读性、理解的难度以及可用性，甚至会影响到人们对你的品牌的看法。今天这篇有趣的译文，带你深入了解这两种模式的优缺点。你能指出上面两种提示信息中的不同之处吗？实际上，差别仅仅在于左边的信息要比右边的多一些大写字母。 大写的 O，小写的 o。谁才会关心？我们会逐步探讨一点有趣的东西，但首先，让我们从大写字母的的背景知识开始了解。一、标题模式 Vs 句子模式现如今，在大部分的应用程序和网站中，有两类使用大写字母的方式：标题模式：每个字母首位都大写。句子模式：一个句子中的第一个字母大写。如果你是一个 Apple 的用户，你会注意到在它们的产品中，有很多使用到前者的地方。 这是因为Apple’s design guidelines 针对许多用户界面元素，如提示标题、菜单选项及按钮都推荐使用标题模式的设计。而如果你是一个 Google 用户, 你会发现在它们的产品中则主要使用到了第二种方式。这是因为 Google’s design guidelines 推荐在所有设计场景使用句子模式。不管你站在哪一队，都希望你在使用标题或句子模式时能有所想法。接下来让我们仔细看看每种模式。二、标题模式有哪些优点？首先，我们看看为何你会考虑使用标题模式。1、更匀称整 ...继续阅读 (16)

虽然移动端优先的口号喊了这么多年，我们仍能看到许多“不称职”的移动端页面。看似理所当然的网页背后还有着许多弯弯绕呢！今天的文章简单梳理了一下移动端网页设计常见的问题和技巧，说不定正是你想要的呢~移动端的用户往往拥有着更加明确的目的性，通常他们希望能够明确、轻松地从移动端页面获得他们想要的信息和内容。无论是浏览新闻，网上购物，还是订阅信息，移动端网页应当为他们提供尽可能无缝的用户体验。今天的文章，我们就从用户需求和体验的角度来探讨一下，移动端网页要怎么样设计才对头。优秀的移动端页面是怎样的最近谷歌的研究发现，那些针对移动端优化过的网站更容易赢得回头客。这意味着网站针对移动端优化之后有着现实可见的好处。那么我们常说的“对移动端友好”到底是怎么样的概念呢？实际上，这个概念包含了一系列关键的特性，当你在进行移动端网页设计的时候应当将它们纳入考虑的范畴：如果你希望自己的网站能够轻松的在移动端设备上访问，那么应当消除所有移动端上可能存在的可用性的问题，下面有12条提升移动端网页设计的建议，确保你的页面能够通过 可用性测试，并提供良好的用户体验。1、针对移动端进行全面优化桌面端网页在移动端设备上首要的障碍就是导航的使用。看看下面Domino批萨的案例，它的桌面端和移动端网页的对比就相当明显，移动端页面经过优化之后的体验就完全不同。简单说来，优化后的移动端页面更加干净，有着更容易导航的CTA按钮下 ...继续阅读 (4)

文章开头要说明，我们所做的都是合法，合情，合理，在不影响公司利益的前提下所做的事情。这次更新晚了，实在抱歉，每周一更依然要坚持下去。这篇文章并不只针对设计师，其实很多职业都可以利用业余时间去做一些不在工作范围内，又在自己能力范围内的事情。那么接私活对我们到底有什么好处呢？有人会说了，当然是多赚钱啊！没错！但是，对于一个刚入行的设计师来说，真正有用的是什么？是经验，是在工作之余疯狂练习，接触项目的经验。所以不要再问为什么我从事这个行业好几年了，一直没有很明显的提升。其他职业都一样，一个人的高度，取决于他工作以外的那几个小时，有的人下班了回家看电视打游戏，有的人依然在学习，这些话其实很多文章中都有说过，只是读过算过，每个人自制力不同，也就有层次不齐的人了，所以勤奋小人又失败了。所以对于刚入行或者觉得自己能力遇到瓶颈的时候，不妨找个机会接一次活看看，涨了经验，又收获了金钱，金钱，也是衡量你价值的一种体现。当我们在职场上摸爬滚打了2，3年之后，这时又有很多人觉得，现在已经成长到一定高度了，工资也很满意了，再用业余时间接活也太累了吧？你这是没体会过其他更苦的人，首先，这个高度是不是你一辈子追求的高度？如果是，请不要往下看。如果不是，那为什么停下来？这个时候接私活已经不是当初初出茅庐的你所漫无目的寻求的杂活，应该是有点正规规模的外包活，这种私活其实和你自己公司的项目流程差别不大，但是我更想得到 ...继续阅读 (4)

随着越来越多的人使用移动设备，应用程序正呈上升趋势。由于这个领域的快速增长，大多数web设计师和web开发人员已经开始学习如何创建和设计应用程序！为了帮助大家，我们决定在此列表中收集24个超棒iOS应用程序的网站设计。当然，这些网站设计也可以用作Android的灵感或Windows应用程序的演示网站，其设计原则是相同的。这些网站为iOS应用程序设计了不同的风格，从平面到3D甚至栩栩如生的设计，但他们都有人性化的布局，出色的用户体验和美丽的概念！他们就在这里，你最喜欢哪一个呢？ Pennies for iPhoneHey MosaicLivestrong // Are You Live?Change – Help Make ItOnbileappsCamp – beautiful Basecamp iPhone appCloakLightt iPhone AppLayer (Concept)Volt WebMooncampSHADOWNextr app landing pageSquiryl Social Loyalty on your mobile phoneGMC LikeFlib – A converter with memoryTravelling WipCapitol Hop Landing PageCliqueDelicious App Landing Word ...继续阅读 (22)

@惜可若己：今天推荐的这25个设计工具，除了不少大家耳熟能详的神器，还包括展示设计资讯的浏览器插件、字体管理器软件、免费图库、调色板等等，建议收藏。1、Muzli 2一个Chrome浏览器插件，安装后便成为浏览器主页，为设计师展示互联网中最热门、最新鲜的设计资源。2、Designers by Muzli面向全球的设计师社区。3、Typeface App管理字体库。4、LOLCOLORS创作调色板。5、Craft by InVision LABS一套面向Sketch和Photoshop的工具，帮你填充真实数据进行设计。6、HeyUser一个视频站点，为移动设计提供创作灵感。7、UX Timeline查看当前最好的公司的设计演变过程。8、Photype查找照片，裁剪照片而不会裁剪或者覆盖掉文本。9、Coolors一个超酷的配色工具。10、The Noun Project for Mac构建一个任何人都可以理解的图示符号。11、Iconjar组织、搜索和使用图标的简单方法。12、UX Check一个Chrome浏览器插件，用来做网站启发式评估。13、Introducing Resizer一个交互式查看器，帮助设计师测试站点在桌面、手机和平板电脑上的响应临界点。14、Webydo一个不需要任何代码，无缝结合的专业设计平台。15、What’s New | Adobe Muse CC一个完全使 ...继续阅读 (24)

在设计中的对比度（英: Contrast）是指，黑与白，大与小等等之类的差异性。然而在实际的对比中，你需要从全部的项目上去思考，这是设计的重要原则之一。对比是为了将设计中的重要元素进行分类整理，然后按照不同的重要阶层来传递给读者。设计的重点，不仅仅是为了传递出焦点（英: Focal Point），也要给用户带来视觉性的趣味。相同大小的形状，颜色按照布局并列的放在一起，可能会让你觉得无聊。但是，如果在这之中加入对比，设计立马就变得有趣起来了。当然很多的设计概念是相同的，平衡对于对比来说也是非常重要的。如果对比度太高，做成之后就变得混乱，视线就不能马上落在重要的东西上了。那么，灵活运用对比的秘密究竟是什么呢？令人悲伤的是，并没有那样完美的魔法公式。就像学习设计技巧一样，学习的过程往往是无意识的积累案例的过程。这是设计师们所拥有的不可思议的力量，所以千万不要放弃。我们可以将与对比有关的项目情报进行整理，为了加上视觉的趣味性，成为谁都可以利用的设计工具。这需要有哪些需要注意的点与技术呢？这次就让我们一起来看一看吧。详细从以下开始。01 将色彩的明暗增加对比 值（英: Value）是指，色彩的亮度或者暗度的表示用语。使用白色和黑色，可以做成无数的对比值（英: Contrasting Value）。但是，当作成对比度强的设计时，也就没有必要使用黑色和白色了。通过调整色彩的明暗度来增强 ...继续阅读 (3)

小伙伴们，Photoshop又来了！这个让我们因爱成恨的应用，今天就跟大家分享一下在使用它时十大最佳和最差的体验吧。这些体验来自工具的使用、产品功能、工作方式、用户体验和技术方面等。我主要从功能方面阐述我的“十美和十不美”观点，这兴许还能给你的使用带来一些方便。声明：这篇文章发布时该应用的最新版本是Photoshop CC 2015.5。也许当你看到文章时它已经修复了这些bug。如果没有那么至少我们也是满怀期待。我一直努力地权衡爱与恨之间的关系，正如我在摄影师和网页设计师两个身份之间寻找平衡点一样。你是不是也有类似经历？一起来分享！十佳曲线工具这是一直以来我认为Photoshop所有工具中最强大的功能。看完这篇文章到程序里去试试看，见识一下它神奇的力量吧！智能对象Photoshop 中的任何图层都能成为智能对象。步骤相当简单，选中图层，单击鼠标右键，选择“转换为智能对象”，就ok！通过这一步我们能很好地编辑处理这个图层（或者多个图层），因为它变得更灵活，要执行滤镜操作的时候也更智能。或许还有更多我没想到的！不妨试试。调整图层调整图层是非损坏性处理图像的综合，这个功能还允许使用者在不改变任何像素的情况下编辑智能对象。钢笔工具钢笔工具是Photoshop中最厉害的选择工具，也是最佳的形状练习工具。试一试这钢笔游戏来练习钢笔工具使用：《边玩边学！轻松学会PS钢笔工具的使用方法》存储选区当 ...继续阅读 (18)

我们已经进入移动互联网时代，而app是移动互联网的载体。传统app开发面临成本高、周期长等问题，因此各类快速生成app的工具层出不穷。企业拥有了app才能实现互联网营销和互联网推广。中国有近7000万传统中小型企业，app会帮助这些企业实现互联网转型。下面就由小编我来为大家一一介绍四大最好用的app制作开发工具!即速应用即速应用是由咫尺网络开发的一款新产品，完全免费，上线之后短时间内已经生成了三四万个app。其优势就在于操作简单，使用方便，app生成的同时运营后台也已经生成。易上手度：★★★★★基础功能：★★★★★高级功能：★★★★★模板数量：★★★★模板精美程度：★★★★付费服务性价比：★★★★★运营后台：有总评：★★★★★体验地址：http://www.jisuapp.cn推荐用户：企业用户以及产品经理，小白也能愉快地使用。即速应用，拥有目前app制作工具里，最丰富的功能组件，各种强大的功能可以组成功能齐全的web app。另外，即速应用平台其数量众多，制作精美的海量模板，小白用户也可轻松完成专业的web app。菜鸟应用菜鸟应用是最近发展起来的app制作开发工具，所以功能上比较单一。菜鸟应用主打免费，所以其网站大部分功能和模板都是免费的。菜鸟应用主打的是模板和定制，模板比较丰富，用户无法通过其DIY，但是模板比较优秀。易上手度：★★★★★基础功能：★★高级功能：★★模板数量： ...继续阅读 (15)

交互设计发展史上的每一个重要里程碑，都源自技术和人性的碰撞。从最初的纸带打孔，发展到键盘输入、鼠标输入，再到现在的触摸操作，语音识别，以及已经到来的 3D 手势、眼动识别。未来还会实现脑波控制，意念识别等。每一次的技术革新及产品升级，都会带来重大的人机交互方式变化。从其发展来看，最核心的是要符合人体的自然动作，让人们以最舒适的方式获取信息。  在 PC 时代和移动互联网时代，人们分别通过鼠标和触摸操作与数字信息进行互动。这些被用户完全习惯了的交互模式在 VR 领域突然变得行不通了，他们需要学习新的操作方式，才能徜徉于在缤纷多彩的 VR 世界里。在这个世界里，交互方式变得更加多样化，而且会很直接的影响你的设计。作为 VR 的设计者，你需要知道目前市面上几种不同的 VR 设备的交互方式，来帮助你更好的去设计应用。  定时瞄点定时瞄点，是 VR 里最简单基础的交互形式。当用户戴上 VR 头显，在眼睛的正前方会出现一个瞄点，也称注视点，它会跟随用户头部同步移动。相当于用户有了一个在屏幕上的鼠标点，想选择或点击哪块信息，就将瞄点移动到哪儿。当瞄点停留在某个可点击区域时，会出现倒计时提示，2-3秒钟过后，则激发点击操作。这又称为凝视操作。 这种交互方式最早是出现在 Google Cardboard 及其衍生的插手机的 VR 头显上，适用于非常简 ...继续阅读 (16)

呆呆：这周本来不想写关于导航的设计了，但是上周的标签式导航的文章很多人看完之后反馈也挺多，有不少人私信说想了解下列表式导航的设计，所以这周继续更新关于导航的文章。正文相信大家对列表式导航了解也不少，它基本上存在于所有App中（除了部分工具类应用）。不过它现在更多的是用在二次或多次层级上，很少有主层级用列表导航的了。简单来说就是：列表是所有导航中能够承载最多信息的一种模式。和标签式导航一样，它不仅结构清晰，更能方便用户理解，有时候在层级的属性上它更胜于标签式导航。所以今天着重来讲解下列表式导航的设计思路。三种表现形式1.标题形式相信大家听到列表导航，脑海中马上就会出现一系列的产品画面。在有些产品中我们经常会看到这样的列表:有的只显示一行文字，有的显示一行文字加一张图片等等。我称这类导航为标题形式的列表导航。这类列表导航一般来说只显示标题或标题加图片，然后加一点其他细节信息，唯独没有内页的内容。 这样做其实有两点原因:1.1 减少页面空间的占用1.2 帮助用户快速浏览 但是这种方式存在一个弊端，就是会降低用户的点击率。下面来我用另一种形式来讲解点击率下降的原因。 2.内容形式有一类App，主要以内容为主，它的层级很浅，所以在列表中就会体现出部分内容信息，点击进去就是详情，比如电商类产品。而内容形式的列表更多的是用在这类产品中，因此我把它定义为内容形式的列表 ...继续阅读 (3)

@TTTing1：最近我发现向我请教找工作相关问题的人开始多了起来，他们大致都是什么情况呢？下面我先给大家简单的描述下：第一位同学来自创业公司，公司里就他一个设计师，而且公司的电脑设备非常不好，运行缓慢，工资又低还没有人带，觉得没有挑战想换工作，但是发现工作很不好找，每次都只能找到只有他一个设计的公司，所以非常苦恼。 第二位同学是做电商的，工作已经有4个年头了，前三年都呆在一个小公司里，虽然只有他一个设计师，但是因为老板对他很好所以跟了他三年，但是公司每天给他的任务除了上款还是上款，能力得不到提升，也没有涨工资，最后发现自己荒废了，出去找工作发现四处碰壁。 第三位同学是刚毕业，本身学的是平面出生，但是因为对电商感兴趣所以去面试了一家化妆代理平台的设计助理，但是虽然她平时经常会看很多设计类的文章，也对电商感兴趣，可是当别人让她上机操作作图的时候，直接就懵比了，大脑一片空白，什么都不会做了，所以估计是没戏了，自己本身又不想增加家里的负担去报培训班，可是周围又没有大神可以带她，所以非常迷茫不知道该怎么办。 第四位同学是来自比较知名的大平台公司，工作已经6年了，但是猛然发现自己出了这个平台出去找工作却处处碰壁，有一家好不容易初试复试都过了，可是最后仍然被告知没有被录取，因为按照这个工作年限应该要有点带团队的经验了，可是她没有，所以也非常苦恼感觉很受挫折。&nb ...继续阅读 (12)

在产品设计的过程中，好的工具能提高我们的效率。但与此同时，工具因其自身的局限性也会引发一些问题。在今天的译文中，作者 Luke 分析了这些问题，然后给出了解决方案，并鼓励设计师要相信自己的眼睛和直觉。下面进入译文。当我还是个设计新手的时候，我依靠 Photoshop 或者 CSS 来判断一个设计是对还是错。举几个例子，假如两个图形通过 PS 的「对齐」功能校准了，那我就认为他们是对齐的。假如两个不同的形状是同样的尺寸，那我就认为他们是一样大的。假如两个颜色是同一个十六进制色值（译注：即 HEX，例如白色的十六进制色值为 #FFFFFF），那我就认为他们「看起来」是一样的。上面的说法看似合乎逻辑，却是错误的工作方式。因为这些软件的计算结果虽然「合理」，但它们并没有像人类那样去感知形状、颜色和尺寸。换句话说，这些软件无法像人类那样，通过一个参照物，去感知另一个物体，并理解两个相互关联的物体间的环境。所以，设计师需要不同于计算机的「非理性」的头脑去决定一个设计看起来是对还是错，因为只有我们才能理解设计中的前后关联，而电脑做不到这点——搞清楚这个问题的设计师才可谓是优秀的设计师。通常，经过深思熟虑的设计并不会引起用户太大的注意，但明显错误的设计绝逼会引起用户的抱怨。让我们来看一系列常见的例子。对齐与视觉重量计算机无法精准地计算出一个物体的中心在哪个位置，它只能够通过一些信息来做判断，例如宽 ...继续阅读 (3)

不论是网页设计还是APPUI设计，表单都是界面中最常见、最重要的组件之一。它们的应用范畴非常广，用户注册、订阅服务、用户反馈、问卷表单、买卖交易等等等等，从数据输入到信息搜索，几乎无处不在。对于设计师、前端和开发者而言，应当对于表单的设计尽量多上心，让它们更加易用，细致的设计对于用户的体验、交互的效率有极大的加成。在今天的文章中，你会看到许多关于表单设计的切实可行的建议，它们涉及到可用性测试、现场测试、眼动追踪以及用户反馈等多个不同的环节。1、梳理逻辑，保留必需表单是同用户进行沟通的语言。和任何对话一样，它应当以符合逻辑的方式帮助双方完成交流。所以，你需要这么做：·让问题保持直观的顺序。你应当站在用户的角度按照逻辑提问题，而非按照程序或者数据库的逻辑。如果问题之间没有逻辑存在，那么可以按照字母顺序来排布。·以直觉的顺序组织选项。比如选项为日期的时候，按照周一周二周三这样的顺序来排布，而非乱序。·时刻反思从用户那里获得的信息是否必要，如何使用。这样做是为了消除不必要的选项，提升完成率。2、使用单列列表布局待填写的多列表单容易让用户漏填，并且打断填写体验。用户需要按照Z字形的轨迹来完成整个表单的填写，这样不仅影响整个书写路径，降低效率，而且具备一定的干扰性。但如果是使用单列的表单的话，这种填写路径是单一、直接而更为直觉高效的。3、减少待输入字段和工作量减少待输入的字段能够让你的表单更精 ...继续阅读 (14)

当第一次开始设计生涯时，自然要在设计和学习的过程中犯错误走弯路。下面是许多设计师（包括我自己）遇到的常见问题列表，以此来帮助你学习，少走弯路。过度设计产品随着从手机到运动的数字化工具大量发展，设计师觉得有必要让用户知道可以通过添加过多的东西来设计。空白的空间应该由设计师来进行管理设计，而不是迫于客户压力放置一些内容或者营销的东西。例如，当只需要强调一个理论的时候，应避免下划线和加粗同时出现在一个字符上。过度设计产品不仅会阻碍简单方便的用户体验，也是道德和社会责任对于设计师在设计过程中/成果不产生视觉污染或不必要的设计的误解。通过以下方法来避免这个错误：设计师要专注于创造价值而不是增加新功能。要克制自己不必使用工具清单项目上的所有工具。 不正确的保存根据展现最终产品的表现形式，你可能需要不同类型的文件然后进行迭代等。如果保存不当，或者覆盖了源文件，你的文件包就丢失了最重要最有价值的信息，而这个文件包恰恰是你同步展示给客户你设计过程的一个渠道。通过以下方法来避免这个错误：当你保存文件的时候，思考你下一步如何设计，并且根据需要另存为新的文件。 原型用于后期进展原型胜过千言万语。它由运动的动画编成一个故事，可以帮助你了解设计的背景并且更容易理解设计的本质。用原型演示来活跃评论，震惊客户，或许能够帮助你的团队快速缩小可用性测试的选项。不要拖延，考虑制作低保真原型或寻求可用 ...继续阅读 (15)

今天，我像往常一样走路去上班。但我不是孤身一人。在我周围，从店铺与餐馆门口的人行道，到城市公园里的绿色草坪，人们举着手机四处徘徊。小巷和公园入口这样的普通场所，聚满了人，在计算机算法作用下随机地聚集起来。这就是Pokemon Go。口袋妖怪作为一种全国现象，大约20年前就爆发过。人们喜欢这个寻找和捕获口袋妖怪的创意，当时他们满足于用Gameboy作为平台。许多年来，口袋妖怪游戏的热潮逐渐退去，因为后续的更新版本似乎没有延续初代游戏背后的魔力。但随着Pokemon Go的出现，数以百万的忠实粉丝甚至非玩家都蜂拥加入这场游戏。2周内，Pokemon Go就有大约7.5千万的下载量。不幸的是，并非一帆风顺。这款游戏仍然有大量Bug，也存在许多界面问题，让初学者难以学习使用。即使作为一个有经验的玩家，我也花了好几分钟试着了解如何寻找和捕获第一只口袋妖怪。尽管有许多批评文章，有个不争的事实，许多玩家已经接受了这些频繁的、周期性的服务器崩溃，作为这款游戏正常体验的一部分。本文中，我们收起偏见。我们来钻研Pokemon Go在用户体验方面的优点与不足。优点首先，我们看看是什么使得Pokemon Go的用户体验如此吸引人。创建个人资料个性化。游戏中人见人爱的部分。像口袋妖怪这种身临其境的游戏，包括传统的口袋妖怪游戏和Pokemon Go，人们都希望真的感觉到自己置身游戏中。他们想要探索和体验这个世 ...继续阅读 (20)

这年头设计一个App越来越有讲究，大到一个框架，小到一个按钮，很多时候一个拿捏不好，就会失去所谓的用户了。怕不怕？反正我是怕的，哈哈~今天跟大家来讲讲启动页。什么是启动页？打开屏幕脑子还没转就第一眼看到的页面，就是启动页。是不是很含糊？讲的专业点就是:当打开一个应用程序时，在应用启动的过程中或在APP打开的过程中所显示的一个占位符。它存在的目的就是为了让用户在等待的过程中忽略这个开启的过程，其实也就是大家所说的提高了用户体验度，降低用户焦虑感。由此可以看出，启动页就是一个`过渡页面`，产品根据这个应用的性能来判断在程序开启过程中页面停留时间的长短，可能有1秒，也可能有3秒。那么很多企业就会利用这个机会做一个营销手段，当然也有为了用户体验而放弃宣传品牌的产品。所以下面我把启动页分为三类，来专门说说它们不同的作用。规范型品牌推广型商业需求型 规范型 什么是规范型？根据IOS和MD的官方定义来说，启动页应该是不打扰用户，利用进入应用后的第一个界面的框架截图来做启动页，这里的截图是去掉里面的内容的。它的作用就跟上面说的一样，降低用户焦虑感。如: 这是新版的Instagram，它的启动页面就是首页的框架，去掉了里面所有的内容，除了标题。这样就好像是用户进入了应用，它已经在加载，感觉非常快速的启动了，让用户觉得应用性能好，速度快。 这就是IOS官方给出的 ...继续阅读 (31)

吉萨金字塔和达芬奇传世画作《蒙娜丽莎》与 Twitter 和 百事之间的共同点是什么？他们的设计都是基于黄金分割的啊！黄金分割是一个数学比例。我们在大自然中很容易找到这样的比例，当它用于设计时，能创造出有生命力的、纯天然的视觉作品，愉悦我们的眼睛。但究竟什么是黄金比例,如何使用它来提高你设计水平?黄金比例是多少？我们会把它尽可能解释得简单哟！黄金比例(也被称为黄金分割,中庸之道,神圣比例或希腊字母φ)存在于被分割成两截的线段中，我们设较长的一段为a，较短的一段为b，那么有：（a）÷（b）=【（a）+（b）】÷（a）,都等于1.618。但是不要让这些数字难倒你。在设计中,黄金比例可以归结为美学——创造和激发一种通过比例与和谐产生的美感。当应用于设计中时,黄金比例提供了一种艺术性;一个未知因素,一定的描述的事物。这种和谐和比例已被成千上万的世纪所承认：从吉萨金字塔到雅典的帕特农神庙；从米开朗基罗的《亚当的创生》到西斯廷教堂天花板上梵高的《蒙娜丽莎》；从百事logo到 Twitter logo。甚至于我们的身体和脸也同样遵循这样的数学比例：事实上,我们的大脑似乎本能地更喜欢使用黄金比例的对象和图像。这几乎是一个潜意识的力量，以至于哪怕为图像作更接近黄金比例的微妙调整对我们的大脑也有很大影响。黄金比也适用于形状。画一个正方形，设定边长为1，改变其中一边使其变为1.618，一个完美的黄金比矩 ...继续阅读 (18)

案例摄影：阿门案例后期：小芹多谢小芹花了不少功夫去做这个后期处理哈。以下2张图来自前几天的巴厘岛之旅拍的。    是不是觉得效果棒棒哒？OK，教程部分。————————————————————–我只是拿出了一张在梨花女子大学随便拍的照片，原图长这样： 处理后就变成了这样：  酷炫如此，其实只用了 Photoshop 自带滤镜。受了“这种动漫风格的照片是手绘的还是 Photoshop 就可以达到的？后期过程是怎样的？ – 摄影 ”几个高票回答的启示，昨晚特地学习研究了一下，目前已经能达到 3 – 5 分钟处理一张照片的速度。虽然还没有达到大师级的高度，不过已经挺有意思了，给诸位抛个砖吧。1.首先你要有一张城市风景照片（其他类型的还没试过）。请勇敢地把原始分辨率拿出来，不然滤镜处理的时候过大的笔触大小会让你抓狂地回到这一步。  再找一张动漫风格的云彩素材图。这类素材很多，根据构图随便找一下就可以了。下面这张是在昵图找的，地址是 http: ...继续阅读 (42)

当你将弹窗设计及使用得恰到好处时，它们就会是非常有效的用户界面元素。它们能帮助用户快速且便捷地达成目标。然而当错误使用时，弹窗却会困扰你的用户。知晓如何设计弹窗，会帮助你在使用时避免那些可能对用户造成的困扰。什么是弹窗？弹窗是一个为激起用户的回应而被设计、需要用户去与之交互的浮层。它可以告知用户关键的信息，要求用户去做决定，抑或是涉及到多个操作。弹窗越来越广泛地被应用于软件、网页、以及移动设备中，它可以在不把用户从当前页面带走的情况下，指引用户去完成一个特定的操作。图1，会话过期弹窗现在让我们来看看有哪些优秀的弹窗设计和使用方法。原则1. 减少干扰由于弹窗会中断操作，要尽可能地少使用弹窗。突然出现的弹窗会强迫用户去停止他们当下正在进行的任务，并转而专注于弹窗中的内容。在继续之前，用户必须要面对这个弹窗，否则将无法对弹窗之下的页面进行操作。当这个用户必须要确认一个关键的操作时，这就是好的，但是在大部分情况下弹窗是不太有必要的，甚至会引起用户反感。需要确认在你需要用户去互动才可继续时，或当犯一个错误的成本会很高时，使用弹窗是最合适且最合理的。图2，这里告知了用户一个情况，需要用户确认不要突然打开弹窗在用户没有做任何操作时突然打开弹窗，是非常糟糕的设计。许多网站用订阅框来轰炸它们的用户，就如下面的例子：图3，诸如此类的弹窗给没有键盘的用户造成了数不清的麻烦弹窗的出现应该永远基于用户的某个 ...继续阅读 (12)