学习贵阳网站设计的基础教程

日期: 2022-09-20 点击: 来源: 天悦互动

学习贵阳网站设计的基础教程


1.明确设计方向

网页设计可以是一个非常有创意的领域。即便如此,网页设计也应该以目标为导向,以访问者的体验为中心。

始终记住一个目标,让设计团队调整每一个细节,都是为实现目标而定制的设计。一个典型的例子是电子商务网站。品牌和设计师在设计风格和捕捉商店的视觉识别方面都有很大的创新。但最终的目标总是一样的:销售。

这一目标将决定设计师在网页设计过程中如何处理一些关键决策。许多重点是帮助用户搜索商店,轻松找到目标商品。在产品页面上投入大量精力,以尽可能好的方式展示产品。结账过程简化仔细计算,购物者几乎不用思考就能买到商品。

说到网页设计,我们不能仅仅因为某种原因做出决定。必须有一个中心目标,所有细节都必须朝着这个目标努力。一切都取决于我们想通过这个网站实现什么——预期的结果是什么。

2.了解空白的视觉效果与空间的平衡

谁不喜欢视觉效果极其酷和强的网站?设计师经常试图创造一些展示他们视觉能力的东西。很多时候,这些视觉效果增加了体验,独特而难忘。

但一个关键的网页设计原则是视觉平衡和和谐是必要的。重要的是知道什么时候更少的视觉效果可以使整个设计更好,让用户专注于正确的事情。有时,通过添加更多的元素,我们会削弱设计的真正力量,或者只是让用户更难识别他们看到的内容。

这里有几个重要的概念。其中,我们发现了视觉层次结构和空白,这对任何设计的成功都至关重要。它们使设计师能够与用户沟通,而一个字。

一个好的结构可以让用户立即知道他们在看什么。层次结构清楚地表明哪些元素是连接的,哪些不是,并突出了最重要的区域。空白提供视觉上的缓解,并通过设计帮助引导用户的眼睛。真正好的网页设计不需要额外的用户找到正确的按钮来点击——人们一眼就知道。

3.了解比例、位置和间距规律

起初,这些网页设计原则听起来有点技术性,但它们逐渐成为经验丰富的设计师的第二本能。这些与上述视觉层次和空白概念密切相关,但侧重于网页设计的其他方面。

一般来说,网页设计师必须熟悉特定的设计规则和规则,这决定了比例、形状和相似性如何影响设计。这些都是我们所知道的用户如何感知和处理他们所看到的内容的真实规则。

格式塔理论是重要的定律之一。它基本上定义了六种关于人类如何感知视觉事物的不同认知规则——特别是当涉及到元素组时。在网页设计领域,这意味着简单地把一堆按钮和箭头放在一起永远不会有好的结果。有一种正确的方法来安排这些元素,以帮助用户从整体上理解设计。

我们暂时不讨论这六条规则的细节,但了解这些规则对网页设计起着重要作用。它们是关于理解人眼,创造视觉元素,以充分发挥我们作为人的视觉能力。一个例子是格式塔原则,封闭:即使他们看不完整的东西,人们的大脑也会填补空白,努力创造完整的图像。IBM logo正是因为这个原因。

另一组重要的网页设计原则包括席克(Hick’s law)定律。这是一个非常简单的概念:用户显示的选项越多,他们做出决定的时间就越长。这是因为我们的大脑必须考虑和分析所有这些选项,以选择最佳选项——当选择太多时,这就成了一个问题。

餐厅试图减少菜单中的菜肴数量是有原因的。如果你必须从6页的菜单中选择,你可能会感到不知所措。一段时间后,你会感到疲倦,并从体验中失去快乐。毕竟,你来餐馆不是为了压力——你来享受一顿美味的饭菜。关于网页设计,可以说是完全一样的。在用户的幸福消失之前,你可以要求用户支付多少有限的。

最后,这些网页设计原则将在设计中发挥作用。这在一开始开始,我们必须定义它UI布局。以愉快有效的方式分配空间需要练习,但它确实是网页设计师的本能。这一切都是为了优先考虑重要的事情,充分利用空间,在正确的地方留出空白区域。

4.了解你的设计对象

就像专业的营销人员一样,网页设计师也需要知道他们的用户是谁。这是一个关键的网页设计原则,没有它就不可能有一个好的设计。正是因为网页设计需要有预谋和仔细考虑,你想知道用户是谁,他们想要什么,他们处理什么问题和他们的想法。

你对最终用户的印象越清晰,你就越有可能创建一个成功的设计。在网页设计中,细节可能取决于最终用户。

这可能会让新设计师感到困惑,因为它比设计团队本身更重要。在大型团队中,一整群人的工作是研究用户,并创建一个关于用户是谁以及他们想要什么的特定数据库。这些信息非常重要,因为它将确定整个项目的基调和方法。为女孩设计的网站与为老年人设计的政府网页完全不同。

这是一个通常被称为用户体验研究的小组。这基本上是在理解用户、他们的感受、他们的生活和他们的思维方式方面付出的巨大努力。它通常会产生更多有形的材料,例如用户角色、用户故事或心智模型。无论是谁创造了这些材料,它们在设计过程中自始至终都发挥着关键作用。这些是设计师为了清晰和方向而转向的东西。

经验丰富的设计师会改变他们的思维方式。随着时间的推移,真正熟练的人学会在他们的创造性工作和用户想要或需要的东西之间找到平衡。归根结底,用户的观点总是正确的,总是优先的。毕竟,他们会使用这个设计。首先,我们需要付出一点努力,把我们的观点放在一边,倾听最终用户的意见,但这是一项随着时间的经验而发展起来的技能。

5.版式设计可以决定网页的成败

排版,无论你喜欢还是讨厌它,毫无疑问,使用强大的字体可以完全改变设计的感觉。从选择文本的可读性字体(即使是非常小的尺寸)到选择具有高影响力的标题的引人注目字体——它们的排版非常重要。

有很多很棒的例子,这些网站通过他们选择的字体创造了一个整体的氛围。它们可以帮助品牌推广、创建视觉识别或简单地整合和支持其他视觉元素。有许多独特的字体由艺术家手绘,以及在任何项目中免费和易于使用的字体。

无论网页设计的目标是什么,或者你选择什么样的视觉效果,总有几个因素需要考虑。例如,字体大小、字体间距或大小对比度。

根据设计目标设备,字体的最佳选择可能会发生变化。例如,移动设计是可读性而不是风格的正确优先级。屏幕越小,帮助用户阅读关键信息,避免看设备就越重要。

6.移动友好的设计是必要的

基于移动设备的设计已经发展成为网页设计的关键组成部分。移动友好的设计原则不再是一种鸡肋,而是随着移动设备使用的增加而增加的必要性。由于在小屏幕上创建良好的设计是不可避免的,大多数设计师早就开始学习如何创建移动体验。

移动设计的真正诀窍是保持相同的品牌标志和完整的灵魂,即使在更小的空间内。缩小元素并重新安排它们只能带你到这里——真正的移动友好设计以不同的方式处理整个屏幕。

从布局开始,设计师将分配空间,并优先考虑绝对必要的部分。所有其他的东西都被储存起来,但大多数元素仍然很容易找到。一个典型的例子是汉堡菜单。这些图标在移动设计中非常方便,说出你对它可用性问题的看法。如果用户想在产品中导航,它将永远在视线范围内,但占用的空间很小。

许多设计团队采用移动友好网页设计原则的一种方式是移动优先级。这基本上意味着基于移动的设计是第一个组合和创建的东西。所有主要功能和关键组件都包含在移动设计中,然后升级于产品的产品Web的版本。

其他团队只专注于响应性设计。这是一个非常重要的网页设计原则:今天的一切都必须是响应性的。即使你从移动优先级开始,你仍然需要确保用户可以从一个设备转移到另一个设备,并获得相同的体验。

7.导航和信息架构

所有的网页设计团队都知道这是真的。导航设计和信息架构(IA)它共同构成了产品的支柱。它们使人们能够理解产品、移动功能并找到他们需要的特定信息。这两个网页的设计原则基本上为产品的其他部分奠定了基础。

首先,规划IA。这是设计师从视觉元素、信息和的所有内容时,从视觉元素、信息和任何支持主要功能的内容。这将创建一个分类和组织创建信息层次结构的长列表。层次结构有助于在产品中创建逻辑结构,让用户无论信息有多小或多短,都能找到信息。

想想看。即使他们以前从未经历过,用户也需要能够在网站上找到最小的信息。设计师如何做到这一点?答案是以逻辑和直观的方式组织内容。

导航起着类似的作用。创建一个供用户四处走动的导航系统不仅仅是在汉堡菜单中插入一堆链接。导航需要反映信息架构,以便用户可以轻松地找到主要信息和功能。一些设计师说,用户甚至不应该考虑导航。

网页设计的两个关键点可以创建或破坏任何产品。如果用户不能理解事物在哪里,他们就不能从产品中受益。如果他们不能实现一个重要的功能,那么整个体验就会受到影响。设计师将投入大量时间来创建、测试和验证创建、测试和验证产品。

8.认知努力必须最小化

认知努力只是用户使用设计所需的脑力劳动的另一个术语。正如我们之前提到的,如果一切都需要付出太多的努力,用户很可能会变得不知所措、沮丧和疲惫。它破坏了设计师为创造这种体验而投入的所有辛勤工作。一个值得记住的网页设计原则是,真正伟大的网页设计是直观的,毫不费力的。

那么,我们如何尽量减少认知努力呢?有些策略出奇的简单,比如允许空白,确保设计不太复杂。将时间投入到直观的导航系统中是用户轻松体验的另一个好方法。

虽然一开始降低认知努力似乎是一项艰巨的任务,但大多数设计师在看到需要能量的设计时都会本能地知道。很多时候,一切都与细节有关。一个真正有帮助的标签。由于语言和字体的选择,易于阅读的副本。一种没有解释空间的形式。告诉用户如何解决错误的信息。

在设计师尽可能消除使用设计所需的努力之后...他们继续前进。秘诀是进行多轮用户测试,以找到可以进一步改进的领域。这一切都是为了密切关注用户的行为,了解哪些元素和区域让他们停下来。

9.学习依赖设计规范

设计规范基本上是所有产品最终遇到的常见问题的可靠答案。这里的网页设计原则不一定是使用哪种规范。更多的是接受规范,看到它们的价值。有这么多设计团队依靠他们来交付优秀的设计是有原因的。他们肯定会创造一个既能完成工作又能创造出优秀的设计。

众所周知,很多网页设计师都想留下自己的印记,创造出独特的东西。但真正多才多艺的网页设计师意识到规则在设计游戏中的作用。它们帮助广泛的设计保持一致,帮助用户充分利用产品,帮助设计师更快更好地创造。

10.了解可用性测试的基本知识

可用性测试是任何设计过程的关键组成部分,这是众所周知的网页设计原则。这是设计本身的一个强大方面,致力于向我们展示设计团队认为用户想要的东西和现实之间的差距。这是任何好产品的秘密。这可能意味着运行良好的项目与延迟、可怕的成本和糟糕的绩效项目之间的区别。

让我们回到开始,回顾用户测试的三种主要类型。一是探索性测试。这是指项目开始时的一轮测试,只要有最小的可行产品进行测试。它旨在更多地了解用户的行为,验证设计的主要支柱(IA和导航)。

二是评估测试,通常在项目中间进行。他们衡量可用性,并努力指导团队改进领域。

最后,我们进行了比较测试。顾名思义,这是设计团队简单地测试这两种产品的时候了。通常,一种产品是团队设计,另一种是竞争对手。这可以向我们展示竞争对手的设计缺陷,他们所代表的影响,并帮助我们避免同样的错误。

总结网页设计原则

网页设计领域不断发展和变化。用户拥有的标准、设计师可用的技术、依赖设计团队销售和赚钱的企业……这一领域的一切都在迅速发展。然而,当涉及到这些关键的网页设计原则时,有些事情仍然是正确的。有些想法自20世纪70年代以来就存在,互联网刚刚开始。

这表明网页设计者可以依赖于他们的知识经验,相信他们的直觉,并参考用户研究资料进行指导。随着时间的推移,这些原则将成为设计师微调其作品的另一种方式,并将自然地应用到大多数作品中。

热门新闻

Popular News