想让网页可读性更强？你得善用 F 式布局

虽然网页排版方式千变万化，但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中，F式布局是可用性较强，且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。F式布局的设计基础是用户扫视内容的时候，实现的运动轨迹和字母F相似，而布局匹配这种这种阅读方式可以让用户更快（Fast）地获取信息，因此得名为F式布局。F式布局从何而来？F式布局源于NNGroup的一项

产品 2017年04月07日

谷歌产品设计的秘诀：2017 年你最应该掌握的设计方法

喜欢29号的大琪 ：我是个正宗本土原装的设计师，目前在阿里巴巴做交互设计。教育背景一直都是设计方向，专业对口的工作做起来因该是得心应手。殊不知，在工作中面对复杂问题发觉自己使不上力气，有想法没办法的时候有多抓狂。典型问题有这几种：1. 我无法判断产品经理给的需求是否是真需求 “明明要拉新用户，你却告诉我要把用户主页做的更漂亮一些”2. 我无法将用户研究的结论落地 “用户明明

产品 2017年04月07日

专访！对话意大利人气渐变小王子 RICCARDO

编者按：优设国外专访第六期来咯，这期主角是意大利的渐变小王子Riccardo Vicentelli，他是如何搭配颜色的？如何面对没有灵感的难题？来看这期专访！Riccardo Vicentelli 介绍△ Riccardo Vicentelli 个站Riccardo Vicentelli 是意大利的设计师，擅长运用渐变色，主攻品牌设计、平面设计、包装设计和网页设计，在Beh

产品 2017年04月06日

【连载】体量感 - 产品思维与设计思维（18）

当你进入 Apple 的网站，看着空灵的页面上硕大的产品（广告）画面，在周围留白的衬托之下，感觉如何？屏幕上图片的尺寸、背景以及周围的留白，都能够体现出元素的体量感，使其视觉冲击力更强，更容易被用户的眼睛和大脑所接受。体量感本身是造型艺术里的概念，大小、轻重、多少等都能影响体量感，在建筑、雕塑、平面艺术、汽车等工业产品中都能看到体量感的存在。有些建筑从照片里看起来感觉一般，

产品设计 2017年04月06日

用 INSTAGRAM 的案例，帮你学会专业科学的重设计过程

编者按：什么样的重设计作品才能给你的简历加分？今天译者@逗砂这篇重设计Instagram的思路流程专业科学，非常适合学习。挑战找一份自己喜欢的应用，并且每天使用，通过彻底的重构它，看看自己作为一个设计师能有多大的创造力。我选择 Instagram是因为我从2011年——在它发行后的一年便成为它的忠实用户了。起初，我开始使用它是因为它的滤镜。但是在过去的6年中，我已经看到了它

产品 2017年04月06日

免费下载！谷歌携手 ADOBE 推出超好看的的思源宋体（7 种字重）

编者按：这两天谷歌联合Adobe 新推出了一款优雅的思源宋体，不仅免费下载，而且有7种字重，实用性极高，文末附上思源黑体的使用方法，赶紧来收。2014 年 Google 和 Adobe 共同合作开发一款名为「思源黑体」开放原始码字型，这项计划最令人期待的莫过于支持 CJK 字型，也就是针对繁体、简体中文、日文及韩文分别设计不同字型，尤其在免费中文字体选择不多的情况下无疑是个

产品 2017年04月06日

如何应对交互设计中的技术实现问题

技术实现是交互设计的last but not the least环节，甚至有时应该是设计优先考虑的问题，毕竟没有实现的设计只是图纸而已。可作为一个技术门外妹，什么时候需要考虑技术实现问题？都需要考虑哪些问题？如何保证设计不受技术实现的影响？本文作者将以聊天中的文件下载为例，讲一下笔者的经验和小心得。WHEN什么时候需要考虑技术实现的问题？在遇到特殊需求和有特殊设计的的时候聊

产品 2017年04月05日

他们这么展示幕后英雄

每每发现一个设计精良的公司网站，我都会特意浏览它的所有页面。一来，无论是交互还是视觉设计上，总能遇到赏心悦目甚至拍案叫绝的时候；二来，借以加强自己的审美和产品感。有时候，有些网站架构层级太复杂，未必会一个不剩地浏览，可「关于我们」和「加入我们」页面，却是必看的。为什么？看看产品幕后的英雄呗。XXXX 有限公司成立于 XXXX 年，注册资本 XXXX 万，秉承 XXXX 的使

产品 2017年04月05日

移动 UI 设计中，动画的 3 种主要用途

随着技术的快速发展，动画不仅视觉奢华，更是用户期望的功能需求。 动画解决了界面中的许多功能问题，使交互生动起来，真正地响应用户 。下面让我们来探索下提高移动界面功能和情感力量的关键动画策略。1、系统状态在应用后台通常都会有很多进程，例如正在从服务器下载数据，正在进行计算等等。这样的进程总是需要一定时间，所以你要让你的用户知道应用没有卡住，并且显示出它正在处理的状态。这种视觉

产品 2017年04月05日

还在堆图片？来看看这 11 位 UX 设计师教科书级的作品集

作品集是设计师展示自己设计能力的重要途径，无论是求职还是吸引客户它都是非常重要的素材。不同类型的设计师，作品集所需要呈现的内容，展现的方式不尽相同。UX设计师的作品集应该突出展现创造力，解决问题的技能，以及呈现打造可用、易用、以用户为中心的产品的过程。一份详尽完善体验优秀的UX作品集，就是一张极具说服力的履历表，它在你的求职和工作过程中都是强有力的说明。接下来要展示的是来自

产品 2017年04月05日