转化率低是设计师的问题？这锅我们不背！

市场反馈好不好是由那些自带话语权或流量的人或产品决定的，这些人或产品既左右了大部分人的喜欢和习惯，又代表了大部分人的喜欢和习惯。不知道大家有没有这样的经历，就是说你接到了来自运营老板／需求方或客户的设计需求后，你会先问下对方对设计有没有什么要求，对方说没什么要求，唯一的要求就是“保证转化率高”，请问你会作何反应？其实，站在客户的角度来说，这个要求一点都不过分。毕竟客户或需求

产品 2017年08月04日

交互设计背后的心理学原理

交互设计准则的背后往往隐含着一些设计的心理学原理，文章整理了一些认知心理学中对交互设计有所启发的知识点，一起来学习下。某次下班偶遇一开发，他问：“你们平常做的交互设计，有什么准则吗？”我列举了尼尔森十原则之类，却遭到对方的进一步怀疑，似乎认为这不过是一些约定俗成的规矩，细究下来背后却没有什么站得住脚的道理。当然不是这样。这些交互设计准则背后，都有其依循的心理学原理，其中认知

交互体验 2017年08月08日

并不简单！网页中为你指路的面包屑到底应当怎么使用？

编者按：面包屑是我们熟知的一种导航工具，它们往往出现在页面内容的上方，告知你所处的位置。它小巧，方便，常见，且简单。可是即便是这样的UI控件，在设计上同样是有讲究的，今天咱们就来聊聊面包屑吧~作为一种辅助导航系统，面包屑能够帮助用户清晰的定位到自己所在网站的位置。这个词源自于童话中跟着面包屑回到自己家的孩子，而网页中的面包屑也是帮助用户找到自己位置的UI控件。 面包屑通过路

产品 2016年08月22日

UI 设计中的“黑与白”

我们都知道在UI设计中配色占据着极其重要的地位，良好的配色会提升产品的用户体验度，更会吸引更多潜在用户的目光。当然一款产品配色体系的建立是一个极其繁琐的过程，碍于篇幅我无法展开来说。这篇文章我们只是主要来探讨一下如何确定产品的主体配色风格： 是白底黑字还是黑底白字？ 影响配色的因素一款产品配色风格的确定是要综合多方面因素的，在配色方案制定的初始阶段，我们应该考虑以下几个方

产品 2017年04月25日

每个设计师都该懂的参考线完全手册

@不知语冰：看完这个教程，你能收获到常用的设计辅助线合集+常用设计辅助线使用方法+常用的设计比例列表。辅助线（或称参考线），在UI设计中是经常会用到的，无论是用来规范设计还是用来提升“专业观感”都是很用的。一般的辅助线使用PS、AI自带的工具就可以了，另外使用像 guideguide 这样的插件更能事半功倍。而设计中还可能用到一些特殊的辅助线，比如黄金比例、超椭圆等等。 这

产品 2017年04月25日

平面设计中，引导受众视觉关注的八个方法

@马良重生 ：在平面设计中，可以利用一些具有指向性的设计元素，如：色彩、人物和动作、留白处理等，让用户的眼神跟着页面元素的引导，完成对信息的关注与吸收。今天这篇文章，我将分享几个引导视觉的方法和技巧，一起来收。作者好文回顾：《超实用！10个帮你搞定整页专题设计的方法（附案例）》一，先要有个视觉点，靠这些点指引或者聚集视线点的形状并非都是圆，或者是某种具象的元素。比如：在整张

产品 2016年09月08日

教你用 Sketch 设计超赞的 Icon

译者按：新手向教程，大神请绕路～～本文非常基础，相信即使是从未用过Sketch的同学，也能轻松做出这几个图标，来尝试一下吧！虽然Sketch主要是设计用户界面的软件，可是用来设计icon也同样顺手。这正是我们将要做的，我会一步步指导你设计出下面三个图标。 我们将要完成的图标准备工作我们首先按 A ，创建一个矩形画板。在左侧的 Layers List 里面将这个画板命名为“

产品 2017年02月04日

不靠灵感做设计！超全面的「情感化设计」落地方法论

编者按：如何靠科学方法而不是灵光一闪做情感化设计？我查阅了很多资料文章，发现情感化设计还是有章法可寻的，是可以形成方法论的，在此跟大家分享下。为什么要谈情感化设计？“我预感到我们后面会越走越顺，会卖疯了….. 如果有一天我们后面卖了几百万台、几千万台……有一天傻X都在用我们的手机，你要知道这个其实……这是给你们做的。”2017年5月9日，当罗永浩在演讲台上语气哽咽的说出这番

产品 2017年05月19日

Etract：提取 App UI 图片没有谁比他快！

Extract 是一款操作速度超级快的 App UI 图片提取小工具，适用于提取 iOS IPA / macOS App 中各类应用程序中的组成素材，操作起来非常简单，只需拖放 IPA/APP 安装包进入窗口，即可获取 APP 的 UI 图片；同时支持文件夹拖放及批量处理。Extract 还支持 Car、JPG、PNG 文件。Extract 绝对是 UI设计师、独立开发者和

产品 2016年11月13日

10 个排版技巧提高网页的可读性

文本将介绍一些帮助提高文本内容的可读性的10个小技巧。沟通在设计中起着至关重要的作用。这是建立用户和网站之间的明确联系，并帮助你的用户实现目标的关键。当我们谈论网页设计环境中的沟通时，这通常是指文本。排版在这个过程中起着至关重要的作用：网络中超过95％的信息是以文字的形式出现。好的排版提高了用户的阅读积极性性，反之，差的排版会降低用户的阅读积极性。 正如Oliver Rei

产品 2017年06月28日