理清思路！如何从头打造让用户真正信任的界面

编者按：让人信任的网页到底是怎么样的？设计一个令人信任的网页应该是有迹可循的，几天文章当中的10个技巧，就是可行性相当高的手法，仔细看看，也许会让你获益匪浅。如何让你的网页设计作品令人信任？相信许多设计师都思考过这个问题。我们几乎每天都能听到各种产品安全漏洞的新闻，用户的不安全感无处不在，这也使得设计让人信任的界面势在必行。令人信任的界面是构建你和用户之间坚实关系的基础，它

用户研究 2016年05月05日

教程来了！如何拍出好看有创意的毕业照？（插画演示）

又是一年毕业季，毕业照对于毕业学子来说有着特殊的意义，这不但是对读书生活的收官总结，更是为了留住自己最美好的青春岁月。今天@意匠id 就来和大家分享一组拍摄毕业照的小窍门，虽然是去年同时期的画作，但是现在看来仍不过时，希望小小插画能够给大家一些拍照的灵感。个人篇除了摄影师的瞬间捕捉，作为“模特”的自己也是要会摆出一些漂亮的姿势的哈~ 都说大学是所美容院，怎能不展示下自己的变

产品 2016年05月27日

超赞！10款快速搭配Material Design 配色方案的Web工具

在Material Design 风格中，如何大胆、灵活的使用色彩组合是一项很有挑战性的任务，今天这10款 Google Material Design 专用的配色工具，可以助你一臂之力。Material Design 简介：时至今日大家应该都对这个设计风格有所耳闻，如果你还不够熟悉，这儿有三篇文章可以帮你轻松入门：首先来认识一下它扁平化设计的区别：《涨姿势！扁平化设计和M

产品 2016年07月28日

全面实用！如何设计移动端的文本输入框？

基于移动设备的UX设计有很多难点，其中最大的设计挑战之一是在有限的屏幕空间上解决点击输入的问题。对于UX设计师、开发人员和产品经理来说，让这个过程变得易于用户使用就显得至关重要。本篇文章阐述了提高数据输入体验中的三个关键因素——速度（提高输入速度）、引导（为用户输入提供引导帮助），反馈（直接有效地指出用户输入过程中的问题）。输入根据不同的输入信息匹配合适的键盘[br]用户都

用户研究 2016年06月24日

一图胜千言！提高网站转化率的图片选取指南

少有用户在没看到商品的情况下就直接购买。通常情况下，用户至少要在看到产品图片之后才能作出最终的决定。这也是为什么在互联网上销售产品的时候，卖家要耗费巨量的精力来展示产品，用清晰的照片和走心的文案等“套路”来完成销售过程。在互联网产品营销当中，图片起到了至关重要的作用。图片能够从不同的方面帮助营销人员获得相当不错的转化率。现如今的消费者非常期待能看到足够丰富的产品图片，这样他

产品 2016年05月09日

久等了！PHOTOSHOP 的设计构建工具 UI-DNA 正式发布！

@不知语冰：这个 UI-DNA 是个什么样的工具呢，它的核心思想是把增强设计对设计对象的控制力，能更随心随意的处理设计对象，尤其是能在陈旧的 Photoshop上提供更强大的属性编辑功能。在设计中使用变量与表达式吧！在 Photoshop制作的组件复用一直很是问题，虽然有智能对象可以实现图层或图层组整体的复用，但是智能对象的编辑是脱离当前文档的，把图层和变成智能对象相当于丧

产品 2017年04月25日

讨厌引导页？这5个技巧帮你设计出眼前一亮的App引导页

现在新手引导已经成手机客户端标配，但是通用的做法不见得是最有效的。这篇文章中我们将会看到为什么新手引导经常无效，以及如何借鉴游戏设计的原理来提高用户的参与度。通过跟各种行业的移动团队沟通，发现这些添加额外帮助的新手引导页让用户困惑和沮丧。一个测试的参与者说“我只想打开app开始探索”。用户测试表明用户会跳过和忽略新手引导页。最好的情况下，用户会感觉到一点点不便；最坏的情况下

用户研究 2016年06月06日

停不下来第二弹！13个好用到令人震惊的Sketch插件

Sketch被越来越多的设计师使用，配合它的神器也推出了不少，今天Riceman （使用Sketch两年多）推荐了一些他常用的插件，加上昨天的AE插件系列，高效率根本停不下来！第一期回顾：《完全停不下来！10个好用到令人震惊的AE插件（附视频演示）》1. Sketch Toolbox我使用这个插件（其实应该说是一个软件吧）来管理我大部分的Sketch插件。 2. Conte

产品 2016年05月12日

设计师来看！如何向工程师描述你的动效？

日常工作中，交互设计师不仅需要处理复杂的业务逻辑、排放各种层次的信息，还经常需要制作各类动效。除了用于可用性测试、方案汇报与演示之外，动效还承担着丰富页面效果、情感化表达等提升用户体验的作用。按照目前的设计趋势，动效都趋向于细微化，主张动效本身不喧宾夺主，而是潜移默化地影响用户体验。动效设计需要和场景紧密结合，炫酷的效果往往并不实用。另一方面，动效设计出来之后还要能顺利被工

产品 2016年07月26日

细节是魔鬼！13个提高「进度条」用户体验的设计技巧

@惜可若己 ：一个优秀的「进度条」能让用户等待过程变得不那么无聊，而这里面其实大有细节可言。今天这篇译文总结了13个能提高进度提示用户体验的设计方法，强烈建议阅读。进度条界面设计教程：Photoshop教程：《PS教程！手把手教你绘制一个金属质感的进度条》Loading 动效形式：《科普文！设计师需知的LOADING进度条动效形式》用户及其痛恨的一件事就是等待。如果你为了考

产品 2016年08月10日