彩云Sky

做合理且有思想的设计

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

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可能会关闭,内容被第三方托管终究不会太省心。 ...