彩云Sky

做合理且有思想的设计

产品设计常犯的10个小错误

10 Small Design Mistakes We Still Make

全文共3433词,阅读大约需要10分钟 时间很快,转眼又是一周。这一周入职了新的公司,有了新的环境,新的同事,新的任务。从之前长假的悠闲自得,到一下子突然忙到不可开交,一时间竟还没有完全适应下来。庆幸自己工作以来一直有写每日计划的习惯,忙乱的时候,写写东西也算是能帮助自己摸清头绪。脑袋浆糊的时候,画画思维导图也是一个不错的方法。 译文中穿插一些生活体会,是学习了Beforweb...

Figma 3.0 版本重磅发布!为你揭秘这款2018年最值得体验的设计软件!

Figma 3.0 (!)

全文共2913词,阅读大约需要10分钟 写在前面:可能有很多人并没有用过Figma,甚至都没听过。所以,我先简单介绍一下这款软件。 Figma是一款基于浏览器的协作式UI界面设计软件,与一般的UI设计软件不同,它不仅拥有强大且智能的UI设计功能,还完美支持多人协作功能,是第一款真正支持协作功能的UI设计软件,该软件有在线版和桌面版。 你可能会想多个设计师实时准备同一个项目的情...

如何做好微交互,增加产品魅力值?

How You Can Improve UX with Microinteractions

全文共2335词,阅读大约需要7分钟 一周很快,转眼就过去了。利用一周的时间,我也搜集到了不少好的文章,之所以喜欢这篇,并将它翻译出来作为周一推文,其原因是文中的那些动画打动了我,仔细思考每一个动画都能让自己产生很多联想和灵感,借此分享给大家,也是希望大家能有所收获~ 当然可能又会有人说,这些动画怎么去实现啊,开发做不了啊。不过我认为,尽管有些微交互目前实现起来会有些困难,但是...

设计师必须了解的机器学习基础知识

An intro to Machine Learning for designers

全文共2568词,阅读大约需要8分钟 文章简介:了解机器学习的基础知识以及如何将其应用于你正在构建的产品 还记得4月份的时候,在阿里巴巴UCAN用户体验设计论坛上,阿里巴巴智能设计实验室负责人向观众展示“鲁班”的设计能力,应该大家都能感受到人工智能的强大。之后的一段时间,大家纷纷在讨论,自己是否会被人工智能所取代。 这让我们有了一种紧迫感,工作不能只是停留在体力劳动阶...

国外大神经验,做好动效你需要了解这些细节

Sculpting Software Animation

全文共2891词,阅读大约需要8分钟 动效的设计,最关键的就是对时间的把控,时间是至关重要的。如果不考虑动效时间,你就不肯定算不上是合格的动效设计师。 高级动画师能熟练掌握动画的节奏,时间,速度,构图,结构和动力学。 现如今到了2018年,动画终于融入了界面设计中,但很多都没有达到目标。它们在动画上还显得比较初级,而没有考虑给用户合理的动画感受。 经典动画中蕴含着丰富的...

【转载】(WIP)深入理解 Sketch 库(中)

全文共3762词,阅读大约需要15分钟 文章简介: 深度分析sketch库功能 这一部分主要是针对设计团队中库管理者或设计系统维护者,介绍一些库组件命名建议、组件管理、样式管理和库文件管理方面的信息,读者只需要有这方法管理经验,不需要一些编程开发的经验。 组件命名建议 组件命名 库文件会分发给团队内部设计师,甚至是外部设计师,所以库组件的分组结构需要尽量清晰。组件名称使...

【转载】深入理解 Sketch 库(上)

全文共6378词,阅读大约需要20分钟 文章简介: 深度分析sketch库功能 在 Sketch 47 中引人的库(Library)功能,这次更新改变了设计团队工作方式和流程。库在设计团队维护一个设计系统或风格指南上,起到非常重要的作用,可以给团队带来更加高效工作体验。 越来越多的设计师和团队使用 Sketch 作为主要的设计工具,得益于众多插件和第三方应用,即使在没有技术...

8个常见的交互细节问题

Common UX Mistakes Made by Business Developers

全文共3297词,阅读大约需要10分钟 文章简介: 平时的工作中,经常会遇到一些不舒服但是又说不上理由的交互问题。本文作者从争论的点出发,有理有据的说明这些问题,并给出了修改建议,当然作者也说了他的观点并非就一定正确,只是希望能够提供一些思路。但我相信大家应该还是能够从作者的观察中学到不少干货的。 话不多说,接下来看看译文吧! 背景介绍 在我为合作企业Mendix担任用户...

设计师电脑必装软件清单

the tools list for designer's computer

全文共3139词,阅读大约需要9分钟 文章简介: 写这篇文章的起因是即将换工作,可能会领到新电脑。然后,问题来了,打造一台属于设计师的软件齐全的电脑,是一件挺费心的事。不仅要在网上找各种自己常用的软件,还要破解,配置插件,等等想想都头大。(Ps:为什么没有像手机一样通过账号来个一键换机功能呢!?) 一、软件清单 Photoshop Illustrator Af...

25个步骤让你成为一个优秀设计师

A 25-Step Program for Becoming a Great Designer

全文共4101词,阅读大约需要11分钟 文章简介: 让我们一起来看看国外的设计师是如何一步一步成为优秀设计师的! 有很多人并不是美术设计专业出身,只是因为兴趣或者其他什么原因转行成了设计师(比如像我这种,计算机专业毕业,从程序员转变为设计师的)。在转行的初期或多或少会遇到一些困难,迷茫不知道方向(有时候甚至还会担心被一些所谓的科班生鄙视)。作者写这篇文章,就是想为一些没有设计...

设计师到底需不需要会代码吗?

To code, or not to code?

全文共3917词,阅读大约需要10分钟 文章简介: 深入探讨设计师是否需要会代码 设计师到底需不需要会代码,这个话题经常被大家讨论到。作为计算机专业出身的我而言,懂得一些代码基础给我的工作带来的好处是非常多的。接下来就谈谈我对这个问题的一些看法,不一定对,有说错的地方还望各位多多指教。 首先,看待一个设计,不仅仅只是视觉稿,更是看到一个落地的产品,知道这个产品是如何做出...

如何设计一套品牌故事

We Tried To Use Storytelling in Brand Building, This is How We Did It.

全文共3139词,阅读大约需要9分钟 文章简介: 用户心理学上说,故事是人处理信息的最佳形式。故事非常有效,它能把注意力牢牢抓住,还能帮助用户处理信息,向用户暗示因果。那么为产品讲好品牌故事,对产品推广来说是极为重要的,它能让品牌有血有肉,更能方便记忆。本文将通过一个实际案例向大家展示一个完整的品牌故事设计过程,希望能给大家带来一些新的启发~ Ps:因为休假了一周,回家没有电...

我是如何通过2次谷歌面试并成功收到offer的

What I learned From Interviewing and Receiving Offers from Google Two Times

全文共3963词,阅读大约需要10分钟 文章简介: 如果有机会的话,能在谷歌工作,多半会让很多人期待吧。那这座世界级大厂,又是如何面试设计师的呢?带着好奇心,我找到了这篇文章。原文作者目前已经成功入职谷歌,文章详细的介绍了她面试谷歌的经历,让我们跟随作者,一起解密谷歌设计师的面试吧! 以下是译文全文: 本文并不会一步一步地去教你如何在谷歌找到一份工作,而是讲述我的求职经...

谷歌设计leader与你聊聊设计的意义

The Meaning of Design

全文共2778词,阅读大约需要6分钟 文章简介: 连续多篇的设计干货,技术方面的内容灌输的略多,担心大家会消化不良,本期文章会给大家带来一些设计思维方面的内容,加深大家对于设计的理解。毕竟,咱们不能只是做一个执行者,更要做一个具备设计思维的思想者。 本期的文章,将由谷歌设计leader @Reena Merchant(https://twitter.com/ReenaMerc...

界面不精致,往往是你忽略了这些设计细节

Optical adjustments in components

全文共1731词,阅读大约需要4分钟 文章简介: 为什么一个简单的界面,你做出来后总觉得不够精致,很可能是因为你遗漏了一些容易忽略的设计细节。本文作者通过一个案例,细致入微的教你如何改良你的设计,一起学习起来吧! 我自己读完此文有一个很大的感触:做好设计不能全靠数学的精准实施,很多时候还是要相信自己的眼睛,以心理感知作为判断标准来辅助优化设计,最后的结果对用户来说或许才是最优...

列表和网格,哪个更适合你的APP设计?

List vs grid: which one is right for your mobile design?

全文共2411词,阅读大约需要5分钟 文章简介:在做设计时,经常为该使用网格还是列表所纠结,一直想找资料来深入了解下这两者的区别。为此呢,我找到了这篇文章,文章作者主要从三个方面来对比分析列表和网格的优劣,读完也算是小有所得,分享出来和大家一起共同学习探讨。 以下是译文全文: 让我们一起来深入探讨,列表和网格,到底哪一个更适合你的UX设计? 当谈到如何创造出色的用户体...

一个APP改版研究——Foursquare

Foursquare: A UX case study

全文共2856词,阅读大约需要7分钟 文章简介:本文主要讲了对一款旅行应用Foursquare的改版迭代过程,流程非常完整,最大的感触就是作者全程都是在与用户进行沟通交流,结合自己的思路进行设计验证,这一点非常值得学习。 写在前面。 经常听到有人说,自己刚做设计,又身在小公司,不懂得正确的设计流程,也接触不到大公司设计的迭代过程,总觉得自己设计流程不规范。偶尔有幸与大神聊设...

学会这4个心理学小知识,你的设计会更有说服力!

Psychology + design: Gestalt principles you can use as design solutions

全文共2857词,阅读大约需要8分钟 文章简介:本文主要运用了4个不同的案例向大家介绍了心理学与设计之间的相互联系,以及一些作者个人的心得体会,仔细阅读,相信会有一些收获! 文章结尾分享一个小彩蛋,记得查收~! 译文: 我一直认为,心理学和设计是用户体验中很重要的组成部分。每当我们的目标是满足人们的需要时,我们的专业要求我们需要同理心,目的就是要解决问题。当我继续深入了解...

让设计细节更高级的10个实用小技巧

10 cheat codes for designing User Interfaces

文章简介:本文记录了国外大神在工作中对于一些UI细节的经验总结,仔细阅读,相信会有一些收获! 译文: 我猜想我们大多数人都是从了解一点UI,或者根本不了解的情况下开始从事设计的。但即使开始时我们并没什么优势,我们仍然想方设法的通过众多设计书籍和文章来了解颜色,排版,布局等方面的知识。 因此,在本文中,我将分享我从不同设计师那里学到的和在设计用户界面时学到的东西,还包括我自己的一...

7个实用技巧,让你的动效变得更优秀!

Good to great UI animation tips

文章简介:随着移动应用设计的不断发展,动画在如今应用中的地位变得越来越重要,那么如何把好的动画做到更加精致,你可以从这篇文章中找到一些非常实用并且可迅速执行的小技巧! 译文: 提高UI微交互的实用建议 让我们一起看看UI动画从优秀到卓越的一些例子。通过一点小小的调整,你就可以大大提升你的UI动效品质。 本文所列出的案例显示出了状态之间的连续性,以及公共元素之间的关系,并且将用...

移动应用设计指南:2018及其以后的最佳实践

The Guide to Mobile App Design: Best Practices for 2018 and Beyond

文章简介:移动端应用设计的一些指导性原则,希望对你有所帮助! 译文: 移动应用是人们获取内容和服务的主流方式。 但据《财富》杂志报道, 超过75%的用户只打开一次应用就再也不用了.今天, 移动用户对应用程序期望更高 ——加载速度要快,使用要方便还要有愉悦的交互体验。适应场景, 同时尽可能少的交互层级(限制完成任务所需的操作步骤)正在迅速成为许多应用的标准。 那么到底什么可以算...

设计的一些思考

Design experience

听了一位很喜欢的设计大神的分享,有一些感想吧,记录下来。分享链接: 步果断 Be a good designer 正文: 如何成为一个优秀的设计师: 我们应该要成为对设计有热情,够专注,有自我审美且能付出实践的设计师。在这个基础上,再加上自我经验的积累,并且融合自我意识的表达就能成为 优秀设计师 步果断提到一个观点就是,每次换工作,应该知道自己的目的。我很赞同这个...

设计心理学读书笔记——商业化中的设计

Design in global commercialization

完全符合以人为本的设计,只能出现在理想状态中,现实世界中的产品设计会有各种各样的限制。我们应该审视一下,在以人为本的设计之外,还有什么影响产品的开发过程就是本篇要讲到的。 正文: 真实世界中的设计约束有:竞争,成本和时间。 竞争压力 现今,全世界生产商都在彼此竞争。竞争的最重要的三个因素是:价格,功能和质量。速度很重要,每个生产商都想抢先上市。在这些压力之下,想遵循完整的,反...

设计心理学读书笔记——设计思维

Design thinking

在设计中,成功设计的秘诀就是理解真正的问题是什么。 正文: 优秀的设计师从来不会一开始就着手解决丢给他们的问题:他们会先努力理解真正的问题是什么。因而,设计师首先不是聚焦于解决方案,而是发散式思考,先做用户研究,搞清楚要现实什么,产生一个又一个新点子。 设计思维 设计师花时间确定真正的,根本的问题所在,然后,不是立即解决问题,而是停下来想一想更充分的潜在方案。他们将原始问题作...

工作中多任务并行时如何安排

How to schedule tasks in multitasking

经常在工作中需要同时面对多个任务,如果没有合理的安排,每个项目做交叉做又都没有做完时,会产生烦躁和不安的情绪。 那么如何正确合理的安排任务优秀级呢? 我认为有2个原则可以去参考:时间和工作流。 1、按照事情的紧急程度来安排工作是一个不错的选择。看每个任务的时间截止点,时间节点越早的优先去完成。 2、如果有部分任务没有明确的时间节点则自己根据对项目的估算,自己估测一个时间节点,根据自己...

设计心理学读书笔记——设计的错

Design mistake

大多数工业事故由人为差错造成:75%~95%。为什么会有如此多无能的人?答案:不是的。这是设计的问题。 正文: 本篇主要讲人们为什么会犯错,设计师又如何设计才能尽量避免错误的发生。 设计师在设计产品的过程中,能够很好的把控物理约束,却经常忽略操作的对象是人,人不像机器那样可以按照既定流程一直不断的工作。人很可能在复杂的环境中,同时处理多个任务,而且还经常被打断,这很容易产生错误...

设计心理学读书笔记——约束、可视性和反馈

The knowledge of the mind and the knowledge of the outside world

面对以前从来没有见过的东西,我们如何确定它的操作方法?我们只能运用头脑中已经有的知识和外界的知识来决定具体怎么做。 前面几篇主要是介绍如何获取知识和如何运用它们,强调的是头脑中的知识。这篇我们主要讨论的是外部的知识。 正文: 设计师怎样设计,能够使得人们知道怎么操作,这一点在工作中非常有实际意义。头脑中的知识主要是用户自己主动去学习而获得,外部的知识就需要设计者为帮助用户而...

设计心理学读书笔记——头脑中的知识与外界的知识

The knowledge of the mind and the knowledge of the outside world

写在前面。 通过上一篇设计心理学读书笔记——日常行为心理学 知道了很多设计基本原则和一些概念的东西,本篇主要讨论的是如何将产品的外部知识与产品结合,减少用户需要记忆在头脑中的知识,是一些更加实用的内容。 正文: 在与产品互动时,很多时候我们只需要了解是什么,怎么用即可,不需要知道产品的具体细节,比如键盘,我们只需要知道怎么录入即可。如果忘记了还可以通过键盘上的字符寻找...

设计心理学读书笔记——日常行为心理学

Notes on the psychology of design psychology

写在前面。 通过上一篇设计心理学读书笔记——日用品心理学 认识并理解和产品之间互动的一些概念,接下来我们看看在日常生活中,人们是如何与产品经常互动的。 正文: 设计如何帮助人们做事 人们在做事之前,会试图弄清楚如何操作,并且想知道自己的操作带来的结果。而设计师就是要让这两个问题变得足够清晰,让用户能够清楚的使用并且可以尽量准确的对执行的结果进行预判。设计师在设计的过...

设计心理学读书笔记——日用品心理学

Notes on the psychology of design psychology

写在前面。 全力以赴这件事,以前也是经常听说,也觉得很有道理,但是体会不深,也像楼主一样,对很多事情难以深入或者说做的不够好。 最近一下子买了很多书,计划以最快的速度阅读完,准备全力以赴这件事。然后每天早上6点起床看书,坐地铁看书,吃饭的时候也拿着书,中午午休还要抢着看,晚上睡觉前也要抓着书看上一会儿。。。就这样,算是近几年最拼命做的一件事了。结果就是一本300多页的设计理...

Sketch使用小技巧【四】

Sketch use tips [4]

本篇将写如何导出2种不同需求的图标。 1、图标主体不变,留白做相应改变,输出固定尺寸图标,见图示。 缩放后的尺寸均为100x100px,中间图标内容尺寸不变,只是改变留白的空间大小,完成导出要求。 这种方式多用在app图标尺寸按视觉大小设计好后切图出相同物理尺寸图标需求时用到。 2、图标主体不变,作出固定留白,输出不固定尺寸图标,见图示。 缩放的留白均为20px,中间图标内...

Sketch使用小技巧【三】

Sketch use tips [3]

本篇将写一些sketch不为人知的冷知识——输入参数法。 1、sketch参数法导出无理数比例图形? 案例:画了一个60x60px的图标,现在需要导出100x100px尺寸,无法通过具体比例直接导出。(100/60=1.666666….) 解决办法:在导出参数中填入100w或者100h(也就是width和hight的首字母),即可导出该尺寸。 2、sketch参数法按指定方向缩放? 案...

Sketch使用小技巧【二】

Sketch use tips [2]

接上一篇http://caiyunsky.me/2017/03/15/sketch-skill-1/ 中提到的2个小技巧,一个是如何修改sketch的默认值,另一个是如何用sketch绘制特殊形状。有不清楚的各位看官可以回头再翻翻,这篇我将继续来说说sketch的一些使用小技巧。 3、如何进行快捷的图层选择操作? Tab/shift+Tab对图层进行上下切换选择 4、symbol属性太多,...

Sketch使用小技巧【一】

Sketch use tips [1]

在刚开始使用sketch这个工具时,遇到过一些坑。总结记录一些解决办法和经验技巧吧。 1、如何修改sketch的默认值,比如默认画矩形不要边框? 问题重现:打开sketch随意画一个矩形或者其他图形,会有一个样式默认值。 带来的问题:有时候,我们并不想每次都自带样式属性,比如每次都自带描边。有默认样式的情况下,每次都需要去调整样式,比较麻烦。 如何解决:先画一个不带描边属性的矩形...

关于个人博客网站

About personal blog site

写在前面 一直想做个人网站,却由于懒癌,迟迟没有完成。直到最近看到jekyll+github可以做出免费的个人博客站,就下定决心做出来。 感谢@Huang Xuan 开源的博客模板,感谢@Winter Zhou关于域名解析疑问的帮助。 为什么会有这个博客 早先用过lofter博客,但是无法实现完全定制化。而后,又被爆出lofter可能会关闭,内容被第三方托管终究不会太省心。 ...