网站网站样式效果构思

你的网站样式效果构思?在你编写代码之前讨论好你的计划和设计工作,包括:“我的网页要呈现什么信息?”,“我想要什么字体和颜色?”,和“我的网页有什么用处?”。

第一步:做出计划

在做任何事之前,你需要一些主意。我的网页到底有什么作用?一个网页基本可以做任何事,但是你的第一次尝试应该简单点。我们将以编写一个简单的网页开始,包括一个头部,一张图片和几个段落。

开始之前,你需要回答这些问题:

  1. 你的网页内容是什么?你喜欢狗狗,纽约或者吃豆人吗?
  2. 你的主题中要展示什么信息?编写一个标题和几个段落,再想几张你想展示出来的图片。
  3. 你的网页长得什么样?用高级一点的术语来说就是,你的背景颜色是什么?什么字体合适:正式的,卡通的,粗犷的,还是精细的?

[!]提示:复杂的项目需要详细的参考手册,内容包括颜色,字体,网页中各项目的间距,合适的编写规范等等。参考手册有时也被称为设计指南或者品牌手册,ps:你也可以看下别人的网站构思自己的网站,也就是我俗称的仿站,开始你可以找一些简单的网站!比如仿一个百度的静态HTML搜索界面之类的!


设计一个网站草稿图

接下来,拿一支笔和一张纸然后粗略地画出你希望你的网站呈现出来的样子。对于你的第一个简单网页,并没有什么好做的,但是你现在应该养成这样的习惯。这真的很有用——你并不需要成为下一个梵高!

[!]提示:即使是在真正的复杂的网站中,设计团队也是首先在纸上画出草稿,然后在图形编辑器中或者使用 Web 技术作出数码模型;

Web 团队通常包括一个图形设计师和 用户体验设计师 。图形设计师的作用很明显是将网页视觉部分组合在一起。用户体验设计师则拥有一个某种更抽象的角色来解决用户如何浏览和与网站交互。


选择你的内容

在这个时候就可以开始将最终呈现在你的网页上的内容放在一起了。
文本
你应该还记得之前的段落和标题,确保它们在身边。
主题颜色
要选择一种颜色,访问 the Color Picker 找出你喜欢的颜色。当你在一种颜色上点击时,你会看到一个类似于 #123456 的奇怪的六位编码。这是十六进制编码(搜索关键词:rgb颜色代码)类似这里的网站,并且表示了你的颜色。复制下来并将它暂时保存在你记得住安全的地方。

RGB颜色对照表

图像

要选择一个图像,访问百度搜索合适的图片内容,或者是自己拍摄照片之类的!

  1. 当你找到想要的图像时,在图像上单击。
  2. 按下 查看图像 按钮。
  3. 在下一页,右击图像(或者在 Mac 上 Ctrl + 点击),选择 图像另存为...,然后选择一个你记得住安全的位置存放你的图像。另外你也可以复制你的浏览器地址栏上的图像地址备份以便以后使用。
文章目录