时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络
小提示:您能找到这篇{对齐在APP中不易被察觉的3点}绝对不是偶然,我们能帮您找到潜在客户,解决您的困扰。如果您对本页介绍的对齐在APP中不易被察觉的3点内容感兴趣,有相关需求意向欢迎拨打我们的服务热线,或留言咨询,我们将第一时间联系您! |
显然对齐是任何设计中都老生常谈的一个话题,因为人们的眼睛总是喜欢看到有序的事物,它通过一条“无形的线”将部分元素连接在一起,形成了一种视觉纽带。这种边界感令视线有基准可循、不但让人在视觉上有种安稳感,更引导暗示人们其中的关联性,有助于人们理解其中的含义。 对齐对设计的影响在这里就不展开多说了,网上的文章、设计的书籍基本都提到过很多,现在所思考的是界面设计中,对齐那些不易被察觉的点,即:布局是否需要考虑对齐、对齐的误区和其背后功能性的考虑。下面我将从这三个方面来进行探讨和思考。 布局也需要对齐除了常规的元素(字体、按钮、图片等)需要对齐外,布局也需要满足这一点。大方向的布局过于统一会造成列表感(“我的/设置”界面除外),当布局中的常规元素满足对齐这一规律后,布局与布局之间的对齐更是需要被考虑到的。 界面中通常包含多个布局,每个布局中的元素因为存在一定的关联性而被放置在一起,因此相似且有关联的元素可统一成为一个布局。 而其他布局则可酌情采用另外的形式来表达,差异性的设计布局会令用户下意识的感知到,这是产品中两个不同的功能,其所代表的含义是互不相干的。 如上图所示,我们可以清楚的通过视觉感官得知:左边上方3个序列排放的卡片是为一体的,相互之间的信息是相似的。实际上,这三个卡片的含义也都与存款收益有关;而左边下方横向排列的3个卡片,又代表了另外一个功能。右边虽然是追波虚拟稿,但不难发现,上方横向对齐的卡片布局和下方竖向排列的卡片布局,它们所表述的是毫不想干的。 对齐的误区过度地使用对齐,容易令视觉感到疲惫、且找不到重点所在。 如上图所示,除了衣服的色彩不同,你能很快找出每个人的区别吗?在界面设计中,盲目的在一整个界面中使用同一种对齐是十分不可取的。 界面中的每个元素必然有主次之分,那么此时就可以将较为重要的部分放在其他位置,以此区分、凸显。 如上图所示:左右两边的界面都大量使用了左对齐,但分别有一个按钮放在了与之相反的方向:右侧。显然,右侧的按钮在界面中更为重要,功能性、交互性都高于下方统一的对齐形式,这种打破常规方式的设计,更易于被用户察觉、点击。 但需要注意的是,打破常产品发布平台免费规的对齐形式,需要在对齐很明显的基础上操作,并且尽量控制在2个以内,否则会让用户觉得这并非是故意所为,而是设计失误造成的。以及,为了便于用户操作,应当将最为重要的元素放置在反向的上部。 对齐背后的功能性早期的界面中,当图片和文字同时出现在一起时,大多以左侧图片+右侧文字的组合出现,但现在也有许多以右侧图片+左侧文字的情况,抛去视觉因素,造成这样的差异又是什么呢? 如上图所示,两张图的右上部分都有一个功能按钮存在,但左侧界面的下半部分没有另外需要操作的功能按钮;而右侧界面中,图片区域在左侧,文字虽然是左对齐,但在视觉分割上所处位置为右侧,并且旁边含带了几个可以点击操作的文字按钮,这些文字按钮与上方的功能按钮是右对齐的,由于拇指规则的因素,用户操作起来也更为方便、顺畅。 跟风设计的背后,应当考虑实际操作是否便利,而不是仅仅停留在视觉追求的层面,如果仅仅只是浏览界面,没有过多的功能交互,那么两种形式对用户影响不大。如果是有按钮需要引导用户点击的,就需要考虑其摆放位置是否合理,是否便于操作了。 总结对齐是设计中老生常谈的话题,大家也都很清楚对齐带来的优点,今天分享的是我在界面设计中窥视到的另外一层难以被察觉的3个小点,即:
参考资料:《写给大家看的设计书》第六章 p79 [对齐]
作者:feliam,钻石级铲屎官,为了养活家里五位主子,以及自虐体质和奋发向上的优良精神,入了交互UI坑。 来源:微信公众号“海盐社” 本文由 @海盐社 授权发布于,未经作者许可,。 题图来自 Unsplash,基于 CC0 协议 广告公司宣传视频 |
上一篇:做节日闪屏,你需要知道这些
下一篇:APP界面:如何打造情感化设计?以ofo小黄车为例
一、标题规则:标题关键词分开的店铺,关键词排名和权重会排在前面。所以店主...
作为一个淘宝卖家,关注自己的店铺权重,是十分重要的,因为这对自己的销量、...
一般的消费者在淘宝买东西的时候都会先输入一个他理解这个产品的词组,顾客的...
淘宝直通车收费方式还是挺好的,所以对于一些资金比较少的淘宝店家来说,推广...
第一步:登录到淘宝卖家中心,点击左侧菜单中的『物流管理-电子面单平台-我的...
推广当然都希望立竿见影,最好来一个点你广告的,就做一笔生意,所以要选择你...
现在开淘宝网店只要交一些保证金就可以完成了,可以说是投资最低的创业成本了...
宝贝滞销,也就是说宝贝长期没有销量,上架之后90天依然没有销量,那么淘宝方...
直通车坑位指的是大家在使用直通车做店铺推广的时候,官方平台给予宝贝的展示...
线下活动对很多网站来说不容易,对于一些静态网站来说更加无从着手。比如技术...
小提示:您应该对本页介绍的“对齐在APP中不易被察觉的3点”相关内容感兴趣,若您有相关需求欢迎拨打我们的服务热线或留言咨询,我们尽快与您联系沟通对齐在APP中不易被察觉的3点的相关事宜。
关键词:2年, APP设计, 初级, 对齐设