网站设计

的规则是什么 1.在每个页面上工作设置一个目标，从一个简单的设计开始，从项目的目标和每个页面网站的特定目标开始。每个页面都应引导用户完成一个动作，不包括导航和页脚。这可以是点击链接，输入消息，观看视频或玩游戏。但每个页面应关注单个用户的操作或转换。太多事情可能会压倒用户。他们可能忽略了应该采取的行动，并且可能做出不太理想的选择。规划设计，以便每个页面引导用户实现目标。每个可操作按钮上方的滚动和下面的滚动应该在同一页面上执行相同的操作。这种一致性有助于用户了解他们在您网站上的原因以及他们应该做的事情;这些选择的简单性使设计变得简单而迷人。 2.坚持两种具有如此多设计指南的家庭，为项目推荐三种字体。您可以使用两种强大的族类型来简化此操作。寻找一种类型的家庭，包括多个重量，常规和大胆或黑色选择之间有很多对比。为了更有才华，选择一个显示选项，其中包含一些可以在超大标题中使用的替代字符。然后你要做的就是从正文字体混合搭配并显示字体，以获得整个设计的大量字体组合。正如您选择具有特定重量或样式的更具体用途一样，使用两种类型的房屋。您会发现这有助于您创建易于管理且视觉上一致的可读且易于使用的排版工具。 3.产品使用左侧，中间甚至右侧的一致对齐。——无论您喜欢什么样的对齐方式，都要在整个设计中坚持下去。这包括对齐类似的项目，例如文本框和元素，这些项目不相似但组合在一起。在这方面，主页滑块上的文字的适应性非常好。虽然图像上有不同数量的文本，但每个标题都必须按动作按钮。元素之间的间距也是一致的。 更重要的是，这种一致的对齐将在滚动页面上显示其他标题和CTA对。对齐匹配滑块的流动，滑块沿互补方向移动。在文本元素中，左对齐和居中对齐是最常见的选项，因为它们是最易读的。对于较长的文本，左对齐是首选选项。 4.产品构建层次结构用户不应考虑要查看的内容或如何在设计中移动。即使是最简单的视觉组合也应该有不同的层次结构。它始于主导视野。它可以是图像或视频或文本显示或任何其他会产生第一印象的东西。 5.给元素足够的空间。如果您还不知道，请记住它。白色空间是你的朋友。为设计中的每个元素提供足够的空间。空间将有助于吸引对个别元素的注意并占据“空间”，因此您不会想要获得涂鸦并帮助创建专注的整体设计。使用空间的诀窍是一致性。设置将围绕单个元素之间的空间量或文本行之间的空间的规则。如果设计最终看起来太差，您可能需要将间隔拉回一点。当您打开设计时，您知道间隔是正确的，并直接转到您希望用户首先看到它的位置。 6.Amp对比高对比度设计元素——从颜色选择到元素大小——可以使项目看起来恰到好处，即使在最简单的框架中也是如此。对于一个流行的选择，尝试一个明亮的对比色调，以引起用户的注意。大胆的色彩使简单的设计更加复杂和有趣，这是一个黑色和白色的选择。要充分利用对比色，请选择色轮上相反位置的色调和类似的饱和度。如果您喜欢此选项，请尝试使用其他色轮。 （你甚至可能会发现一个意想不到的新兴趣，比如上面的紫色和蓝绿色组合。 7.一致的图标和元素设计的一致性是杀手级设计的最佳（也是最差）秘密之一。这是一件经常被遗忘的事情，因为设计项目充斥着多个按钮样式或社交媒体图标，这些图标与网站的其他图标不匹配。用户界面元素不应该是事后的想法。在整个项目中以相同的方式创建一个图标和一组用户界面元素和规则并使用它们非常重要。 （如果您不想从头开始创建，您甚至可以购买或下载图标字体或用户界面元素套件。）使用相同的悬停操作或效果为元素选择颜色（一个元素是可点击元素，另一个是无法点击的元素，并根据用途调整大小元素。 （图标大小和超大选项都是可以接受的，所有这些都是图形化的。）Praticca自动售货机使用超大图标提醒用户。 A +位于彩色图标内。除了颜色，这三个图标都是相同的。它们在鼠标悬停时执行相同的操作，并且在用户单击时它们的行为相同。在网站上使用相同的图标来启动新内容并帮助用户扫描副本。