首页

简而未减——结构化消息专为大屏而设计

用心设计

随着大屏幕高清分辨率的普及，我们在打游戏、看电影、浏览美图时，总希望屏幕越大越好，这种视角上广度与深度的享受以及和沉浸式、聚焦的体验，是在小屏幕上完全给予不了的。

图中可以看出5.5英寸以上屏幕可以称Phablet，7英寸以上就是Tablet。这次案例以Tablet设备为主，Phablet设备为辅进行体验设计。

评论(0) 浏览(2732)

如何设计好用的触控手势

用心设计

我们生活在一个人机互动频繁，由设备驱动的世界中。

随着触摸屏逐渐成为移动设备的标配，多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。我们通过模拟真实世界的手势与屏幕上的各种元素进行互动，使许多曾经不曾想或者不敢想的人机交互方式变成了现实，同时手势操作的应用降低了人与物理设备之间的沟通的门槛。

评论(0) 浏览(3450)

小而美:清晰的可穿戴设备界面

用心设计

各种不同的穿戴设备

从简单的健康追踪设备，到能够与手机系统同步的功能齐全的手表，设计这些小屏幕界面时，有许多变种需要考虑。

1

评论(0) 浏览(3989)

带你深入学习VIEWPORT和PX

用心设计

屏幕尺寸：指屏幕的对角线的长度，单位是英寸，1英寸=2.54厘米。常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等。

评论(0) 浏览(2997)

一切吐槽IOS 9字体的行为都是耍流氓

用心设计

更新完发现新字体居然没有那么丑了。让我很费解是，当天更新的同事或朋友都认为新字体很圆润，包括我也这么认为，是方正幼圆之类。我反复对比了5S、6和6P，确实不像第一次见到那么土圆肥了。

为了详细了解新字体，我百度输入：iOS 9字体：

评论(0) 浏览(3763)

iOS人机界面指南-3D Touch

用心设计

Peek和Pop

Peek可以让用户在没有打开应用的情况下预览的应用所支持的快捷操作。轻压有支持Peek的应用图标可以显示一个矩形的Pop视图（有时称为提示）。

iOS人机界面指南-3D Touch，mobile ui

评论(0) 浏览(3887)

如何做一个让人闻风丧胆的 H5？（内有干货）

用心设计

动画新手有的时候会天马行空想到一些奇怪的效果，可能会不符合整体设计风格，可能会违反现实物理规律，有自己的想法，还要和产品设计确认。比如这个页面：

如何做一个让人闻风丧胆的 H5

评论(0) 浏览(3713)

大尺寸触屏：有何不同？

用心设计

在这个需要考虑各种屏幕大小和尺寸的年代，侧重小屏幕已成为一种常识。我们的设计和交互主体必须要在最小的屏幕上也能正常工作，比如手机和智能手表。众多设计团队都致力于不断调节和优化小尺寸设备的菜单、交互、内容和体验。
然而，其他屏幕的尺寸却在不断增且越来越多的屏幕支持触摸。些笔记本电脑和台式电脑也配备了触屏。如今已有一些大型平板电脑面市，如24寸触屏Nabi Big Tab (图1)，再例如特斯拉的17寸触屏。因为屏幕尺寸是按照对角线计算的，所以特斯拉的17寸屏实际上是ipad9.7寸屏面积的三倍。而Nabi Big Tab的屏幕面积是ipad的六倍。

评论(0) 浏览(3970)

iOS细节设计-交互篇-20150705早读课

用心设计

1.很多人都知道无论是在 iOS 的系统还是一些第三方应用的输入模式下，只要左右晃动手机即可激活「撤销」操作，但也许你不知道是，如果再次晃动手机则可对「撤销」操作进行恢复。

评论(0) 浏览(2966)

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

用心设计

微小的目标触点

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

评论(0) 浏览(3256)

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档