交互细节！确定按钮到底该放在左边还是右边？

仔细想想，我们做交互设计，讲了那么多“高大上”的理念，竟然很多小细节都还没有弄清楚——比如，确定和取消按钮哪个该放左边哪个该放右边？今天这篇文章是作者在英国约克大学读研时做的一个课题作业。想知道哪个更好，这篇或许能给你启发。其实这个问题，连世界最大的IT公司都没有确切的答案。苹果说，不论移动或电脑设备，行动按钮（Action button）都放在右边，也就是说确定按钮放在右

产品 2016年08月30日

少年，你该开始着手做信息图设计了

编者按：现如今信息图已经不是什么新鲜东西了，但是关注度依然很高。这种信息呈现方式有着先天的优势，设计技巧不少，工具也相当多，而信息图本身也常常被归类为“优质的内容”，那么你是否也该试试信息图设计呢？将信息重新组织、视觉化地呈现出来，就是我们常说的信息图。如何设计出漂亮又易于理解、可用性和体验兼顾的优质信息图，是许多设计师一直在试图做到的事情。不过真的要设计好信息图，我们还得

产品 2016年08月30日

用好这四个元素，帮你做出高大上的电商BANNER（附技巧及神器）

@ChiNa_威海_山岩 ：一个电商Banner 由不同的元素（背景、主体、文字、装饰）构成，如何运用好这四个元素，就成了一个Banner 是否优秀的关键。上篇我们聊了背景和主体两部分，今天继续下集文字和装饰部分，超多案例，内附修图技巧，干货多多，别错过咯。三、文字文字在图片应用中有三种比较常见的形式——文字为主、图文并重、文字为辅。文字为主和图文并重的图片大体有两种表现形

产品 2016年09月08日

改版实战！聊聊Pinterest官网再设计过程的经验思考

@狐狸-Jean ：本文由Pinterest 的设计师来亲自介绍官网的整个改版过程，包括设计原则、配色和留白等等的思考，过程中的经验方法值得我们学习。当我还是一个在瑞典成长的孩子时，我房间里堆满了一些设计得很有趣的木质玩具。我记得我为这些简单的设计所着迷，明亮的颜色，抽象几何形状和有机形式的结合。它们的样子和动作能吸引你去和他们玩。木质的火车系统是非常棒的。你可以把轨道部分

产品 2016年09月08日

超全面！写给零基础新人的交互设计入门完全指南

@–云梦大泽– ：对交互设计感兴趣的人，这篇文章可以作为你自学的指南手册。这篇文章介绍了交互设计的历史、日常工作及交互物、可以关注的大神、常用的工具和建议阅读的书籍等等，能给想自学的新手一个全面系统的教学，建议阅读。说到指南，这里有个合集，篇篇都是精品：交互设计起源于网页和平面设计，但目前已然成为了一个独立的领域。远远不止文字和图片，交互设计师要对在屏幕上创造的每一个元素负

产品 2016年09月08日

在高频场景下，这3个方法可以提升「熟练用户」的使用体验

雨涵_Zoe：网上大部分关于设计的讨论，都是围绕少量使用的场景展开的：如何吸引用户、如何改善空白页设计等等，而大量使用的场景往往被忽视（如微信和Photoshop），对这类高频使用的软件，如何帮用户快速完成任务才是关键。今天这篇好文，总结了3个实用方法，10分钟学起来。一，信息排布导航和首页，对新用户来说是最大的依仗，而对熟练用户来说，则很有可能是最大的累赘。导航和首页，前

用户研究 2016年09月08日

基础知识！聊聊交互设计三要素之细节设计

@黄红艺Designer ：交互设计三部曲终于写到最后了，今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践，也是交互设计可视化与形象化的关键。往期回顾：《基础知识！聊聊交互设计三要素之信息架构和流程设计》相对于前两个要素的完整性和系统性，第三个要素-交互细节设计，就显得琐碎和零散。根据交互设计由浅入深的渐进，交互细节可以分为布局、控件

产品 2016年09月08日

实用干货！如何利用「空白状态」提升用户留存率？

@墨刀_MockingBot ：通常我们会对有大量内容和数据的页面进行精心设计，而空白状态则是常常容易被忽视的一部分。然而，空白状态对于留存用户、提升用户活跃度也起着至关重要的作用。今天这篇好文，总结了利用「空白状态」提升用户留存率的5个要点，附上大量实例，一起来收。3个容易被人忽视界面设计：空白状态是什么？「空白状态」，英文 Empty State，通常是指 App 或者

用户研究 2016年09月08日

提高设计还原度！写给设计师的IOS前端教程（四）

@小乖乖老爸 ：想提高设计还原度，尽可能缩小设计稿与完成品之间的差距吗？来学编程吧！这个系列的文章忽略了很多设计师用不上的技能，直接给出UI设计师工作中能用上的编程知识，简单易懂，一起来收！一，点语法 vs Set方法能看到第四篇的，说明前面的你都能消化了。在开始进入今天的正题之前，先讲两个简单的概念，「点语法」与「Set方法」。举个例子：Lily.hair = [UICo

产品 2016年09月08日

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

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

产品 2016年09月08日