人机工程学在交互设计中的运用

大家在做设计的时候都会遵循一些交互规范或者常用的一些规律，但是经常情况下，我们都没有深入的研究为什么这样定义这个数值，这个数值是否合理？如果没有严格的理论支持，在设计中直接运用一些规律，就有被挑战的可能。下面我谈谈几点我从人机工程角度分析的我们通常使用的一些数值。合理的文本长度我们随便打开一个web网页，或者拿过一份报纸，数一数会发现大多都是在40个汉字左右。这是因为每行文

产品 2017年04月17日

[译文]13 款为网页设计师准备的原型工具

让我们看一下目前可供网页设计师选择的一些原型工具，排名不分先后：FramerAdobe XDAdobe After EffectsAdobe Animate CCCraft PrototypePrincipleAtomicProtoJustinMindOrigamiFlintoWebflowMarvel App最初向项目相关人员或者客户提出想法看似不费吹灰之力，但是当事情变

产品 2017年04月17日

选择合适字体的 5 条建议

时下一种流行的设计方式：在页面顶部使用配有简洁文字的大幅图片或者视频，以此吸引用户进入网站。这种设计方式最头疼的就是如何为这些文字选择合适的字体。如何从样式繁多的字体库中找到一个合适的字体？这往往让设计师感到举步维艰。也许运用如下这些小技巧能够帮助我们找到需要的字体。让我们通过下面几个精彩的案例，来分享这5条建议吧。特排字体(Display Type)我们先来了解下什么是特

产品 2017年04月17日

简单实用！使用无序列表时应该注意的 7 项细节

@可乐橙_ColaChan：小圆点有助于分割大段文字，使得复杂的文章和博客更容易消化，突出关键信息。如何运用好无序列表？这篇文章提出了7个注意点。有时候，最好的信息展现方式就是无序列表。无序列表能吸引注意、便于浏览、简化文本，并且表达出项目之间的关系。网站不是一个适合长篇大论的地方。相比之下，网站的读者更喜欢文案以某种易于浏览的形式组织起来，能让他们轻松跳过大段文字，直达自

产品 2017年04月18日

除了 HELVETICA ，UI 设计师还应该知道哪些经典字体？

我和好多同学一样，也是自学设计出身，在经过设计软件的学习和画图标的阶段后就开始工作了，后来在工作中遇到过很多问题，比如说，标题和正文怎么排布才是合理的？应该使用多大的字体？配色怎么配？一个 icon 是要用线型还是面型？这些困惑的出现是难免的，因为设计是一门非常严谨的学科，里面蕴含了很多道理，就连最基础的字体选择和排版，都经过了将近 1000 年的发展和演变，有很多很多专业

产品 2017年04月18日

谷歌产品设计的秘诀 (设计师必备技巧)

设计师也非常需要了解各种各样的工作方法，今天云瑞分享的是，谷歌产品设计的秘诀，这是设计师必备技巧，如果你在工作方法上正碰到问题，不妨好好读读这篇文章，enjoy！我是个正宗本土原装的设计师，目前在阿里巴巴做交互设计。教育背景一直都是设计方向，专业对口的工作做起来因该是得心应手。殊不知，在工作中面对复杂问题发觉自己使不上力气，有想法没办法的时候有多抓狂。典型问题有这几种：我无

产品 2017年04月18日

设计排版的 6 个基本步骤

作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式之一。排版能成就你的设计，也能毁灭你的设计。本文的目的是作为一个起点帮助你学习如何为你的设计选择排版。它将激励你探索超乎你所认知的字体间的组合。By @jonathanzwhite作为一个设计师的最重要技能之一就是你要学习如何去选择排版。这是因为文本是设计师与用户沟通的主要方式

产品 2017年04月18日

超实用！西文字体及排版的运用方法（附字体搭配建议）

一直觉得每种字体都带有自己的性格和情感。所以在实际的应用中，选择哪种字体的重要性比想象中重要得多。字体传达的信息，甚至可以影响人们的购买决策，影响到客户是否对你说「YES」。这里我参考了一些文章，总结了一些对字体的情感和应用研究。阅读时间：10 分钟本文将介绍字体与阅读体验字体与文化联系几种常见字体的故事与情感表达字体应用建议 （附五种字体搭配建议）字体与阅读体验每个人、每

产品 2017年04月19日

网站设计需要注意的 20 个常犯错误

这是一篇关于网站易用性的文章，如今网站的易用性已成为一种趋势，但纵观国内的各大网站，似乎易用性并未成为设计者们广泛理解的概念，所以才将用户体验上升为搜索引擎优化乃至网络推广的制高点。总之耐心看完 ，相信你一定会有所收获的。1、网站主题明确（用户必须在几秒中知道你的网站是做什么的）注意力是因特网最有价值的货币，所以无论你的网站是做什么的，必须要抓住用户的眼球，吸引他们的注意力

产品 2017年04月25日

Apps 交互式字体地图 视觉设计新帮手

IDEO 利用人工智能与卷积神经网络提取出更高水准的视觉模式识别，创造出一款名为“字体地图（font map）”的交互式界面，其中包含了超过 750 种字体，使用者可以用数字方式自由取用字体并进行探索在一次关于机器学习如何应用在多种创造性挑战的研究练习中， ideo设计公司的设计师们尝试将人工智能带入到字体的世界中。考虑到字体选择一直是设计师需要做出的最频繁的视觉决策，id

产品 2017年04月25日