关注每日深度好文分享,正能量经典好文分享!

当前位置:主页 > 好文分享 >

对齐在APP中不易被察觉的3点

  • 原创
  • 好文分享
  • 2022-07-02 00:50:01
  • 本文有765个文字,大小约为4KB,预计阅读时间2分钟

如上图所示,我们可以清楚的通过视觉感官得知:左边上方3个序列排放的卡片是为一体的,相互之间的信息是相似的。实际上,这三个卡片的含义也都与存款收益有关;而左边下方横向排列的3个

对齐在APP中不易被察觉的3点

卡片,又代表了另外一个功能。右边虽然是追波虚拟稿,但不难发现,上方横向对齐的卡片布局和下方竖向排列的卡片布局,它们所表述的是毫不想干的。

对齐的误区

过度地使用对齐,容易令视觉感到疲惫、且找不到重点所在。

如上图所示,除了衣服的色彩不同,你能很快找出每个人的区别吗?在界面设计中,盲目的在一整个界面中使用同一种对齐是十分不可取的。

界面中的每个元素必然有主次之分,那么此时就可以将较为重要的部分放在其他位置,以此区分、凸显。

如上图所示:左右两边的界面都大量使用了左对齐,但分别有一个按钮放在了与之相反的方向:右侧。显然,右侧的按钮在界面中更为重要,功能性、交互性都高于下方统一的对齐形式,这种打破常规方式的设计,更易于被用户察觉、点击。

但需要注意的是,打破常规的对齐形式,需要在对齐很明显的基础上操作,并且尽量控制在2个以内,否则会让用户觉得这并非是故意所为,而是设计失误造成的。以及,为了便于用户操作,应当将最为重要的元素放置在反向的上部。

对齐背后的功能性

早期的界面中,当图片和文字同时出现在一起时,大多以左侧图片+右侧文字的组合出现,但现在也有许多以右侧图片+左侧文字的情况,抛去视觉因素,造成这样的差异又是什么呢?

如上图所示,两张图的右上部分都有一个功能按钮存在,但左侧界面的下半部分没有另外需要操作的功能按钮;而右侧界面中,图片区域在左侧,文字虽然是左对齐,但在视觉分割上所处位置为右侧,并且旁边含带了几个可以点击操作的文字按钮,这些文字按钮与上方的功能按钮是右对齐的,由于拇指规则的因素,用户操作起来也更为方便、顺畅。

设计的背后,应当考虑实际操作是否便利,而不是仅仅停留在视觉追求的层面,如果仅仅只是浏览界面,没有过多的功能交互,那么两种形式对用户影响不大。如果是有按钮需要引导用户点击的,就需要考虑其摆放位置是否合理,是否便于操作了。

总结

对齐是设计中老生常谈的话题,大家也都很清楚对齐带来的优点,今天分享的是我在界面设计中窥视到的另外一层难以被察觉的3个小点,即:

除了文字、图片等一些基本成组的元素需要对齐外,在宏观上,布局对齐对整体界面的影响也是尤为重要的,其背后起到暗示用户不同布局的不同含义。 一昧的在界面中统一对齐也是不可取的,需要将重要的地方凸显出来。 不盲目跟风设计,对齐除了考虑到视觉,更应该考虑到是否便于用户操作。

参考资料:《写给大家看的设计书》第六章 p79 [对齐]

作者:feliam,钻石级铲屎官,为了养活家里五位主子,以及自虐体质和奋发向上的优良精神,入了交互UI坑。

来源:微信公众号“海盐社”

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至1450188540@qq.com举报,一经查实,本站将立刻删除。

猜你喜欢

微信公众号