网站制作如何设计登陆页面 UI

前面我们讲了在网站制作中登陆页面UI的重要性，今天深圳道加云网站制作公司就再讲讲网站制作如何设计登陆页面 UI。我们将看两个阶段——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 工具包指南创建更快的模型。 5.选择合适的界面元素 您也需要使用熟悉的界面元素。想想不起眼的搜索栏或汉堡菜单。用户每天都会在数百万个网站和电子商务商店中看到这些组件，因此他们已经知道如何使用它们以及预期的结果。您可以使用许多界面元素，包括： 输入控件，如文本字段、单选按钮、切换开关和日期字段、导航组件，如面包屑路径、标签和分页、图标、通知和进度条等信息组件、容器。 例如，您可以使用单选按钮或下拉列表从用户那里获取信息。此时，您需要评估每个元素如何影响着陆页的用户友好性。下拉列表可能会节省网页空间，但确实会使数据更难解析。如果您需要登陆页面设计模板，请参阅我们的博客文章，其中介绍了最佳 LP 设计的元素，例如设计推荐框和完美登陆页面的其他要素： 提高转化率的登陆页面设计趋势。 6. 使用正确的 UI 设计工具 你可能对想法很感兴趣。您迫不及待地想着手创建对您的用户产生积极影响的新设计项目。为确保您的愿景与最终产品保持一致，请使用简化流程的 UI 软件——从最初的想法到持续改进。老实说，总是有反馈需要倾听和改变。选择正确的 UI 软件有助于加快这部分过程。  UXPin 是一款出色的产品设计工具，可用于创建交互式 UI 设计（其中包括状态、条件、交互和变量）。您可以保留所有设计并通过该工具管理整个设计过程（从简单的线框一直到完全交互的原型）。 UXPin 还提供 Merge 技术，该技术可帮助设计师使用完全交互的组件进行原型设计，这意味着您不必从头开始设计并一遍又一遍地添加交互。您可以使用开发人员构建产品时使用的相同组件来设计界面。这意味着更容易进行设计开发交接，因为双方已经在代码中拥有了组件，从而消除了不断来回通信的需要。

转载请保留出处及原文地址:/index.php?r=article/Content/index&content_id=581