15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > UI & UX设计师必看:如何让你的登陆页看起来更专业

UI & UX设计师必看:如何让你的登陆页看起来更专业

时间:2023-09-29 06:12:02 | 来源:网站运营

时间:2023-09-29 06:12:02 来源:网站运营

UI & UX设计师必看:如何让你的登陆页看起来更专业:

​- Yeeeees,我们是你的设计生涯加油站!-
我们都知道“专业度”是什么,但为什么我们设计的页面想要拥有“专业度”却如此困难呢?

今天YES就和大家一起探索-如何才能让我们设计的登陆页面看起来更专业。

在进行设计时,创建一个页面需要考虑到许多要素:·图片应该放在哪里?·这样的间距够吗?会不会太大了?·所有元素都要保持一致吗?这个元素需要因为特定的原因打破规范吗?·应该给每个部分分配多少空间呢?这里的插图怎么样?···但其实这些成千上万的问题并不能帮助我们真正确定我们设计的页面从“业余外观”到“设计精美又具有专业度”需要做到什么。那么问题就来了,有没有简单快捷的方法帮助我们制作更专业的页面呢?我们将从3 个方面来探索如何设计更具专业度的页面。




⌚️前5秒十分重要
首先来引入一个“5秒测试”的概念☝️这是一种快速的UX设计方法,用于确保我们设计的页面传达出信息对于用户来说是清晰的。1. 找一位朋友(或陌生人)来完成这项测试2.向他们展示已经设计好的页面 5 秒钟3.然后问他们提问。

由此可见“5秒测试”的流程十分简单,但重要的是向测试用户提出的问题:· 这个页面提供了哪些信息?· 你能从提供的信息中得到什么?· 给你提供信息的企业叫什么名字?正如我们能注意到的,这些问题的答案都基于页面上醒目的令人难忘的内容。甚至在这个测试中测试者并不一定是我们的目标用户。也就是说这个测试正在测试的是信息的清晰度,而不是用户需求。而为了使页面看起来专业,清晰度将成为一个重要因素。

这是为什么呢,首先我们要了解“第一印象”。




️为什么“第一印象”很重要
根据研究,“第一印象”是在 500 毫秒内形成的。并且基于这种第一印象,用户在页面上做出第一个决定。

访问页面时,潜在客户可能会做出以下决定:1.单击页面主要 CTA(如果他们感兴趣)。2.向下滚动以了解更多信息(因为他们很好奇,或者他们在点击之前有一些想深入了解的问题)3.用户选择返回(要么是因为他们点击页面链接的意图与他们的期望不符,或者他们只是在页面中体验感不佳。)

让我们再次回到清晰度的话题。清晰度很重要,因为我们没有足够时间来应对我们所有的潜在客户。大多数对于登陆页标题的建议总是:要显而易见。道理很简单,如果让用户不得不考虑一些复杂的事情,那么第一印象就会混乱。这就是采用折叠设计模式的原因。

采用折叠设计模式的页面如下:

这些页面都是 3 个元素的组合。标题 + CTA + 视频或图片




❓采用“三路组合”有以下几个原因
· 遵循“三路组合”的设计原则,有助于分解内容,增加视觉吸引力,更令人难忘。· 不只是显示文本和按钮。使用好的图像或视频可以放大情绪,并比文字更快地帮助用户理解信息。·遵循视觉层次结构,降低了复杂性。这给了它一个固有的默认顺序-应该何时阅读内容、标题,然后是图像或视频,然后是按钮或表单。




如果不想使用上面提到的设计模式怎么办?
不需要全部遵循,只要能找到一种以某种方式(比如在背景中)同时包含图像、视频或视觉样式的方法就可以。

从以下两个页面的对比就可以很清晰的展现出差异:

一个是没有背景图片的页面,一个带有图像的页面;很明显拥有图片的页面看起来更专业。

Tip:如果你背景图片模糊或变暗,前面的文字信息会更加突出。




UX(代表用户体验)是一件很值得深入研究的事。

因为你对优秀案例研究得越多,你就越意识到它是多么明显;这就是为什么它们被称为用户体验公开的秘密。

㊙️用户体验公开的秘密包括:
·只为链接的文本加下划线,不要用它来强调文本。那是因为我们已经将带下划线的文本与其他网站上的链接相关联。如果再在普通文本下划线,只会造成传达信息的混乱。·页面的元素格式尽可能保持一致。如果创建的间距为 24 像素,请将页面上所有相似的间距设置为 24 像素。· 将事物组合在一起以降低视觉复杂性。更接近的元素倾向于在视觉上(和心理上)组合在一起。您可以使用颜色来做同样的事情。·让你的按钮看起来像按钮。把它们做成圆形,给它们一点阴影,当鼠标悬停在它上面时,让它的颜色变深。···你会惊讶于这样的微小的“秘密”随处可见。看看你最喜欢的页面,你会发现它们都遵循这些用户体验规则。




老实说,在读这篇文章时你可能没有阅读本文中的每个字,你可能大部分只是略读了一下,但你对于你感兴趣的信息你会仔细阅读。研究表明,用户倾向于浏览他们正在寻找的相关信息而忽略一些信息。

提高页面可读性的方法:
· 使用要点(就像你现在正在阅读的这个,它们有助于简明扼要地说明你的好处)·突出关键词(加粗或使用颜色)·使用有意义的副标题· 保持你的段落不要太长,在 60-80 个字符之间,这样更容易阅读。· 每段只阐述一个想法· 将最重要的信息包含在页面更高的位置。·看看是否能在完成页面设计后将字数减半

使某些内容易于浏览并不会降低页面上的任何单词的重要性。它的作用是使您的页面更易于消化,更重要的是 -您的潜在客户不必考虑要自己筛选信息……

希望以上的信息可以帮助大家创建更好看且更易于消化更具有专业度的页面。





××××

喜欢文章记得赞同,收藏,点击喜欢哦~

策划:Yes Design

文字:WBY

视觉设计:WBY

部分图片来源于网络,如有侵权请及时联系我方

未经许可,谢绝一切形式转载

关键词:登陆,专业,设计

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭