由于实在不想在桌子上放个大硬盘,又不 (Mei) 想 (Qian) 买 Time Capsule, 于是翻出了已上灰的好久没玩的 Cubietruck. 刷系统 以前刷过各种乱七八糟的系统,实践证明,还是中文论坛的 Linaro Server 14.04 比较好。 http://www.cubie.cc/forum.php?mod=viewthread&tid=3879&extra=page%3D1 这货基于…

在 线框图基础Part1 中,我们了解了线框图的定义、线框图的类型,用户体验设计的5个层级等等。 在 线框图基础Part2 中,我们细致的介绍了一些重要的点,像是F型模式,“动作引导”,自解释性等等。 在“线框图基础系列”的最后一篇文章中,我们来看看关于线框图的更多信息。 线框图的重要性 有效表达概念和想法 易于创作,足够及时 支持前期的可用性测试 易于迭代和改变 线框图的关注点 内容, UI元素 的识别和整理 __信息和动作__的识别在应用程序中如何表现 以可以加快理解的方式来__放置和组织__信息 屏幕 / 页面导航:用户在使用应用程序时,…

在 线框图基础 - Part 1 中,我们了解了线框图的定义,种类,以及用户体验设计的5个层次等。在这篇文章中,我们将在开始线框图工作之前,先了解一些重要的原则。 1. F形模式 人们任何阅读网页?不,他们不阅读。 —— Jacob Nielsen 人们 扫视 网页。 F形模式描述了大部分用户在面对块状内容时的视点热区。 重点: 使网页文本易于被用户扫视。 使用粗体的标题和子标题。 当你想分开内容时,使用带圆点项目符号的列表。圆点项目符号易于扫视。 根据等级来决定内容的次序和位置。 2.行为引导(Call to Action)…

这是__线框图基础__系列的第一篇文章,在这一系列文章中,我们将学习线框图基础、设计原则,以及线框图的重要性等等。那么,让我们从理解 '线框图'开始吧。 线框图 线框图是页面的二维草图,它展示了信息等级,功能,以及页面的内容。 相较之于概念笔记(Concept Note),线框图是展示解决方案(想法和概念)的更好方式。 线框图包含的内容 主要元素以及他们的位置(header, footer, 导航, 内容等)、成组的信息(菜单链接,内容)、内容标识(导航链接标识,内容标识)、占位符,内容文本(…

从一个 UI BUG 想起 我们把界面上的各种“超出边界”、“挤在一起”、“互相挡住”等等问题,就叫 UI BUG 吧。前两天就看到了某应用的这样一个 UI BUG, 让我想到了一些东西。 这个用户的昵称,嗯,比较个性化一些 -_-|||,显然不太常见,以至于把他比较高的“顶”数都给挤出了边界。 而我们在或多或少的设计生涯里,或许都遇到过下面这样的尴尬: 设计稿是左边,测试或上线时候一看,成了右边。第一个通知卡片长的吓人,第二个因为姓氏太长被系统折行(浅灰色显示了不折行的效果,右边的…