首页 关于我们 项目案例 网站建设 网站优化 微信公众号 技术课堂 联系方式
QQ联系点击这里给我发消息
电话联系
手机联系
QQ联系点击这里给我发消息
电话联系
手机联系
【当前位置】

如何设计网站:一步一步

发布时间:2019-05-31 09:39
发布者:康康
浏览次数:
 
 
潜在客户刚刚要求您设计一个网站,但您从哪里开始?您可以遵循一定的流程来确保项目顺利进行。它反映  了标准的图形设计过程,只需要包含一些特定于网站的步骤。
 
 
作为平面设计师,您可以选择自己承担整个设计,包括编码。但是,您可能还想收集一个团队来帮助您了解详细信息。Web开发人员和SEO专家可能是您项目的重要补充。
 
研究
与大多数设计项目一样,创建网站的第一步是进行研究。一些研究将与客户一起完成,以了解他们的需求。您还需要了解有关其行业和竞争对手的更多信息。
 
 
在与客户会面时,您需要尽可能地发现,以帮助您为网站制定大纲并最终进行设计。这包括询问他们的目标受众,目标,创意方向以及可能影响您可以为客户提供的内容的其他变量,例如预算和截止日期。
 
您的行业和市场研究将同时进行。为了准备好迎接您的客户,您应该了解他们的行业。找到他们的需求后,你会想要更深入一点。
 
所进行的研究水平将取决于客户的预算和您对该行业的现有知识。它可以像查看该领域的其他网站看起来一样简单。对于更大的项目,它可能类似于焦点小组的深入研究。 
 
头脑风暴
一旦你知道这个项目是什么,就该有时间收集想法,头脑风暴是一个很好的起点。而不是寻找完美的想法成为你的第一个,抛弃网站的任何和所有的想法或概念。您可以随时缩小范围。
 
 
有些网站可能需要标准的网络界面,导航(按钮栏)和用户最有可能期望的内容区域。其他人可能需要一个独特的概念来呈现内容。
 
最后,内容将推动设计。例如,新闻网站的方法与摄影师的网络组合截然不同
 
决定技术要求
在开发网站的早期阶段,需要就项目的技术要求做出决策。此类决策将影响预算,时间范围,并在某些情况下影响网站的整体感觉。
 
其中一个主要决策是网站的底层结构应该是什么,这将决定使用什么软件以及哪些系统使网站“正常工作”。
 
 
您的选择包括:
 
基本HTML:标准HTML网站,其中每个页面都是手动编辑的。这可能相对较快地开发,但几乎没有灵活性和大量的持续维护。同样重要的是要记住,HTML网站不仅仅是HTML,还可以包含CSS,JavaScript和其他函数编程语言。
使用内容管理系统:使用CMS通常允许客户端执行定期内容更新,而设计人员可以控制站点的整体外观。有些系统可能是从头开发的,有些系统是根据客户的需求购买和定制的。Blogger和WordPress等在线系统是免费的,也包括基本的CMS。
写一个大纲
既然你已经收集了必要的信息并集思广益,那么把它全部写在纸上是个好主意。
 
 
网站概要应包括要包含在网站上的每个部分的列表,并说明每个页面上将显示的内容类型。它还应尽可能详细地描述网站上的哪些功能,例如用户帐户,评论,社交网络功能,视频或简报注册。
 
除了帮助组织项目之外,还应向客户提供网站提案的大纲,以便他们可以在项目继续之前批准。这将允许他们添加,删除或调整任何部分或功能。
 
所有这些最终将帮助您制定预算和时间框架并构建网站。根据批准的大纲就网站项目的价格达成一致将有助于避免项目后期的额外费用或意见分歧。
 
创建线框
线框图是网站布局的简单线条图,允许您(和客户端)专注于元素的放置而不是颜色和类型。
 
 
这非常有用,因为它确定哪些内容最值得关注,以及页面上用于这些元素的空间百分比。不受其他视觉元素的干扰,批准的线框为您的设计提供框架。
 
对于某些项目,您可能会考虑使用一组线框来用于不同类型的内容。具有大量文本的联系人,关于和其他页面可能具有与图库或购物页面不同的布局。
 
当您从一个线框转换到另一个线框时,在整个网站中保持统一的外观非常重要。
 
设计网站
一旦您和您的客户对线框感到满意,就可以开始设计网站了。
 
Adobe Photoshop  是创建初始设计的最常用工具。网站设计的重点应该是展示内容,它将用于创建实际的网页。
 
现在,只需设计和使用基本元素来创建一些供客户查看和批准的内容。
 
虽然华丽的设计和动画取而代之,但它们不应该压倒用户所寻求的东西。
一致的导航将帮助您的访问者找到所有主要内容区域。
清洁使用类型(在文本驱动的网站的情况下)将使访问者阅读和回来更多。
在您拥有网站设计的实际内容之前,Lorem Ipsum文本将帮助填充空间而不会分散您的客户的注意力。
构建网页
当您的设计获得批准后,需要将页面从模型转换为用HTML和CSS编写的实际网页。
 
经验丰富的设计师/开发人员可能会选择接受所有编码,而专注于网络设计方面的人可能会与开发人员密切合作,以使网站变为现实。如果是这种情况,开发人员应该从一开始就参与其中。
 
开发人员将帮助确保设计是一个现实和有效的Web布局。他们还应该咨询您向客户承诺的任何功能,因为有些功能可能无法执行或对网站有益。
 
诸如Adobe Dreamweaver之类的软件可以帮助设计人员将模型转换为可用的网页,具有拖放功能,预先构建的功能以及用于添加链接和图像的按钮。
 
网站建设有许多软件可供选择。选择一个您喜欢的工作,只需确保它们可以让您真正了解页面的详细信息和编码。
 
开发网站
在HTML和CSS中完成布局后,需要将其与您选择的系统集成。这就是它成为一个运作良好的网站的地步。 
 
这可能意味着开发模板以供内容管理系统读取,更改WordPress模板,或使用Dreamweaver在页面和更高级的Web功能之间创建链接。这又是一个可能留给另一个成员或团队成员的步骤。
 
您还需要  购买网站域名  并提供托管服务。这应该是您与客户讨论的一部分,实际上应该在流程的初始阶段完成。有时,服务变得活跃可能需要一段时间。
 
您或您的开发人员对网站进行全面测试也非常重要。你不想做'大揭示',并且功能不正常。
 
推广网站
随着您的网站在线,是时候推广它了。如果人们不去参观它,你的惊人设计就没有用。
 
为网站带来流量可包括:
 
为搜索引擎优化它。如果这不是一个专业领域,聘请SEO专家,因为最佳实践不断变化。
发送简报以突出显示新内容。该通讯的设计应与网站设计,以保持品牌信息相一致。
在Google上投放PPC广告或在其他网站上投放横幅广告。
更常规的方法,如印刷广告和口碑。
保持新鲜
让人们回到您的网站的最佳方法之一是保持内容新鲜。将所有工作放入网站后,您不希望它在发布后的几个月内保持不变。
 
继续发布新内容,照片,视频或音乐...无论网站是为了呈现而构建的。一个博客是一个伟大的方式保持更新网站,对任何主题任意长度的帖子与您的网站,
 
如果您的客户将处理CMS网站的更新,您可能需要培训他们使用它。对您设计的网站进行更新是获得固定收入的好方法。请确保您和您的客户就您所做的任何更新工作的频率和费率达成一致。