网站制作的规则是什么
1.工作每页设置一个目标
一个简单设计的开始,从项目的目标和网站每一页的具体目标开始。每个页面都需要引导用户使用一个动作,不包括导航和页脚。这可以是任何东西,从点击链接,输入信息,观看视频或玩游戏。但是每个页面
都需要关注单个用户的操作或转换。太多的事情会让用户不堪重负。他们可能忽略了需要完成哪些行动,并可能做出不那么理想的选择。计划设计,使每个页面引导用户达到一个目标。每一个可操作的按钮上面的滚
动和下面的滚动在同一页面上需要做同样的事情。这种一致性可以帮助用户理解为什么他们在你的站点上,以及他们需要做什么;这些选择的简单性使设计变得简单而引人入胜。
2.坚持两个类型的家庭
有这么多的设计准则,为一个项目推荐了三种字体。你可以用两个健壮的类型家庭来简化这个问题。寻找一个类型的家庭,包括多重的重量,在常规的和大胆的或黑色的选择之间有大量的对比。为了更有才华,
选择一个显示选项,其中包括一些你可以在超大标题中使用的替代字符。然后你所要做的就是混合和匹配从一个体字体和显示字体,以获得大量的字体组合,为整个设计。使用两种类型的家庭,就像你选择了更多具
有特定重量或风格的特定用途的选择一样。您将发现这可以帮助您创建一个可读性高且易于使用的排版工具,这很容易管理并且具有视觉一致性。
3.产品使用一致的对齐
左边,中间,甚至右边——不管你喜欢什么样的对齐方式,在整个设计中都要坚持。这包括对齐类似的项目,例如文本框和元素,它们不是相似的,而是组合在一起的。适应性在这方面做得很好,在主页滑块上
的文字。尽管图片上有不同数量的文字,但每个标题都要按动作按钮。元素之间的间距也是一致的。更重要的是,这种一致的对齐方式会在滚动页面上显示其他的标题和CTA对。对齐会匹配滑块的流,滑块也会以互补
的方向移动。在文本元素中,左侧和中心对齐是*常见的选项,因为它们是*易读的。对于较长的文本,左对齐是首选选项。
网站设计的规则是什么
4.产品建立层次结构
用户不需要考虑要看什么,或者怎么在设计中移动。即使是*简单的可视组合也需要有不同的层次结构。它从一个显性的视觉开始。它可以是一个图像或视频或文本显示或任何其他将产生*印象的东西。
5.给元素足够的空间
如果你现在还不知道,那就把它记在记忆里吧:白色的空间是你的朋友。给设计中的每个元素足够的空间。空间将有助于吸引对单个元素的注意,占用“空间”,这样你就不会被诱惑去弄乱画布,并帮助创建一个
有焦点的整体设计。使用空间的诀窍是一致性。设置将围绕单个元素或文本行之间的空间的空间量的规则。如果设计*终看起来太贫瘠了,你可能需要把间隔拉回一点。当你打开设计时,你会知道间隔是正确的,并直
接进入你想让用户*先看到的地方。
6.Amp了对比
高对比度设计元素——从色彩的选择到元素的大小——可以让一个项目的视觉效果恰到好处,即使是在*简单的框架中也是如此。对于一个流行的选择,尝试一个明亮的对比色调色板吸引用户注意。大胆的色彩会
让简单的设计变得更加复杂和有趣,这是一个黑白的选择。为了充分利用对比色,选择色彩轮上的相反位置的色调和相似的饱和度。如果你喜欢这个选项,那就试试别的色彩轮吧。(你甚至可能会发现一个意想不到的
新爱好,比如上面的紫色和teal组合。)
7.使用一致的图标和元素
设计的一致性是杀手设计的*好(也是*坏的)秘密之一。这是一种经常被遗忘的事情,因为设计项目充斥着多个按钮样式或社交媒体图标,这些图标与网站的其他图标不匹配。用户界面元素不需要是事后的想法。
在整个项目中以相同的方式创建一个图标和用户界面元素集和规则并使用它们,这很重要。(如果你不想从头开始创建,你甚至可以购买或download图标字体或用户界面元素工具包。)为元素选择一个色彩,使用相同
的悬停动作或效果(一个元素是可点击的元素,另一个是不可以点击的元素)和基于使用的大小元素。(可以接受一个图标大小和一个超大号的选项,这些元素都是图形化的。)Praticca自动售货机使用超大尺寸的图标
来提示用户信息。A+位于一个彩色图标内。除了色彩,这三个图标都是相同的。它们在鼠标悬停上都做同样的事情,当用户点击时,它们的行为都是一样的。同样的图标在网站上使用更小,以开始新的内容,并帮助
用户扫描副本。
1.工作每页设置一个目标
一个简单设计的开始,从项目的目标和网站每一页的具体目标开始。每个页面都需要引导用户使用一个动作,不包括导航和页脚。这可以是任何东西,从点击链接,输入信息,观看视频或玩游戏。但是每个页面
都需要关注单个用户的操作或转换。太多的事情会让用户不堪重负。他们可能忽略了需要完成哪些行动,并可能做出不那么理想的选择。计划设计,使每个页面引导用户达到一个目标。每一个可操作的按钮上面的滚
动和下面的滚动在同一页面上需要做同样的事情。这种一致性可以帮助用户理解为什么他们在你的站点上,以及他们需要做什么;这些选择的简单性使设计变得简单而引人入胜。
2.坚持两个类型的家庭
有这么多的设计准则,为一个项目推荐了三种字体。你可以用两个健壮的类型家庭来简化这个问题。寻找一个类型的家庭,包括多重的重量,在常规的和大胆的或黑色的选择之间有大量的对比。为了更有才华,
选择一个显示选项,其中包括一些你可以在超大标题中使用的替代字符。然后你所要做的就是混合和匹配从一个体字体和显示字体,以获得大量的字体组合,为整个设计。使用两种类型的家庭,就像你选择了更多具
有特定重量或风格的特定用途的选择一样。您将发现这可以帮助您创建一个可读性高且易于使用的排版工具,这很容易管理并且具有视觉一致性。
3.产品使用一致的对齐
左边,中间,甚至右边——不管你喜欢什么样的对齐方式,在整个设计中都要坚持。这包括对齐类似的项目,例如文本框和元素,它们不是相似的,而是组合在一起的。适应性在这方面做得很好,在主页滑块上
的文字。尽管图片上有不同数量的文字,但每个标题都要按动作按钮。元素之间的间距也是一致的。更重要的是,这种一致的对齐方式会在滚动页面上显示其他的标题和CTA对。对齐会匹配滑块的流,滑块也会以互补
的方向移动。在文本元素中,左侧和中心对齐是*常见的选项,因为它们是*易读的。对于较长的文本,左对齐是首选选项。
网站设计的规则是什么
4.产品建立层次结构
用户不需要考虑要看什么,或者怎么在设计中移动。即使是*简单的可视组合也需要有不同的层次结构。它从一个显性的视觉开始。它可以是一个图像或视频或文本显示或任何其他将产生*印象的东西。
5.给元素足够的空间
如果你现在还不知道,那就把它记在记忆里吧:白色的空间是你的朋友。给设计中的每个元素足够的空间。空间将有助于吸引对单个元素的注意,占用“空间”,这样你就不会被诱惑去弄乱画布,并帮助创建一个
有焦点的整体设计。使用空间的诀窍是一致性。设置将围绕单个元素或文本行之间的空间的空间量的规则。如果设计*终看起来太贫瘠了,你可能需要把间隔拉回一点。当你打开设计时,你会知道间隔是正确的,并直
接进入你想让用户*先看到的地方。
6.Amp了对比
高对比度设计元素——从色彩的选择到元素的大小——可以让一个项目的视觉效果恰到好处,即使是在*简单的框架中也是如此。对于一个流行的选择,尝试一个明亮的对比色调色板吸引用户注意。大胆的色彩会
让简单的设计变得更加复杂和有趣,这是一个黑白的选择。为了充分利用对比色,选择色彩轮上的相反位置的色调和相似的饱和度。如果你喜欢这个选项,那就试试别的色彩轮吧。(你甚至可能会发现一个意想不到的
新爱好,比如上面的紫色和teal组合。)
7.使用一致的图标和元素
设计的一致性是杀手设计的*好(也是*坏的)秘密之一。这是一种经常被遗忘的事情,因为设计项目充斥着多个按钮样式或社交媒体图标,这些图标与网站的其他图标不匹配。用户界面元素不需要是事后的想法。
在整个项目中以相同的方式创建一个图标和用户界面元素集和规则并使用它们,这很重要。(如果你不想从头开始创建,你甚至可以购买或download图标字体或用户界面元素工具包。)为元素选择一个色彩,使用相同
的悬停动作或效果(一个元素是可点击的元素,另一个是不可以点击的元素)和基于使用的大小元素。(可以接受一个图标大小和一个超大号的选项,这些元素都是图形化的。)Praticca自动售货机使用超大尺寸的图标
来提示用户信息。A+位于一个彩色图标内。除了色彩,这三个图标都是相同的。它们在鼠标悬停上都做同样的事情,当用户点击时,它们的行为都是一样的。同样的图标在网站上使用更小,以开始新的内容,并帮助
用户扫描副本。
- 上一篇:网站制作结构的运用?
- 下一篇:高端的做网站有什么技巧?