移动零件设计:视觉设计
移动零件设计:视觉设计是平台能力的直接反应。第一个移动网站是“运动”;妥协;“不”和“不”和;“过程”和“过程”;。如今的设备功能越来越强大,但它给了我们创造更多视觉设计的机会,不仅能激发和吸引用户,还能增加体验的可用性。然而,有了这个机会,就有了新的挑战。
第1部分:信息架构我们探讨是什么使桌面移动在材料和规格方面有所不同;使用移动设备的方式、地点和时间;以及我们如何在行为和感觉方面使用这些设备。然后,在第2部分:交互设计中,我们将研究影响这些开发差异的结构和功能。这两篇文章为手机和平板电脑的设计提供了依据。现在我们总结一下design移动,通过对视觉设计解决方案和相关** 佳实践的必要探索,来产生对可用应用程序的漂亮的三部分研究。让我们看看移动设计的物理约束,包括** 佳实践指南,然后看看设计通信:由视觉设计移动网站和应用程序支持的内容。
物理约束设计手机和平板电脑设备的物理形式和触摸屏界面为我们提供了一些基本的可用性考虑。在桌面上,用户可以扫描更大范围内的内容或将鼠标悬停在更多的信息元素上,移动用户集中在较小的区域,并且必须以不同的方式推断交互。记住定义移动布局和移动布局之间具体交互的细节,我们可以创建一个直观的
移动经验。移动屏幕上可用空间的有限布局为如何** 好地显示内容和进行交互提供了一个有趣的限制。具体布局要精简集中。公牛;ndash的布局结构;提供强大的基础设计需要考虑如何** 好地利用可用的屏幕空间。网格系统帮助设计者实现:以结构间距均匀的垂直线作为内容排列的向导。网格决定了活动空间,这使得设计者更容易确定按钮、标题或图像的** 有效配置。沿着网格安装这些组件可以让用户在旅途中创造一个干净、美丽的景象。公牛;空间滚动和滑动ndash;重要的是,用户可以浏览内容,不承诺采取行动,他们没有意图激活一个项目时,他们试图滚动。换句话说,元素之间的间距必须足以允许用户轻松浏览这些元素。
触摸屏界面上友好的用户交互移动也意味着视觉设计必须加强交互;换句话说,元素的大小和位置应确保易于使用,并表明行为的重要性和相关性。公牛;按钮ndash;我们讨论了两个部分:交互设计,适当的大小和间距的按钮将确保他们可以很容易地被激活。理想情况下,标准屏幕上的按钮应该在44px到57px之间,高密度屏幕(视网膜)上的按钮应该在88px到114px之间。这使得足够的区域可以轻松地激活按钮状的指尖。公牛;可达性和明显控制ndash;如果相关的互动项目触手可及,对方会让用户更快地在它们之间进行转换。这将有助于减少用户对如何相互连接的任何困惑,并加快更复杂的过程。为了加强沟通,我们需要让我们知道如何理解和解读信息的** 佳用途。人脑获取视觉信息的速度比语言快得多,这意味着它可以利用视觉和图像来增强交流,这是非常有价值的。良好的视觉样式将增加价值,支持内容或交互目的,并改善整体用户体验移动和桌面)。
垂直节奏第一,加强沟通,我们会考虑使用垂直节奏。信息体系结构创建了一个合理的过程内容,但是可以使用可视化设计在内容的视觉层次上创建进一步的清晰性。合理使用内容节的大小和间距将创造良好的垂直节奏,以支持内容级的交流。除了前面提到的垂直网格系统之外,基线网格还可以帮助创建良好的垂直节奏,使内容更易于阅读和理解。具体来说,基线栅格创建了一个结构,尽管该结构符合线高度规范。字体和大小的定义提供了明确的领导规则,但也可以用于定义内容组之间的间距。遵循这些规则将确保段落被清晰地复制,用户可以清楚地区分章节和功能组。基线网格在HTML和CSS中很难精确执行,但在间距尺寸的开发和设计过程中不能提供有用的指导。
使用的颜色是一种有价值的交流工具,它以多种方式支持内容和交互。公牛;传达一种基调或风格,色彩设计很主观,取决于个人经验和文化。然而,使用特定的音调和音调可以帮助传达一个整体印象的目的。明快大胆的色彩营造出一种情趣,深色的色调营造出优雅柔和的色调或氛围,更能营造出**的复古感。学习更多的色彩理论可以帮助我们选择** 适合我们的设计目标的颜色。公牛;区分部分的颜色可以用来突出项目的内容,表示项目是相关的,或者支持内容的结构,比如如何将内容分开。公牛;区分静态项目和交互功能,使用强烈的对比有助于沟通目的的差异或内容或功能之间的联系。使用中性和亮色的混合色,或者在色轮的末端使用颜色对立面,可以确保特定的项目在用户面前脱颖而出。创建一致的颜色使用,例如在静态、活动和非活动项目中,整个设计将在内容和功能上显示更显著的差异。隐喻可以以不同的方式支持信息或交流主题。公牛;支持潜在的主题隐喻可以超越单一的设计元素,成为设计或功能的关键主题。在Flipboard应用中,翻转过渡是用户交互不可或缺的一部分,能否顺利实现这一点是应用能否成功的一个因素。通过隐喻,这使得用户之间以及帮助应用程序之间的快速通信概念具有独特的主张。公牛;按钮与交互设计采用简单的后门按钮,可以用简单的方式模拟现实生活中的交互元素,使功能明显。不过,值得注意的是,如果奉承必须符合品牌或风格的指导方针,如果颜色和风格能清楚区分静态项目Wunderlist使用按钮和逼真的造型,奉承是有效的;当有限的屏幕空间允许快速交流复杂概念时,可以设计成像图标移动。使用视觉隐喻的图标是已经成为web标准的图标,比如我们提到的delete、camera和email图标,这意味着它们通常可以在没有标签的情况下工作,尽管一眼就能理解。设计简单但清晰的图标是一项具有挑战性的任务,因此了解图标如何影响设计的清晰性非常重要。
移动清楚地了解未来和标准约束,正如本系列介绍的那样,是否有移动设计师。然而,一旦我们掌握了这些,我们就可以拥有超越引导的能力;打破规则,促进创新,创造辉煌独特的产品。通过这种方式,在用户不断考虑的情况下,我们可以在功能和美学理想之间创造一种平衡。Designed移动面临着一些非常激动人心的挑战和机遇。科学技术的飞速发展和用户环境的不断变化,意味着今天的约束在未来几年内不可能存在。创新思维和创新能力将帮助我们探索新的方式来看待这些挑战,并使我们能够继续寻找新的、漂亮的和有用的解决方案来解决我们面前的设计问题。
谢泼德设计文章推荐:
与主题预做布局网站为您的网页创作生涯的专业工具