如何设计一个网站

01 10

研究

潜在的客户只是要求你设计一个网站,但你从哪里开始? 您可以遵循一定的流程来确保项目顺利进行。 它反映了标准的图形设计流程 ,仅包含几个网站特定的步骤。

作为平面设计师,您可以选择自己完成整个设计,包括编码。 但是,您也可能希望收集团队来帮助您了解详细信息。 网站开发人员和搜索引擎优化专家可能对您的项目有价值的补充。

这一切都始于研究

与大多数设计项目一样,创建网站的第一步是进行研究。 其中一些研究将与客户一起完成,以了解他们的需求。 你还需要更多地了解他们的行业和竞争对手。

在与您的客户会面时,您需要尽可能发现以帮助您制定网站轮廓并最终设计。 这包括询问他们的目标受众,目标,创意方向和其他可能影响客户能力的变量,如预算和截止日期。

您的行业和市场研究将同时进行。 为了准备迎接您的客户,您应该了解他们的行业。 找到需求之后,你会想要更深入一点。

所进行的研究水平将取决于客户的预算和您现有的行业知识。 它可以像查看该领域的其他网站一样简单。 对于更大的项目,可能与焦点小组进行深入研究。

02之10

头脑风暴

一旦你知道该项目的全部内容,就该收集想法, 集思广益是开始的好地方 。 而不是寻找完美的想法成为你的第一个,扔掉网站的任何想法或概念。 你可以随时缩小范围。

有些网站可能会要求提供标准的网络界面,包括导航(按钮栏)和用户最可能期望的内容区域。 其他人可能需要一个独特的概念来呈现内容。

最终,内容将推动设计。 例如,一个新闻网站将有一个比摄影师的网络投资组合更为不同的方法

03之10

决定技术要求

在开发网站的早期阶段,需要就项目的技术要求作出决定。 这些决定会影响预算,时间框架,并在某些情况下影响网站的总体感受。

主要决定之一是网站的底层结构应该是什么,这将决定使用什么软件以及网站“运作”的系统。

您的选择包括:

04年10月

写一个大纲

既然您已经收集到了必要的信息并对一些想法进行了头脑风暴,那么把它全部写在纸上是个好主意。

网站的大纲应包括网站上要包含的每个部分的列表,并说明每个网页上将显示的内容类型。 它还应尽可能详细地描述网站上的哪些功能,例如用户帐户,评论,社交网络功能,视频或简报注册。

除了帮助组织项目,客户还应该看到网站提案 的大纲 以便他们在项目继续之前批准。 这将允许他们添加,删除或调整任何部分或功能。

所有这些都将最终帮助您制定预算和时间框架并构建网站。 根据批准的大纲就网站项目的价格达成一致意见将有助于避免项目后期的额外费用或意见分歧。

10的10

创建线框

线框是网站布局的简单线条图 ,可让您(和客户)专注于元素的位置而不是颜色和类型。

这非常有用,因为它可以确定哪些内容最值得关注,以及页面上用于这些元素的空间百分比。 没有被其他视觉元素分散注意力,批准的线框为您的设计提供了一个框架。

对于某些项目,您可能会考虑将线框集合用于不同类型的内容。 包含大量文本的联系人,关于以及其他页面的布局可能与图库或购物页面不同。

在从一个线框转换到另一个线框时,保持整个网站的统一外观非常重要。

06年10月

设计网站

一旦你和你的客户对线框感到满意,现在该开始设计网站了。

Adobe Photoshop是创建初始设计的最常用工具。 网站设计的重点应该是呈现内容,并将用于创建实际的网页。

目前,只需设计和使用基本元素来为您的客户创造一些东西来查看和批准。

07的10

构建网页

当您的设计获得批准后,网页需要从模型转化为以HTML和CSS编写的实际网页。

有经验的设计人员/开发人员可以选择承担所有的编码工作,而专注于网页设计方面的人可能会与开发人员密切合作,使网站生动起来。 如果是这样的话,开发者应该从一开始就参与其中。

开发人员将帮助确保设计是一个现实和有效的网页布局。 他们也应该咨询你向客户承诺的任何功能,因为有些功能可能无法执行或对网站有益。

诸如Adobe Dreamweaver之类的软件可以帮助设计人员将模型转变为有效的网页,具有拖放功能,预建功能以及用于添加链接和图像的按钮。

网站建设有很多可用的软件选择。 选择一个你喜欢的工作,只要确保他们能够真正了解页面的细节和编码。

08年10月

开发网站

一旦您的布局在HTML和CSS中完成,它就需要与您选择的系统集成。 这是它成为一个运作良好的网站的地步。

这可能意味着要开发模板以供内容管理系统读取,更改WordPress模板或使用Dreamweaver在页面和更高级的Web功能之间创建链接。 这又是一个可能留给其他成员或团队成员的步骤。

您还需要购买一个网站域名,并有一个托管服务排队。 这应该是您与客户讨论的一部分,实际上应该在流程的初始阶段完成。 有时可能需要一段时间才能使服务变得活跃。

您或您的开发人员对网站进行全面测试也很重要。 你不想做“大揭秘”,而且功能不正常。

09年10月

推广网站

随着您的网站在线,现在是时候推广它。 如果人们不访问它,你的惊人的设计就不好。

驾驶交通工具可以包括:

10 10

保持新鲜

让人们回到您的网站的最佳方式之一是保持内容新鲜。 将所有工作放到网站中后,您不希望在发布后的数月内保持不变。

继续发布新内容,照片,视频或音乐......无论网站是用来展示的。 博客是保持网站更新的好方法 ,任何有关您网站的主题的帖子都可以更新,

如果您的客户将要处理CMS网站的更新,您可能需要培训他们使用它。 更新您设计的网站是获得固定收入的好方法。 确保您和您的客户同意您进行更新工作的频率和费率。