如何在应用程序设计中更有效地使用图像

IT资讯 2018-08-10 96 次浏览 0 条评论

选择完美的视觉资产,以获得更具吸引力的用户友好型应用

应用程序设计是一种简单,以用户为中心的设计。甜蜜点是一个功能齐全的界面。它应该是直观的导航,快速加载,但也包含一些小的触摸,使其独特和令人难忘。

由于平面设计的革命,以及苹果和谷歌等人所青睐的削减美学的普遍存在,许多应用程序都面临着类似的风险。

在某种程度上,这是一件好事,因为用户本能地知道某些功能是如何工作的。但它对视觉元素(例如插图或摄影)施加了更大的压力,以帮助定义应用程序的外观和感觉。

继续阅读六个关于如何在应用程序设计中更有效地使用图像的专家提示......

01.优化高清屏幕的摄影

Dollar Shave Club应用程序

这款适用于Dollar Shave Club的应用程序具有简单,非常以摄影为主导的界面

现在大多数智能手机都采用高分辨率屏幕,这为您选择使用的图像设置了一定的质量标准 - 特别是在您使用摄影时。对于iPhone X,你正在使用1125 x 2436像素的巨大分辨率。

Pixellation和fuzziness看起来不专业,但幸运的是,如果您采购一些质量上乘的资产,这些都很容易避免。然而,总是要记住加载时间 - 人们希望在几秒钟内加载 - 所以不要过度。使每个图像都计数。

当然,有时某些功能不可避免地需要更长的时间。这就是你需要更具创造性思考的地方,让用户更加愉快 - 加载微调器或进度条比空白或静态屏幕更好。另一种选择是“骨架屏幕”,一次加载一个信息。

02.精明地使用动画

Doo app

Productivity app Doo使用功能动画来表示过渡,而古怪的插图则增加了个性

即使是最微妙的动画暗示也可以为你的应用增添魅力和个性,无论是功能性过渡如此简单,还是更能让用户感到惊喜和喜悦的角色或故事驱动。

从功能的角度来看,动画可以帮助人们理解应用程序中的状态变化 - 触发它的原因,它产生的影响,以及如何在必要时再次启动它。它还可以引导用户注意屏幕的特定点。

某些功能动画具有内置关联。例如,如果一个元素消失,则暗示它已被完全删除。它滑向一侧的过渡意味着它只是隐藏,并可以返回到以后。

第二种类型称为“令人愉快的动画”。这为您的应用增添了温暖,让人感觉更加人性化。它可以包含任何内容,从加载屏幕或进度条的有趣处理,到有关应用程序功能的教程。

03.把一切都归还给基础

Chipotle Mexican Grill应用程序

这款Chipotle Mexican Grill应用程序结合了令人垂涎的英雄拍摄和简单明了的行动:“现在订购”

应用程序设计最普遍的规则之一就是减少混乱。您正在使用相对较小的屏幕,并且屏幕上同时显示的按钮,选项和功能越多,体验就越不直观。

将界面元素保持在最低限度,并仅向用户显示他们需要知道的内容。人们希望尽可能快速有效地执行任务,理想情况是在几次点击中,无需滚动无限的屏幕或将大量数据输入复杂的表单。

04.使所有界面元素保持一致


Xfinity xFi应用程序

蓝绿色调,圆润边缘和风格化插图都有助于为这款Xfinity xFi应用程序带来连贯的外观和感觉

在视觉和功能方面,一致性也至关重要。独特,连贯的外观和感觉 - 即使定义它的元素相对微妙 - 帮助用户在应用程序中感到熟悉和舒适,并最终使其更容易和更直观地导航。

从视觉角度来看,这包括颜色,字体,按钮和标签等结构元素。但也使用插图或摄影:选择的风格,它在界面中的作用,以及它出现的频率。

外部一致性也很重要。在可能的情况下,应用程序应该补充品牌网站的外观,感觉和功能 - 虽然简化了。共享特征不仅有助于避免混淆,还可以建立品牌认知度。
05.触摸设计按钮

Google WazeRider应用

谷歌的WazeRider应用程序具有大按钮和号召性用语,在元素之间有足够的空间呼吸

应用程序设计的另一个黄金法则是设计触摸屏,尤其是指尖。 Apple的指南规定按钮应至少为44 x 44像素,但要将其视为最低限度 - 如果一个额外的几个像素的缓冲区可以防止敲击错误的东西,那么值得腾出空间。

还要记住界面元素之间的空间,特别是按钮和设计的其他功能性交互部分。即使你的按钮尺寸合适,如果它们太紧密地聚在一起,也会更容易意外敲击,这可能会使用户烦恼并使他们更有可能放弃应用程序。

不同的屏幕尺寸也是一个因素,特别是随着高端智能手机变得越来越大。用一只手握住,较大屏幕的某些区域比其他区域更难以触及,并且可能需要拉伸或甚至重新调整的握柄。

频繁的交互和关键导航元素应该很容易触及,而更具风险的选项,如删除和擦除 - 用户希望避免意外触发 - 更有意义的是放置在稍微遥不可及的位置。

06.创建大小和颜色的层次结构

Clarity Money应用程序

由于其大文本和有力的颜色,Clarity Money中的月收入数字是最突出的元素

除了游戏,大多数移动应用程序基本上都是某种形式的列表 - 选项列表;功能;要做的事情,观看或玩耍。作为应用程序设计人员,您的部分职责是使该框架更有趣,更易于导航。

即使在一个简单的,简化的界面中,最小的设计元素在游戏中,重要的是建立一个强大的层次结构来引导用户转向最重要的信息,并尽可能清晰地调用行动。

大小是一种解决方案:页面上最大的元素通常也应该是最重要的元素。但颜色也可以非常有效。如果显示从黑色到浅灰色的菜单选项列表,人们会认为较暗的颜色更重要并且倾向于此。

还要记住某些关联 - 尤其是红色和绿色。绿色的“取消”按钮旁边的红色“确认”按钮会混淆用户的期望并使他们感到困惑。然而,根据W3C的可访问性指南,颜色永远不应该是唯一的指示符:文本标签或诸如刻度或十字形的图标都有助于使您的设计可访问。

0

【飞龙网.COM】不一样的IT资讯网,艺术,设计,插画,资源技巧分享!

发表评论