如何设计完美的网站

如何设计完美的网站

这只是我,还是学习如何设计网站听起来可怕的概念?

Web设计是一种如此巨大的概念,涉及各种各样的东西,从视觉效果到特定的元素,以及更多。对于初学者来说,所有这一切似乎都是压倒性的。

今天开始你的博客特别的OnBlavwin时时彩stBlog折扣从Bluehost。每月只需2.95美元,免费提供域名和电子邮件地址。你不能拒绝这个提议!

深吸一口气,我在这里帮助。

既然你已经决定了徳赢六合彩 我将向你展示如何设计一个网站,把所有这些令人困惑的概念,如视觉效果,功能,布局到一个容易消化的帖子,不仅解释“如何”,而且“为什么”的网页设计背后。徳赢时时彩

网站设计 - 代码

别担心,我们不会处理这些的。

这是我们今天的路线图:
  • Web设计的主要目标:用户体验
  • 网站设计的5大原则
  • 您的网络设计如何影响您的博客的成功
  • 找到完美的WordPress主题
  • 可以访问的资源和有帮助的博客列表

用户体验

设计您的网站是不仅仅是一种吸引人的布局和视觉外观。最终,您的网页设计的目标是提供一个无与伦比的用户体验。

你所做的一切都是访问网站的人。您所做的每一个决定都与用户同在。知道这一点,让我们来看看一种被称为预期设计的方法。这将有助于我们为其其余部分设置音调。

Huge的Aaron Shapiro给出了一个很好的定义预期设计

一种简化流程的方法,在用户做出决定之前就响应需求。

换句话说,你应该会读心术。既然我们大多数人都不是灵媒,就有灵媒多年来有很多设计元素是用来做这个的。这些听起来熟悉吗?

预期的设计元素

  • 弹出框
  • 应用内通知
  • 建议书
  • 地理位置

这种类型的设计意味着消除用户需要产生的努力,以基于所提供的信息来采取行动。如果你告诉他们做某事,他们应该尽可能努力地做到这一点。

它是关于珍惜用户的时间。这与整体用户体验直接联系在一起。通过预测他们的需求并快速有效地实现它们,您将为他们提供积极的经验。

准备好通过邮件列表来增加流量了吗?
不断的联系您已经掌握了入门所需的工具和专业知识了吗?看看他们的免费试用今天!
(赞助)

road-map-web-design

当你开始做网页设计的时候,问你自己四个问题。这些问题将帮助你理解如何创造最重要的体验:

  • 我可以根据之前的选择给用户提建议吗?
  • 我该如何为他们的经验增加价值(推荐,促销,等等)
  • 我能减少他们需要提供的信息吗?(降低完成前的点击次数)
  • 我如何调整我的内容,更直接地向我的听众表达?

在选择的时候要记住这些您的用户体验的元素

用户体验是网页设计的最终目标。

网页设计的5大原则

网页设计最好是从远处看。如果你试图从一开始就钻研细节,你会让自己头疼的。相反,你应该设身处地为用户着想,试着理解典型的读者是如何看待和消化网页的。

考虑这三个用户在线行为特征

  • 用户想要高质量的内容-高质量作品的定义是什么?人们寻找的主要东西是一个干净的布局,没有铺天盖地的广告,一致和随意的语气,和可信度。这意味着链接到你的来源和备份你的数据。
  • 在线读者扫描内容-由于大多数在线读者都使用移动设备,他们没有时间逐字逐句地阅读。相反,他们会浏览内容,寻找突出的关键点和项目。
  • 读者有期望-当有人进入你的网站时,他们这样做是因为他们期待着什么。它可能是信息,它可能是娱乐,或者它可能是产品或服务。您的设计应该快速,顺利地满足预期。他们必须越少。

考虑到这些因素,让我们来看看网站设计的5个原则,它们可以帮助你做出明智的决定:

1.不要让我思考

Krug的可用性第一定律是,你的网页应该是显而易见的,不言自明的。当设计你的网站时,删除任何第一眼看上去没有意义的东西。没有分心,没有神秘。

从A点移动到B点应该很容易,以此类推。建立一个清晰的结构和设计,包括容易识别的视觉项目和链接。

这是如何获取某人需要在一页上需要的所有信息的一个很好的例子。这是马里兰精酿啤酒节网站马里兰工艺主页

马里兰工艺主页#2

注意站点的每个部分是如何从上到下填充人们需要的信息的。门票价格,日期,免费地图下载,然后链接到下面的酿酒商。

所有它都与透明标头战略性地放置,以便您的眼睛徘徊和扫描,您发现越来越有价值。在这个例子中,我不必思考,这是所有人,为我组织。

2.使用设计元素来吸引注意力

既然我们已经确定读者的阅读方式不是线性的(从上到下),那么我们需要弄清楚如何让他们看到我们希望他们在页面上看到的东西。人类的眼睛非常复杂,但是眼动跟踪研究教会了我们它是如何被吸引的边缘、模式和运动。

这并不意味着将自动播放视频投入到您的页面中,这是一个许多新秀博主将制作的错误。这样的事情会分散读者的注意力。

使用颜色、粗体、斜体和字体大小等设计元素可以帮助你引导读者沿着你想要的路径,而不会让他们质疑网站是如何工作的。

让我们来看看叉的网站

叉子主页

请注意文本是如何前面和中心的。这是粗体的,它脱颖而出意味着它需求的关注。不仅规模和地位有所帮助,“开源”和“震撼你的世界”的大胆战略也为那些想要立即了解事实的人简化了概念。

在这个主图的下方,有两个清晰的按钮和底部的一些快速功能。这是a的一个很好的例子大胆简单的设计它能快速有效地传递信息。

3.没有华丽的语言

不要试图用花哨的措辞或短语让你的客户感到困惑。如果你想让某人注册,那就明确地告诉他们“注册”。

用清晰、简洁的商务语气说话,能立即、清晰地提供答案。以下是优化写作的三个特点:

  • 简明扼要地说重点
  • 用项目符号、标题和视觉元素对内容进行分类、组织和分解
  • 使用通俗易懂的语言和术语

4.拥抱空白区域

你在你的网络设计知识中增长时,你会听到的术语是认知负荷。这是一种奇特的方式,说“用户必须思考。”你会听到的另一个术语是白色空间这是您网站上未使用的空间

不像以前美术课上的上色,你想在你的网页设计中留下空白。如果你把屏幕上的每一寸都填满了设计元素,你会让读者头疼的。你留下的空白让设计元素有呼吸的空间。

根据Simon的法律,层次结构降低了复杂性。这意味着使用用作分离器的白色空间的结构使得内容更加复杂,更容易消化。

5.利用可见语言

亚伦马库斯在他的论文中提到了三个原则,形成“可见语言”。了解这三个要素将帮助你更好地规划你的网页设计:

  • 组织- - - - - -向用户显示一个清晰和有组织的布局。一致性、导航和设计布局都是需要考虑的重要方面。您为一个元素建立的规则和想法应该应用于所有元素。
  • 节约,尽量用最少的元素来传达你的信息。将其浓缩并以最简单的方式呈现出来。只使用交流所需的元素,清晰地展示它们,并强调重要的元素。
  • 交流- - - - - -内容的可读性在任何时候都应该保持平衡。在任何给定的页面中不要使用超过几个字体或大小。太多不平衡的元素会扭曲信息或使其难以处理。

您的网络设计如何影响您的博客的成功

我们衡量成功的方式是通过指标。

这些统计数据可以帮助博客和网站所有者了解他们的网站设计运行得如何,或者网站整体运行得如何。

在我们的案例中,有四个度量/类别受您的设计选择的影响:

网页设计影响着这四个方面

  • 订婚
  • 转换
  • 用户体验
  • 手机反应

让我们看看这四项,以及您的设计选择是如何影响它们的。

  • 订婚-这是用户与您网站互动的多大问题和多久。有一个称为指标跳出率衡量有多少人访问你的网站并立即离开。这个指标越低越好。伟大的设计将有助于抑制这种情绪。
  • 转换-这是一种奇特的说法“销售”。每次有人在您的网站上购买时,它都被视为转换。如果您的设计为用户提供了强大而明确的路径,从头开始结束,其中包含一个名为a的东西呼吁采取行动。这是要求读者执行操作(例如购买)的设计元素。
  • 用户体验-我们已经详细讨论了这一点,但你的博客设计的整体感觉和满足感与用户体验的质量有关。您希望他们从头到尾都有一个流畅的旅行,以零搭便车或混乱。例如,简单而干净的设计将支持伟大的用户体验。
  • 手机反应-这是你的网站在手机上显示的方式。把电脑上的体验带到移动设备上是非常重要的。否则你的网站就不能在谷歌上排名,你就会失去互动

关于手机响应性,我想强调这一设计元素的重要性。这里有一个网站在电脑和手机上应该是什么样子的例子。

正如你所看到的,手机版的设计元素提供了类似的用户体验。如果你不确定你的网站是否有能力做到这一点,谷歌拥有一个方便的工具,可以检查您

找到完美的WordPress主题

我一直是WordPress的忠实粉丝。在我谦虚的意见中,它是vwin时时彩 。有无数的理由让我相信这一点,但其中一个最重要的原因是它对初学者和资深博主都是多么友好。

WordPress需要绝对零设计体验来创建一个美丽和用户友好的网站。这么多的事情怎么样,听到你问?

答案是主题。

WordPress支持定制的网站设计和布局,也就是所谓的主题,可以很容易地下载和安装在你的博客或网站上。这些将涵盖你所有的基础,并且在许多情况下提供定制选项,帮助你的网站从其他网站中脱颖而出。

它们有两种形式:免费和支付。当你刚开始时,一个免费主题可以提供你所需要的一切,所以不要觉得有义务跳过这些选项。尽管有成千上万的选择,所以我们需要一个经过考验的过程来剔除那些我们不想要的找到适合你的主题

如何选择你的主题

  • 列出你想要的功能(大型缩略图、动画滑块、宽列等)
  • 考虑你网站的目的(食谱、博客建议、DIY项目等等)
  • 想象一下您需要多少个页面或类别,然后在导航方面寻找一个具有自定义选项的主题。
  • 确保你选择的主题是移动响应。这是一个必须持续的功能。

免费还是付费主题?

在这一点上,你可能会问自己在付费和免费主题之间应该采取什么路线。当你刚开始写博客的时候,免费的主题当然是有可能的,但是免费的主题有一些注意事项:

  • 它们倾向于提供非常基本的功能(尽管许多是移动响应功能)
  • 他们几乎得不到支持

虽然你不需要为它支付任何费用,但是当你需要更多的功能,却无法获得它们时,免费主题就会成为一个问题。把免费的主题作为你网站的基石。

安装WordPress主题

安装WordPress主题有两种方法:

  • 从目录中安装一个
  • 上传你下载的文件

让我们从第一个开始。从你的WordPress仪表盘开始。从那里,点击外观- >的主题。你的页面应该是这样的:

添加新主题

单击添加新按钮,并使用特性的滤波器要突出显示您正在寻找的主题的确切方面,如下所示:

过滤主题

一旦你找到了你想要的主题,点击安装按钮,然后是下一个屏幕上的激活按钮。

激活主题

就是这样!现在你的博客上有了一个WordPress主题。第二种方法的过程非常相似。当你进入主题页面,寻找上传主题按钮。

你也可以预览在你安装它之前,主题。

预览的主题

如果您想在操作中看到此过程,这是一个简短的GIF图像,它将帮助您可视化所有内容:

http://1stwebdesigner.com/free-web-design-resources/

其他网页设计资源

现在你已经了解了网页设计的目的和目标,也知道了如何安装你自己的WordPress主题,是时候走出去,创造一些奇迹了!

在你离开之前,别忘了把这个页面收藏起来。你不仅想在将来参考这些信息,而且我还会给你提供大量的顶级网页设计博客列表。

在这里你会发现无限的资源在这里折扣和新的信息继续作为网页设计师延长。请享用!

最终的想法

在大约2000字之前,如果我问你如何设计一个网站,你可能会瞪大眼睛盯着我。现在情况不再是这样了!你有知识和工具,你需要创建一个网站,关注最重要的用户体验。

你自己是网页设计师吗?你有什么建议给新手吗?在下面的评论区分享你的想法吧!