有图有案例！125个提升网页可用性的优化小技巧（三）

编者按：这个系列的教程有125个实用的网页优化技巧，每一个技巧都有案例阐述，保证简单易懂。今天@企业官网设计精选 翻译了第三部分 —— 在网页设计中如何少让用户费脑筋，保持操作流畅。一起来收！往期回顾：《有图有案例！125个提升网页可用性的优化小技巧（一）》《有图有对比！125个提升网页可用性的优化小技巧（二）》除了引导用户，还要减少他们的认知流程，以保持流畅状态。尽可能少

用户研究 2016年05月10日

网站 & 文艺

木子淇在这个匆忙又烦躁的时代，希望这几个网站可以带给你瞬间的平静，让你可以安心地做些事情。 A :https://www.calm.com/ 这是今天主要介绍的网站 可以看到不同场景对应不同声音，让你既有视觉上的享受，又有听觉上的慰籍。这里主要介绍四种场景 a:雨声每次心烦意乱时，就打开这个网站，找到这个场景，并且网易云音乐播放着李志（著名民谣歌手，B哥）的《下雨》，真的心

产品 2017年02月09日

回顾 2017 系列篇（二）：移动端 APP 设计趋势

移动端APP在2017年经历了诸多的变化， 人工智能、聊天式的界面、 响应式设计 、虚拟现实（VR）和增强现实（AR）让设计师不断面临新的挑战。研究表明，用户每天耗费在手机和平板上的平均时长为158分钟，其中127分钟是耗费在各类APP中，可以看出移动端APP的快速发展都是不争的事实，在我们不断吸收新的东西和掌握新的潮流的同时，还需要确认这些设计趋势是否被验证了。以下是20

交互体验 2017年12月21日

中文版来了！新版MATERIAL DESIGN 官方动效指南（二）

编者按：昨天@平行煎餅 发了 中文版来了！新版Material Design 官方动效指南，今天继续第二部分，从动效的速度、动态持续时间、通用持续时间和缓动曲线4个部分，教你创建平滑一致的Material Design 动效。再系统的干货都比不上官方的动效指南，西瓜就在这，赶紧来捡。中文版来了！新版Material Design 官方动效指南中文版来了！新版MATERIA

产品 2016年05月16日

学会这 6 个特殊视角的构图方法，让你的设计脱颖而出！

白无常：许多设计师都习惯的把精力放在视觉元素的效果上，而忽视了视觉元素之间的位置关系。如果对设计的构图没有了解，即便是精彩的画面效果也发挥不了作用，甚至会误解了传播的信息。设计构图的作用构图过程是设计师从混乱的视觉元素中找到条理性，帮助观者在各个视觉元素之间建立联系，从而有助于他们阅读。设计的构图的作用是为了加强视觉的张力增加设计的趣味性，吸引并引导着观者的注意力。视觉焦点

产品 2017年01月10日

超全面！13 种表单样式的设计方式都在这了

半木zxy：从复杂的ERP系统到Facebook，应用程序已经不仅仅是作为输入的意义而存在。各种各样形式的表单服务于用户提交信息。本文介绍了13种不同的方式来呈现表单，并探讨了数据输入的未来。模态简单的模态适用于低复杂性和有限输入的表单。模态通常易于实现，且用户的体验很直观。但是，复杂的交互需要其他的模态，而弹层（popover）可能会导致用户犯错。此外，模态会阻止用户与应

产品 2017年04月17日

全栈设计师！零基础也能学会GitHub 系列之初识GitHub

编者按：今年全栈设计师越来越流行，无论视觉、UI还是交互都难逃浪潮。所以特意给无编程基础的设计师来点简单易懂的入门教程，比如@googdev 这个系列文章，就是帮你学会Github 的，即使不是工程师，你也可以用它来搭建个人网站/Markdown写作/展示简历/表白等等，学起来！1.  写在前面我一直认为 GitHub 是程序员必备技能，程序员应该没有不知道 GitHub

产品 2016年05月27日

不为动而动！聊聊动态效果在体验设计中的应用

编者按：在我们热火朝天往画面上添加各种动效的时候，我们是不是应该问问自己，这么做真的对吗？凡事是否都应该有个度，动效当然也不会例外。下面我们就从“为什么动？”“哪里动？”“怎么动？”这三个方面来说说我们的一点想法：腾讯设计师的动效设计好文：《动效设计基础（一）：缓动与运动曲线》[br]《腾讯高手出品！动效设计基础（二）：动效的应用》一、为什么动？首先，为什么要动？可能你会想

产品 2016年07月06日

内部教程！超实用六步透视网易设计规范（附完整PDF下载）

对于刚入行的新人，可能觉得设计规范是一件很高大上又很让人头疼的事情，面对这么多设计模块感到无从下手。设计规范如果考虑不到位，往往会出现规范太空洞缺乏实际指导意义、规范太死板影响设计发挥等问题。这篇文章会从新人的角度出发，总结一些设计规范要点，算是一次温故总结的分享。本文提供网易云音乐和LOFTER的规范文档下载超级产品经理IMSPM强烈推荐下载：http://pan.bai

产品 2016年07月19日

网站设计：为什么你的内容文本需要更大字号的 4 个原因

你是否有注意到，你的网站上的正文文字太小了。当桌面显示器和手机屏幕的尺寸随着科技的发展在变大变高清时，字号似乎没能适应或者说跟上这种变化，所以我们在观看文本时，会觉得好像字号缩小了好多。虽然他们和原始尺寸是一样的，但他们在感觉上比以前小好多。我发现自己在阅读屏幕上的内容时，经常是眯着眼睛看的，这不应该是这样。今天我们将讨论这种日益增长的问题的原因，以及寻找如何解决这个问题的

产品 2017年06月05日