首页

简约之道 – 最小化界面设计的起源

用心设计

设计师Brian Danaher的个人网站,在15寸MacBook Pro上浏览时,留白占据了绝大部分空间;不同灰度的文字搭配一种关键色 – 属于很多设计师所公认的那种比较典型的极简风格。

02-minimalist-ui-ux-design.png

Apple Watch用户体验测评界与面-关于工作的那点事儿

用心设计

微小的目标触点

人类的指触输入比鼠标输入需要更大的触及区域已经不是什么新鲜的话题了。无论个人喜好,人们的手指比鼠标的屏幕光标要宽大很多。一般成功稳妥的指触输入需要的区域大小是:1cmx1cm(1平方厘米,大约一个指甲盖的面积),从苹果腕 表来看,似乎苹果已经接受这种微小的指触输入的方式。当你在解锁腕表屏幕的时候,你需要在一个很迷你的数字屏上输入你的密码。并且,苹果通过若干个中心聚 集向外扩散的小圆来表示应用程序,这就使得启动应用程序其实是一次冒险和挑战,因为即便位于最中心的那个看似最大的圆对我们最小的手指来说也还是太小。而 且辨认这些图标还需要很好的眼力,以及愿意通过滚动使它们成功对焦的意志力。此外,如果你想删掉某个应用程序同样需要很好的运气才行,因为位于图标左上角 的小圆x只适合婴儿的手指!(虽然人们可以通过触摸整个图标来删除程序,但事实上大多数用户还是会尝试去触及那个小圆x,因为用户已经习惯于点击含有x的 小格子来关闭或删除程序了。尽管苹果试图通过填补一些可触的区域来减小用户误触率,但还是无法真正解决人们“胖胖的手指”问题,因为从我们的测试中得知用 户会尝试在可视的触及区域内触摸屏幕。)

你真的从用户场景出发了吗

用心设计

我们总是说,要从用户场景出发。

我们总是说,同样的需求在不同的用户场景下可能会有不同功能设计模式。

我们总是说,所有的交互设计在没有充分理解用户场景下的设计都属于自嗨行为。

我们总是这样说。

从用户场景出发,快说烂掉的句子。但是,你真的从用户场景出发了吗。因为无论你的脑补能力如何强大,如果你都没有出发,去实际的体验,那么你还是在自嗨,所以还需自重。

那么现在从实际出发,身体力行,去观察身边的人如何使用这些林林种种产品吧。

什么是DPI?什么是PPI?

用心设计

什么是DPI?什么是PPI?

DPI(Dots Per Inch)是测量空间点密度的单位,最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。

后来DPI的概念也被应用到了计算机屏幕上,计算机屏幕一般采用PPI(Pixels Per Inch)来表示一英寸屏幕上显示的像素点的数量,而DPI也被引入。

安装Windows操作系统的电脑屏幕PPI的初始值是96,Mac的初始值是72,虽然这个值从80年代起就不是很准确了。 一般来说,非retina桌面(包括Mac)的PPI的取值区间在72-120之间,因为这个取值区间能够确保你的作品在任何地方都能保持大致相同的比 例。

这里有一个应用实例: 27寸Mac影院显示屏的PPI是109,这表示在每英寸的屏幕上显示了109个像素点。斜角长是25.7英寸(65cm),实际屏幕的宽度大概是23.5英寸,23.5109约等于2560,因此原始屏幕分辨率就是2560*1440px。

我知道23.5109不是恰好等于2560.实际上是23. 486238532英寸。要是用每厘米的像素点计算,会更加准确,但是这里你知道就行。

什么是DPI?什么是PPI?

关于APPLE WATCH官方提到的10个设计小技巧

用心设计

通过分析苹果官方在 WWDC 上的演示情况,看见平均每一次用户与 Watch 的交互操作所耗费的时间,在 2 到 5 秒之间。假如你只能从这篇文章中记住一点,那它应该是——为用户提供信息时,要尽可能的快。这一点对于 Watch 来说真的非常非常重要。

1. 优化 JPG 图片

Apple Watch 的用户通常是在行走过程中,瞥一眼那块 4 厘米大小的屏幕。所以他们需要的是更快的加载速度,而不是高清图片。

2js20150617

UI设计的整个工作流程是怎样的?

用心设计

4. All wireframe 全部界面线框图

主要负责人:交互设计师

此环节交互设计师要完成全部界面的线框图(1:1的)设计并且团队确认。

*做完全部的线框图,一般会出一个总结构图。如果有足够大的场地,也可以逐页打印出来贴到一面墙上。方便团队随时参考。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档