首页

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

用心设计

微小的目标触点

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

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

用心设计

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

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

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

我们总是这样说。

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

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

开发新产品?揭秘商业设计师能扮演的五种角色

周周

5-commercial-designer-roles-1

在咨询行业,投行等高手聚集的机构,有一群分析师替客户诊断大量信息,提供建议,做出结论。在设计公司里,这群分析师却换了个名字,叫做「商业设计师」,到底商业设计师在做些什么呢?来看揭秘 >>>

极速上手!120个PHOTOSHOP技巧帮你加速设计(上)

博博

120-PS-TIPS-1

Photoshop越来越强大了!试图掌控它的全部特性是不现实的(更何况有那么多隐藏的功能!),那么我们不妨收藏一下大神们总结的这120个PS技巧,偶尔翻看一下,让自己的设计更强大更!

这120款技巧覆盖了PS绝大多数的主要功能,这些功能你很熟悉,但是明白它们的细节,掌控发招的捷径,修图作画的时候说不定能收获奇效呢!

在此之前,我们不妨先快速温故一下PS的基本功能:《PS速成秘籍!如何在两小时内搞懂PHOTOSHOP基础工具?》
see-more-ps-feature-2h

01、旋转样式

Cmd/Ctrl+Shift+Alt+T 是一个神奇的快捷键,可以帮你制作出惊人的万花筒图案,当你使用它的时候,可以复制当前图层,并且同时重复之前的旋转、放大等操作。正如下图所演示,使用这一快捷键可以轻松地将一束炫光化作一个漂亮的万花筒。在操作的时候,你先用Cmd/Ctrl+T和适当的旋转,回车确定,然后使用这组快捷键,直到完成整个样式。

带你去冒险!20个炫酷好玩儿的网页导航设计

博博

简单有效的导航栏设计能够极大的提高用户体验,不仅能让用户更快找到他们想要的内容,还能适当分担搜索引擎的压力。常见的导航设计我想大家都已经非常熟悉了,今天我们要分享的一些有趣的、原创的、甚至具有一定开创性的导航栏设计方案,这些优秀的设计非常引人注目,令人难忘。这些网站的导航栏设计,比起传统的导航会相对更复杂一些,但是绝对会令你眼界大开。

当然,我们推荐这些网站并不只是因为导航栏设计,这些优秀的网站通常在技术使用和信息呈现上也做得非常突出。和很多酷站一样,只要你深入探究,一定会获益匪浅。

Jova

Jova的网站设计非常清爽,导航栏的设计均衡并且结构妥帖。

设计师使用细线构成的线框栅格来构建网站导航,经典的黑白配色,加上清晰锐利的英文字体,构建出优雅迷人的外观,在柔和的背影映衬之下,给人深刻的印象。

洗脑推荐!有哪些色彩丰富的极简APP设计?

周周

colorful-minimalism-app-design-1

自从几个互联网公司的产品带领了白色简洁设计,所以现在在国内不用白色的设计便不能叫做好设计。我们打开所有的应用,从娱乐到阅读,到社交工具到备份工具等等,一切都是白色。这一期我们来洗洗脑吧,看看国外优秀的其他色设计吧 >>>

小处显逼格!APP界面如何在细节上提升气质?

周周

app-detail-improve-temperament-1

时代总是在螺旋式地发展变化中,设计潮流也是如此。随着移动端扁平化设计推进,越来越多的设计师不满足于仅仅是色块、图标和系统字体的枯燥组合,而把更多的心思投入到精益求精的视觉设计中。从平面设计引申过来的技巧在这时起到了画龙点睛的作用:一些细节上的处理,为移动产品的界面大大地提升了品牌逼格。

高手之路!网页设计中的对称与不对称

博博

小时候,很喜欢蝴蝶,感觉这是大自然最神奇的赋予,当它们双翼张开,总是禁不住欣赏它们那种美丽的优雅以及多姿的色彩。

更重要的是,这种天生的对称感,美得令人窒息。

对称风格

完形主义——一种人类行为理论,描述了人类排列视觉数据的思维结构——认为人类会很自然的把看到的东西按顺序排列。

换句话说,我们的眼睛倾向于捕捉那些组织有序、风格圆满的视觉元素。这也就是我们所谓的对称感。对称风格的物体有一种天生的平衡感、优雅感,对称在设计中能体现出一致、有序、稳定的特质。很多知名品牌都采用了对称式设计,虽然不是很独出心裁,但是至少让人感觉大气、稳重。

读书笔记:简约至上-交互设计四策略之二

蓝蓝

蓝蓝写

不要匆忙着手设计,理解核心问题需要时间。乍一看到某个问题你会觉得很简单,其实你并没有理解其复杂性,当你把问题搞清楚之后又会发现真的很复杂,于是你就拿出一套复杂的方案来,实际上你的工作只做了一半,大多数人也会到此为止,但是真正伟大的人还会继续向前,直至找到问题的关键和深层次原因,然后再拿出一个优雅的堪称完美的有效方案。——乔布斯


简化的4个策略。

怎么判断什么是不必要的复杂性,怎么简化这种复杂性。有时解决一个问题会引出其他问题来。

删除:去掉所有不必要的按钮,直到减到不能再减。

组织:按照有意义的标准将按钮划分成组。

隐藏:把那些不是最重要的按钮,安排在活动舱盖之下,避免分散用户的注意力。

转移:只有遥控器上保留具备最基本功能的按钮,将其他控制转移到电视。


什么是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?

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档