2014年07月_有家客栈

08月 07月 06月 05月 04月 02月 01月

转载自然而流畅，聊聊界面的切换动画

在使用一些移动端的App或PC端的软件的时候，我们常常会有一些界面之间切换的操作，尤其是在移动端的设备上，因为屏幕尺寸和交互方式的特性，就更多的会出现这些切换的操作，而很突然地从一个界面切换到另一个界面会给用户带来困扰，所以在触发这些操作的同时，往往需要过渡形式的动画来引导用户是如何从一个界面切换到另一个界面的，我们来看看一些常见的界面切换的过渡方式吧。一、淡入淡出淡入淡出的过渡效

2014-07-27 15:14:12 787

转载卡片式设计——移动设计的未来

卡片正在迅速成为移动设备的最佳设计模式我们正在见证一次网页设计的重构，告别之前冗余的页面和访问地址，迎来由众多个体内容组成的全新的个性化体验。随着移动技术的发展，移动设备的普及，以及史无前例的数据获取方式（通过 API 和 SDK），传统的内容被分拆成个体进行重新聚合，呈现给用户统一的体验。这种内容的聚合方式是根据：内容消费的主体，以及他 / 她的兴趣、喜好和行

2014-07-27 15:13:05 1197

你可能也注意到，Google产品越来越漂亮了，几乎越来越有一种朴素感的优雅。在设计上，Google有一段不堪回首的岁月，曾经居然把设计的重心放在研究“网站链接41种不同蓝色阴影效果”这种细枝末节上，而现在，Google学会了用整洁的风格进行设计，设置清爽易读的字体，在页面中留下充足的留白空间以便聚焦用户注意力。在一次又一次的优秀设计中，Google逐渐形成了自己的设计风格和设计模式，最近，他们重新

2014-07-27 15:12:03 823

转载设计有效的“用户行为与反馈效应”循环

无论你在设计怎样的产品，总会涉及到“用户行为与反馈效应”这样的循环。很多时候，良好而有效的“反馈循环(feedback loop)”是决定一款产品能否取得成功的重要因素。本文中，我们来一起看一看，怎样通过精心打造的反馈循环对用户行为产生影响。什么是反馈循环“反馈循环”在我们的现实生活中是无处不在的，它可以揭示出人们是否做了正确的选择。一个人吃了不好的东西会觉得恶心难受，并在未来产生

2014-07-27 15:07:12 1071

转载千万别问用户：你想要什么？ ——用户访谈的3个基本问题

用户调研的首要原则：千万别直接问用户他们想要什么——Erika Hall，just enough research“如果在访谈中用户能直接说出他想要的是什么就好了。”“呵呵。” 我喜欢做用户访谈，它们低廉、有效（你得到的信息会多于你问的问题）、且快速（一般访谈5个用户就够了）。但是，优质的用户访谈需要技巧。如果你天生对人群敏感且好奇，它能

2014-07-27 15:07:11 1421

转载手机系统消息通知设计的整理和分析

当应用程序不处于前台运行中时，消息通知能将某些信息及时告知用户。比如收到新消息、收到新邮件、程序下载已完成或者待办事项即将开始等。目前各移动平台上对消息通知的设计均有所差别，各有利弊。这里整理了iOS、Android、Palm Web OS、Windows Phone和未揭开面纱的Meego这五个系统对消息通知的处理方式，并分析了它们各自的优缺点。希望能对研发过程中的设计选择有所帮助。另外这里主要

2014-07-27 15:06:21 943

转载说说抽屉式导航—移动产品导航

Web端设计很多时候是在考虑如何将操作展示给用户，而mobile的设计更多的时候则是考虑如何将操作巧妙的隐藏起来。这种隐藏实际上是对核心功能的一种突出。导航始终是产品设计的重头戏，不管在Web端设计还是在mobile的设计中。之前曾经在读《触动人心》的时候写过一篇“移动产品设计之ios导航模式”，其中的导航模式基本都是基于ios系统自身的一些模式，随着ios新产品的不断出现，新的导航方

2014-07-27 15:02:37 673

转载探秘抽屉导航的前生今世

Google不久前刚刚更新了他们的Google+应用，采用了新的导航方式并抛弃了navigationdrawer。一时之间，又引发了一系列关于NavigationDrawer利弊的讨论。Navigationdrawer又被称为“OffCanvas“、”hamburgernavigation“、”sidenavigation“、“slidemenu”等等，虽然叫法不一样，但大致都是同一种形式

2014-07-27 15:00:27 908

转载移动应用侧边栏交互的利与弊个与解决方法

现在我们已经有数据说明侧拉菜单（又称汉堡包菜单）的使用，可能弊大于利。下面是一些数据：Side drawer navigation could be costing you half your user engagementMobile Menu AB TestedHamburger vs Menu: The Final AB Test需要注意的是，这是一件十分

2014-07-27 14:59:33 960

转载交互设计的职能——交互设计师具体做哪些内容？

Ⅰ. 先了解一下交互设计的基本概念：交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业务目标，获得愉快的用户体验。Ⅱ.交互设计在项目流程中的位置和任务：项目前期的流程和节点：职能的细化就是为了让产品在每个专业环节都做到极致，提高竞争力。如果是为了走流程，每个环节都是任务式的交付，臃

2014-07-27 14:58:53 684

转载侧边抽屉式导航可能会降低你产品一半的用户参与度

设想你需要设计一个含有许多页面和模块，不能在一屏内显示完全的应用。你一定会首先想到去设计一个底部或顶部的Tab导航。等一下，多出来的一排导航看上去有点碍眼？我们尝试下把他们收到侧边栏里，或者叫安卓团队给它的名字“侧边抽屉导航”。如果你们的应用的也是多视图的，在你们的团队里，以下话题一定常常引发激烈讨论：是把导航选项都显示在屏幕上，让你们的用户可以清晰认知app结构，

2014-07-27 14:57:18 632

转载 35 个激发你灵感的移动 UI 设计案例

手机的使用这几天发生了翻天覆地的变化，从简单的箭头接口到现在占主导地位的直观触摸，触摸屏检测手势，捏缩放等等。随着这个新时代的曙光，界面设计已经修改提供一个非常相似，流体，而且可以顺利运行HTML5，CSS3，或jQuery的技术。本文向你介绍 35 个移动 UI 的设计案例，或许能激发你的灵感。Arles FestivalPublic Transportation iPh

2014-07-22 15:04:25 1064

转载移动UI设计中的7种主要导航模式

正如精良的设计一样，优秀的导航也大象无形。不管是浏览好友信息，还是租赁汽车，完美的导航设计能让用户根据直觉使用应用程序，也能让用户非常容易地完成所有任务。一款应用的导航可以被设计成各种样式，但我想着重介绍６种主要的导航模式，也就是主菜单的导航模式（见图1-1）。跳板式跳板式导航对操作系统并没有特殊要求，在各种设备上都有良好表现。它有时也被称为“快速启动板”（Launchpad）

2014-07-22 14:59:38 598

转载如何在android上使用gif图片

android开源库android-gif-drawable的使用 android的开源库是用来在android上显示gif图片的。我在网上查了一下，大家说这个框架写的不错，加载大的gif图片不会内存溢出，于是我就想试试这个开源库，我下了作者的源代码和例子，但是我却跑不起来。不知道为什么，我又到网上去找使用这个开源库的例子发现有一个，我也下载了下来，发现还是跑不起来。我决定自己好

2014-07-22 14:07:51 885

转载如何成为一个卓越的程序员

作者是Rails/Angular开发者，企业家& YC alum。早先创建了Clickpass.com网站并出售。目前担任Brojure.com的OTO（唯一O（only）TO），兼职entrepreneur first。免责声明：这是一篇非常长的文章，比我通常会写的主题要长得多。我编辑文章并发给朋友评审，直到他们都觉得文章没有一字需要删改的。我希望你也这么认为。如果有一件事是

2014-07-22 13:57:53 644

转载程序员应该知道的 13 个设计技巧

开发你的美感… 我最喜欢的站点是：awwwards.com– 多看每日和每月上榜站点unmatchedstyle.com – 评论很有用dribbble.com （ Easy注：我经常去，很多NB的app设计都在上边patterntap.com多花些时间我在开发应用和网站时，会在设计上花掉和编码同样的时间。好的设计需要时间

2014-07-22 13:51:09 546