你的网站看起来会是什么样子?

发布日期:2022-04-01

你的网站看起来会是什么样子?

你的网站看起来会是什么样子?讨论在写代码之前你必须为你的网站做的规划和设计工作,包括“我的网站提供什么信息?”,“我想要什么字体和颜色?”和“我的网站做什么?”

最重要的是:计划

在做任何事情之前,你需要一些想法。你的网站应该做什么?一个网站基本上可以做任何事情,但是,对于你的第一次尝试,你应该保持简单。我们首先创建一个带有标题、图像和几个段落的简单网页。

首先,你需要回答以下问题:

  1. 你的网站是关于什么的?你喜欢狗、纽约还是吃豆人?
  2. 关于这个主题,你提供了什么信息?写一个标题和几个段落,然后想一个你想在你的页面上显示的图像。
  3. 你的网站是什么样的,用简单的高级术语来说?底色是什么?什么样的字体比较合适:正式的、卡通的、醒目的、含蓄的?

注意:复杂的项目需要详细的指导方针,包括颜色、字体、页面条目之间的间距、适当的写作风格等所有细节。这有时被称为设计指南、设计系统或品牌手册,你可以在Firefox光子设计系统

画出你的设计草图

接下来,拿起笔和纸,大致勾勒出你想要的网站外观。对于你的第一个简单的网页,没有太多的草图,但你现在应该养成这样做的习惯。这真的很有帮助——你不必非得是梵高!

注意:即使是在真实的、复杂的网站上,设计团队通常从纸上的粗略草图开始,然后使用图形编辑器或网络技术构建数字模型。

网络团队通常包括一个图形设计师和一个用户体验(用户体验)设计师。平面设计师将网站的视觉效果整合在一起。用户体验设计师在处理用户将如何体验和与网站互动方面扮演着更抽象的角色。

选择你的资产

现在,最好开始把最终会出现在网页上的内容放在一起。

文本

你应该仍然保留之前的段落和标题。把这些放在身边。

主题颜色

要选择颜色,请转到颜色选择器找一个你喜欢的颜色。当你点击一个颜色,你会看到一个奇怪的六个字符的代码,比如# 660066. 这就叫做十六进制代码(十六进制的简称),表示你的颜色。先把代码复制到安全的地方。

图片

要选择图像,请转到谷歌图片然后寻找合适的东西。

  1. 当您找到您想要的图像时,单击该图像以获得其放大视图。
  2. 右键单击图像(Ctrl +在Mac上单击),选择将图片保存为……,并选择一个安全的地方保存图像。或者,复制图像的网址从您的浏览器的地址栏供以后使用。

请注意,web上的大多数图像,包括谷歌图像,都是受版权保护的。为了减少侵犯版权的可能性,您可以使用谷歌的许可过滤器。点击工具按钮,然后就得到结果使用权选项出现在下面。你应该选择这个选项Creative Commons许可

字体

选择字体:

  1. 谷歌字体找一个你喜欢的。
  2. 将谷歌提供给您的代码行复制到文本编辑器中,以便保存以备以后使用。
  3. 有关使用谷歌字体的详细信息,请参见这个页面

在这个模块