网站建设如何设计登陆页面 UI

假设您已经完成了 UX 设计。要么你完成了这个阶段，要么你得到了 UX 设计师的帮助，他根据用户研究和其他因素创建了登陆页面的信息架构。在创建登录页面 UI 的 UI 设计阶段，需要注意登录页面的外观和所有 UI 元素的交互。

1. 使用正确的颜色、排版和图像来触发正确的情绪

您的品牌是您拥有的最重要的资产之一——一种在拥挤的市场中使自己与竞争对手区分开来的方式。贵公司的调色板、标语、语气都应该与用户对话。想象也应该如此，因为您可能听说过一张图片胜过一千个字。总而言之，着陆页应与视觉效果保持一致。 

根据设计工具 Canva的说法，“研究表明，多达 85% 的消费者认为颜色是选择特定产品的最大动力，而 92% 的消费者认为视觉外观是总体上最具说服力的营销因素。”

当您开始弄清楚着陆页设计时，请询问： 

你想传达什么信息？ 

你想传达什么样的情绪？ 

你想展现什么样的个性？ 

例如，如果您的公司制作自制的工艺品，您会希望用户感到温暖和舒适。如果您经营一家实力雄厚的房地产中介，调色板、排版和图像将分别强调您想要传达的价值观，例如专业精神、经验和成功。 

2. 确保它对桌面和移动设备都友好

全球约有 290 亿台联网设备。到 2023 年，这个数字估计为 310 亿。您的目标网页应该适用于所有这些。据统计2020 年就在移动设备上执行了 2.11 亿次 Google 搜索 。而且不仅因为“反应迟钝”的网站会损害您的 SEO 排名。也不是因为 63% 的自然谷歌搜索 是在移动设备上。也就是说，这也是因为无论您的用户使用什么设备，响应式、适合移动设备的设计都能创造积极的用户体验。

3. 承认图像对用户注意力的影响

作为视觉生物， 我们被图像所吸引 ——尤其是面孔和移动的车辆；一个原始的反应。我们的大脑告诉我们“这可能很重要”，所以我们下意识地坐起来注意。 

在规划着陆页 UI 时，请利用这一点。 

您通常可以通过良好的图像选择将用户的注意力引导到页面的特定部分，例如 CTA。一种方法是使用朝那个方向看的人的图像。然后我们的眼睛自然地跟随他们的目光。同样地，当你在街上看到一个小伙子仰望天空时，你也会本能地抬起头来。 

但是，对于网站设计页面 UI，这并不总是一种万无一失的方法。有些设计可能会产生相反的效果。当网站使用图像来破坏界面时，这一点尤其明显，这也可能会破坏流程。 

4.使用常见的UI元素

熟悉度是让您的设计保持用户友好的一种非常好的方式。您的设计语言应该在您的网站或电子商务商店中保持一致，这使用户可以更轻松、更高效地浏览您的页面或网站。 

尽管很诱人，但没有必要重新发明轮子。相反，将其视为“升级”用户。通过部署这样的 UI 设计原则 ，您基本上可以在整个网站上“教育”使用技能，而不仅仅是您的登录页面。如果您还没有它，请构建一个包含所有元素的综合 UI 工具包，这样您就可以保持设计的一致性并重复使用相同的元素，而不是一直从头开始构建它们。按照我们的 UI 工具包指南创建更快的模型。