【主管Q:304724】沐鸣娱乐平台总代理UI设计模式经常被误解和误用。

它们常常与特定的元素(或特性)混淆,而这些元素可以简单地从流行的设计模式和线框图库中按原样开发。虽然这些例子是一个很好的开始,但它们还不够。尽管UI设计模式与开发模式重叠,但它们更关注于解决常见的用户问题,而不是产品问题。

为了说明我的观点,在UXPin的新书《手机UI设计模式2014》中,我从最热门的手机应用——Uber、Pinterest、Tinder、OKCupid、Spotify、Instagram、Dropbox、Secret、Flipboard、Snapchat、Mailbox等——中解构了大量的手机设计模式和元素。UXPin的免费网页设计趋势、手机设计趋势和线框图绘制指南中也包含了一些UI设计模式和元素——把它们添加到书签中,因为有很多东西需要你去学习。

什么是UI设计模式?

一般来说,UI设计模式是对每天可能遇到的常见问题的可重用解决方案。

它不是一个可以插入到产品设计中的功能,也不是一个可以简单编码的设计。相反,它是一种形式化的最佳实践、指导或模板,设计人员、开发人员和产品经理(以及任何接触过产品的人)可以使用它来解决设计移动应用程序或系统时常见的问题。尽管必须在正确的情况下使用它,但它通常与语言、设备和平台无关——尽管根据设计的最终实现方式可能存在技术限制。

当然,如果在错误的环境下实施,它们弊大于利——但我们现在只关注积极的方面。

我应该如何使用UI设计模式?

尽管有太多的设计模式和线框图库,但很少有在线资源能真正分解如何用支持的例子来思考这些模式。下面,我列出了一般的格式,并提供了一个简短的示例来帮助您入门。

当你评估一个设计模式并使其适应你自己的需要时,以下是你需要考虑的:

问题摘要:您要解决的用户问题是什么?集中注意力,像用户故事一样用一句话来表达。

解决方案:其他人是如何解决这个问题的?其中,需要详细说明的内容很少,包括用户导航(包括快捷键)、获取用户输入、处理数据以及与其他服务或应用程序的集成,以及显示信息和内容(包括默认值)。

例子:太好了,你能给我看看吗?有时一个截图或模型就足够了;其他时候,需要用户流和/或附加注释来清楚地交流模式。

用法:什么时候应该使用这个模式(不)?其中,一些细节包括产品架构、界面布局、设备、编程语言、其他设计模式的存在或存在、用户类型和主要用例。

为了简洁起见,我们将在下面的这本电子书中着重介绍设计模式的前三个细节。然而,在我们的下一本电子书中,我们打算更深入地探讨解决方案的细节和用例,以便您能够更深入地了解何时以及如何使用这些设计模式。

沐鸣注册链接杂志风格博客布局的未来:趋势和设计理念

【主管Q:304724】沐鸣2注册所有主要的贸易和专业杂志都建立了一个在线网站。许多出版商仍在发行印刷版,但互联网是一种便宜得多的出版媒介。 在线博...

沐鸣代理网址通过整理设计来提高可用性和用户体验的4种方法

【主管Q:304724】沐鸣娱乐平台总代理我们经常说的清理是指实体的东西,比如壁橱或储物柜。但是,我们也可以谈论整理设计。整理有助于提高网站的可用性和...

沐鸣开户1970在工作中设置、管理和保护你的苹果设备

【主管Q:304724】沐鸣代理1970在这一点上,移动设备管理(MDM)解决方案可以大大减少设置和交付持续管理所需的时间。Bushel是一种基于云的MDM解决方案,这...

沐鸣测速地址2016网页设计趋势:卡片如何主导设计

【主管Q:304724】沐鸣网址开户由于它们在视觉上具有吸引力,卡片接口的实用性不仅仅是一种趋势。 随着2014年移动互联网的使用首次超过桌面,网页设计...

沐鸣怎么注册未来网页设计趋势:高清晰度设计

【主管Q:304724】沐鸣开户在这篇文章中,我们来看看web设计的未来。这不是高清网页设计是否会主导网页的问题,而是当高分辨率显示器变得足够普遍,需要...

沐鸣代理响应式排版:快速教程

【主管Q:304724】沐鸣代理排版是我们交流信息的主要方式。印刷品、网站甚至电视广告都是如此。你不能否认排版是一个强大的设计元素。然而,正确的选择可...