蓝色是UI设计中最重要的颜色
正文开始前先告诉你一个我不知真假的事，蓝色是Facebook的主要颜色，据说因为马克·扎克伯格是个色盲的原因。 扎克伯格说：“蓝色对我来说是最丰富的颜色，我可以看到所有的蓝色。” 上图是正常人眼中的颜色和视障人士眼中的颜色，对于色盲来说，蓝色是最易分辨出来的，甚至可以清楚感知蓝色的深浅变化，而对于绿色或红色（红绿色盲）却非如此了。所以说蓝色可能是最适合所有人眼睛的颜色，也是最容易分辨和记住的颜色。
Web交互设计优化方案＋check list
无聊时翻阅各大互联网公司UED的博客，于是看到了网易用户体验中心这篇古老的文章，发布于2011年，但说的至今受用，所以分享出来大家自勉。 “优化已有产品的体验”这是用户体验相关岗位职责中常见的描述。我们的产品常常是在快速的迭代过程中不断完善的，就像孩子生下来需要养育才能长大一样，优化已有功能/产品，和设计新功能/产品同样重要，不可偏废。 但是，相比实现新功能，已有功能的优化总是显得没有那么紧迫而且
企业后台设计：帮助用户理清头绪
当用户每天面对那枯燥乏味的后台界面进行数据管理时，也常常被那些繁复的数据统计展示凌乱了头绪。让我们用极简的设计来整理一番后台界面的设计，帮用户理清他们的思绪，让他们能更愉快的完成工作。 典型的企业后台界面一般长这样： 有一些巨大的数字（人们都喜欢大数字，对吧？），有几张图表，可能还有表格。理论上，这些元素给用户讲了一个清晰明了的故事，让他们采取进一步措施。但是，现实情况则未必如此。 多数人眼中，这
用黄金比例做图标
黄金分割率作为一种数学上的比例关系，具有严格的比例性、和谐性及艺术性，蕴藏着丰富的美学价值。它是少为人知的自然界潜规则，已被艺术家们应用到创作中，以打造最完美水平的作品。外文《Golden Ratio in logo designs》介绍了黄金分割率在著名企业Logo设计中应用。 从远古时代，美观与美学就开始受到人们的赞扬。但很少有人知道最有效、最平衡完美、最有视觉冲击力的创作往往和数学有着丝丝的
据说这篇文字把电商设计说的老详细了
本文将从电商发展史出发，接着讲了电商设计的发展趋势以及电商设计师会在哪些领域活跃，最后是从三方面讲述了电商设计这条路该如何走好。 一、电商发展历程 在讲电商设计师的事儿之前，我觉得是有必要把电商的发展历程给大家屡一下。理所当然的，我就拿目前比较大的几家电商平台的发展来说事儿啦。我在网上找了大量的资料，把所有的时间节点串联起来，于是就有了下面这张时间轴啦（他们的爱恨纠葛如下图所示，我只是简略的汇总了
移动端用户体验:底部导航
设计师都知道，设计不只是为了好看。设计也决定用户如何融入一个产品，无论是网站还是app。这是一种交谈。导航就是一种交谈。因为如果用户不明白使用方式，你的网站或app再漂亮都没用。 为什么底部导航如此重要？ Steven Hoober在他的关于移动设备使用状况的研究中发现，49%的人依靠一根手指完成手机上的操作。在下图中，手机屏幕上的画面表示大致的触摸范围，不同颜色表示用户能用拇指在屏幕上触及的区域
四个表单设计原则
在网上，我们无时无刻都在使用表单（Form），在网上购物、邮件注册、参与评论等等。不夸张的说，它已经成为了数字信息时代不可分割的一份子。然而，这么多年伴随着一些改进我们发现，表单设计在我们的使用感受中也仅仅停留在“还可以”的程度。不过，现在我们可以使用新的方法设计出更好、更便捷的表单体验。 我们先简单说说表单中含有哪些元素： 标签（Label）告诉用户该表单需要填写什么类型的信息，通常放置在表单文
微信小程序的官方设计指南和建议
微信小程序一出，一石激起千层浪，多年前的传言再次浮出水面：“web应用要代替APP”，但我觉得web应用只是暂时的，即使真有这样的大趋势，也不可能被微信所大一统。若不是腾讯系的公司怎会放弃自己的应用，把所有运营投入到微信当中，万一哪天腾讯一个不高兴，把你的小程序取消了，那就呵呵了。 先不谈其发展，就看看微信官方给出的设计建议指南吧。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态
网页中的面包屑导航应该如何使用？
面包屑是我们熟知的一种导航工具，它们往往出现在页面内容的上方，告知你所处的位置。它小巧，方便，常见，且简单。可是即便是这样的UI控件，在设计上同样是有讲究的，今天咱们就来聊聊面包屑。其实在３年前我就写过相似的PPT，只是有点久远找不到了，今天再读这篇，算是复习回顾吧。 作为一种辅助导航系统，面包屑能够帮助用户清晰的定位到自己所在网站的位置。这个词源自于童话中跟着面包屑回到自己家的孩子，而网页中的面
有效的帮助用户体验设计:“进度指示器”类型和使用方法
用户及其痛恨的一件事就是等待。如果你为了考验他们的耐心而让他们等的太久，那你就极有可能失去这些用户了，他们会毫不留情的放弃你的网站或应用程序转而投向更好的地方。虽然在技术上是有一定方法能够加快程序的响应速度的，但是更多的程序往往都需要用户在某些时候等待一段时间而别无他选。然而，如果能让用户意识到你的程序的加载速度要快于其他程序，那么他们就会感觉到你的加载速度还是蛮快的。如果在应用程序开始加载数据响
如何利用“卡片式设计”提升用户体验
废话不扯，直奔主题！ 一、卡片是什么？ 卡片通常是指那些包含一定图片和文本信息在内的一个长方形，作为指向更多详细信息的一个入口。现如今，在保证界面具有优秀可用性的同时，卡片式的设计甚至成为了平衡界面美学的默认做法。因为卡片很方便的显示出界面中的内容由不同的元素组成的。 1、杰出的隐喻效果 因为看起来如同真实世界中的卡片一样，在界面设计中的卡片具有非常棒的隐喻效果。其实，在移动设备出现之前，卡片已经
UX设计: 按钮使用实例、类型和状态
按钮是一个普通的、日常交互中都可能碰到的基本元素。但对创建一个流畅的交互体验过程来讲，按钮则是一个至关重要的元素，因此，投入一定精力到该元素的设计上是非常有意义的。另外，我们也为大家梳理出元素的基本类别跟状态——都是为了创建出高效的按钮进而提升用户体验你所必须了解到的基本信息。 一、使用按钮的最佳实例 1、使按钮看起来确实像按钮 仔细想想一个按钮究竟是如何通过良好的设计向用户传达其功能可见性的。用
复杂产品的设计策略
【译者(阿里巴巴1688事业部/无线UED/舒舟)注】为企业产品做设计，设计师经历的最大困难往往会是应对产品的复杂性。译者读过的诸多解决复杂设计问题的文章中，要么是从设计专业角度去解构分解问题，再剥离难点逐个击破，要么是从源头分析，对设计需求做简化和平衡去控制复杂度的影响范围。本文则从管理人员和意见、产品设计本身两个方面去应对复杂性的难题，特别适合以拥有“复杂业务逻辑构成的中后台产品”和“复杂成员
100个弹框设计小结
最近2年一直在做WebApp相关项目，设计过上百个弹框，其中总结了一些心得，将透过以下文章介绍弹框在Web上的各种应用﹑技巧及表现。 什么是弹框? 弹框是一种交互方式，用作提醒，做决定或者解决某个任务。弹框一般包含一个蒙版，一个主体及一个关闭入口，常见于网页及移动端。其好处是让用户更聚焦，且不用离开当前页面，更快更容易完成任务。由于弹框与当下流行的卡片式设计在表现形式上十分接近，同时弹框也逐渐承载
为什么在设计中融入产品思维非常重要
处于成长阶段的设计师可能容易将目光过度地转移到了一些小的东西上，而慢慢忽视了一些重要的原则，这篇文章为了走在进阶路上的你而写，让我们把更多的注意力放到对产品本身更具意义的地方上。 当我们运用“用户体验”这个时髦用词的时候，我猜大部分设计师都会想到那些非常机灵的、简洁漂亮而且又方便用户使用的小功能，这些有趣的设计当然是 值得肯定的，他们有自己的价值。但在现实中，我们无法否定的是这些微小的功能只是产品
产品和运营，来打一架吧！
本文原作者韩叙，从业10年的运营工作者，一直在互联网产品运营的路上，曾任百度高级产品运营师，目前担任猫眼电影产品运营专家。作为一个从业7年的设计工作者，1年的运营工作者，不免有些自己的想法，所以文章会被主观的删减增加，还请各位看客海涵。 一个互联网产品团队，核心角色是产品、运营、研发、UI/交互。这四者之间的关系大致是需求提出方和满足方的关系： 比如运营向产品提需求，产品向研发和设计提需求。产品和
告别黄页时代，让设计鲜活起来
每年的双11都格外疯狂，随着技术带动内容的丰富化，刚过去的双11气氛在大众购买力的飙升下又刷新高，让人一夜之间感受到运营力量的震撼来袭。在血脉喷张各种抢购倒持购物车时的你，可否留意过无形之中的商城装扮。众多电商app从整个界面翻新到内部的运营活动抽奖机制，堪比一座物欲相抗衡的虚拟不夜城。 这些多样化而不失秩序的运营设计，背后支撑着有序的设计原则。如今形式内容纷呈的移动互联列队中，充斥着综合垂直电商
苹果旧金山字体的秘密
去年iOS 9公开发布，带来了一些细微的变化，但iOS 9的系统字体变成了苹果新推出的旧金山字体，代替了之前用的Helvetica Neue。 上图的Helvetica和旧金山字体你能分别出来吗？ 旧金山字体之前已经用于Apple Watch中，如今则成为苹果全平台的统一字体：Apple Watch、iPhone、iPad和Mac。 从第一台iPhone起，苹果就将Helvetica当作系统字体。
如何设计好用的触控手势
引言 我们生活在一个人机互动频繁，由设备驱动的世界中。 随着触摸屏逐渐成为移动设备的标配，多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。我们通过模拟真实世界的手势与屏幕上的各种元素进行互动，使许多曾经不曾想或者不敢想的人机交互方式变成了现实，同时手势操作的应用降低了人与物理设备之间的沟通的门槛。 婴儿几乎无困难的通过屏幕玩游戏，不到2岁就已经能够很
为什么设计logo要有logo网格？
当你需要设计一个Logo，你从哪一步开始呢，形状，排版，一个网格？ 对于很多想要设计Logo的设计师来说，一个Logo网格或是设计指南是一个很好的开始点。网格系统使用的时候，尤其是设计的时候常常呈现的是一种极端的尺寸，非常大或者非常小，可以帮助你创造一些视觉和谐的事物，一个有组织的审美，有目标的设计。 什么是Logo网格？ Logo网格是在创建标志时，用来帮助创造形状，让形状更加和谐的工具，标志网