16
2018/8
如何创建网站:网站设计搭建的终极指南
|网站设计 |网站教程
如果您拥有一家企业,则需要一个网站。但我猜你正需要阅读一篇关于如何创建网站的文章,以增加你决策的成功性。

现代科学网站设计

现代科学网站设计

你所意识到的是,虽然使用互联网是一项非常简单的任务,但设计,建立和创建一个网站是相当专业的。你希望它看起来不错。您希望它易于使用。您希望人们能够在Google上找到它。您希望它实际上帮助您将访客转换为客户......但您如何做到这一切?

我们尚略上海网站设计建设公司带给您这篇“网站设计建设终极指南:将引导您逐步完成创建一个成功的网站:

一、您需要了解的入门内容


了解谁是网页设计师和网站开发师


网页设计与不同面孔的网格

网页设计与不同面孔的网格

当您为您的品牌设计徽标时,雇佣一个人来完成这项工作非常容易,并且结果非常好。创建网站时不一定是这种情况。虽然有个人或代理商提供端到端的解决方案,但您最终可能不会在冒险中与多人合作建立网站。以下是您旅程中可能遇到的一些角色:

网页设计师——是网站页面设计师,他们将您的想法转化为一个漂亮的(或坏的)模型,显示您未来的网站将是什么样子。这通常在Adobe Photoshop或类似的图形程序中完成。

UX(用户体验)或UI(用户界面)设计人员——很多时候与网页设计师是同一个人,专注于您的布局设计如何影响您的用户。例如,它们将帮助您确定将按钮放在哪里以吸引更多人点击它们,或者如何构建导航以使您的网站尽可能无缝地流动。(UX和UI之间存在差异。本文很好地解释了这一点。)通常,UX / UI设计师和网页设计师之间存在重叠; 如果你想省钱,聘请兼具两种技能的自由职业者应该不会太难。

网站开发人员——有时也被称为工程师或程序员,他们采用您的设计师制作的漂亮(或坏蛋)模型并将其翻译成编码语言,以便可以在网络上显示。为了使事情进一步复杂化,有许多不同的编码语言,大多数开发人员专注于一个或几个。

前端开发人员——专注于我们在查看网站时看到的内容(例如渲染图像,文本,动画,下拉菜单,页面布局等)。

后端开发人员——则专注于幕后发生的事情,如果您的网站需要与数据库进行对接,则必不可少。(如果您要购买购物车,用户个人资料,或者希望能够自行上传任何内容,那么您将需要一个数据库。这块工作主要由网站开发人员解决问题)

SEO专家,内容策略师,内容编写者——也可能是您在构建网站时要咨询的专家。他们可以帮助您弄清楚您网站上需要什么,以帮助合适的人找到它(通过搜索引擎)并决定在那里购买。

二、获取域名和托管


就像你开办实体店一样,在建立网站时,你需要做的第一件事就是租一个地点。

切换数据中心

切换数据中心

当你获得网络托管服务时,你会在数据中心租用服务器空间,就像内华达州的大型服务器空间和中国阿里云一样。

Web托管是您网站资产所在的物理空间。所有这些图像,文本和数据库实际上都需要物理服务器来托管它们。虽然您可以自己购买并将其放入办公室/房屋/车库,但绝大多数人和企业通过公司租用托管空间。托管(如租金)通常每月支付。对于大多数企业来说,它将在5美元/ 20美元/月的范围内,但如果您有大量数据需求可能会高得多,您可能需要在购买前咨询您的网站开发人员(因为他们可能有首选供应商)。

您的域名是人们在浏览器中键入的内容(例如shinerayad.com)。通常,这是您的公司名称。要获取域名,请向域名注册商注册(例如中国万网)。您需要支付少量费用(通常低于100RMB/年)才能购买并保留名称。大多数托管服务也可以作为域名注册商; 这通常是你最好的选择,因为它是最容易设置的。

最后,您需要将您的域名指向您的服务器,这些服务器基本上告诉互联网当有人在您的浏览器中键入您的域时,它应该在此服务器仓库中查找以查找要显示的正确图片和文本。虽然这个过程并不复杂,但可能令人困惑。这是您可以尝试DIY的步骤(您的Web主机或域名注册商的支持团队可以为您提供帮助),但您的Web网站开发人员也可以轻松帮助您。

三、考虑结构并收集您网站的内容


您的网页设计师或开发人员不会在您的网站上撰写关于页面的信息,也不会为您的商店拍摄您的产品照片。您将不得不提供所有内容以及提供网站的一般结构。

动画网站

动画网站

对于结构,您需要考虑所需的页面,常见的包括:

1)主页
2)关于公司介绍页面和/或联系页面
3)博客
4)产品目录
5)个别产品页面
6)法律条款和条件
7)画廊
8)促销活动的目标网页/营销页面

每种类型的页面都需要进行布局和设计,每个页面都需要有内容。

您不一定需要在此过程的最后阶段确定内容,但您需要了解您希望在您的网站上提供哪些内容以及如何获得该内容的计划。你需要留出时间来写好文本内容(或聘请某人为你做)吗?您应该聘请摄影师拍摄产品照片吗?您需要为网站提供所有自定义图像(如您的徽标或团队照片),但网页设计师可以帮助您根据需要获取库存图像。

专业提示:您的设计师(特别是如果他们有UX / UI体验)可能对您没有想到的内容和结构有一些很好的想法。很可能值得在这个过程的早期与他们进行讨论。

四、确定您需要的功能


当有人访问您的网站时,您希望发生什么?他们是否只是获取有关您的产品或服务的信息,如电话号码或营业时间?他们需要能够购买商品吗?他们的主要目标是阅读博客文章或学习技巧吗?他们是否在填写报价单?他们应该能够创建用户配置文件并上传自己的信息吗?

您的功能需求将决定如何开发您的网站以及您需要与谁合作。它们也会对您的预算产生巨大影响,因此您需要对其进行整理以获得准确的报价。

五、了解CMS是什么,并决定是否需要CMS


Docly仪表板

SpoonLancer为Dolcy定制CMS

CMS(内容管理系统)是一种数据库和Web应用程序。从本质上讲,它允许用户(如您和您的同事/员工)上传内容以访问您网站的不同部分。如果您希望能够定期编辑文本或更改网站上的照片,而您不知道如何编码,则需要使用CMS!

那里有很多CMS选项。常见的用例有很棒的开箱即用选项(例如WordPress用于博客,Shopify用于托管电子商务网站,Six用于构建个人资料)。但是如果你需要高级功能(比如你希望建立下一个Facebook或Uber或99designs),你将不得不自定义开发。

六、如何创建您的网站


1.模板站点和构建器


DIY网页模板平台在过去十年中迅速普及。你可能至少听说过其中的几个。流行的名字包括:Squarespace,Shopify,Wix和Weebly。每个都有自己的专长(例如,Shopify专注于电子商务网站)和他们自己的一组模板,您可以选择。

Wix上提供的精选模板

Wix上提供的精选模板

优点:

  • 最低成本选择

  • 它们都是CMS,可以让您控制您网站上的内容

缺点:

  • 您只限于他们的模板和一些自定义选项(因此您的网站看起来会像许多其他网站一样,不一定是品牌上的,您也无法对功能进行太多控制)

2.聘请自由职业者为自定义解决方案


室内设计网站

室内设计网站

如果您想要更好地控制网站的外观和功能,最好的办法是雇用一名或多名自由职业者来帮助您构建网站。这非常适合以合理的价格获得您所需的产品,但可能需要您更多地亲自动手。

我们建议您搜索设计师个人资料,以找到其风格与您的想法相符的人。或者,如果您想获得许多设计创意,您可以开始网页设计竞赛。我们会帮你写一篇简短的文章。来自世界各地的设计师将阅读它并将您的想法发送给您的网站。您提供反馈以优化设计,并最终选择您喜欢的赢家。

请记住,您可能需要为您的项目雇用设计师和开发人员,尽管有一些自由职业者同时兼顾。请务必事先澄清,以便相应地预算(包括时间和金钱)。

优点:

  • 获得您想要的外观和功能

  • 合理的成本(虽然它显然取决于自由职业者和您的具体需求)

缺点:

  • 您可能需要雇用多人(网页设计师,UX / UI设计师,开发人员)

  • 需要更多时间和来自您的输入

3.聘请自由设计师为混合解决方案


如果您想要自定义外观,但又不想投资完全自定义开发,那么您很幸运!可以从开箱即用的模板解决方案开始,并使用您自己的独特模板进行自定义。

婚礼视频wordpress设计

婚礼视频wordpress设计

其中一个最受欢迎的选择是在WordPress上建立一个网站。虽然它最初是一个博客平台,但WordPress已成为整个互联网上最受欢迎的CMS(约占所有网站的30%)。它完全可定制,可随您的业务增长。有成千上万的模板,但也可以创建自己的模板,使其成为完美的混合解决方案。

您可以聘请WordPress主题设计师来创建一个美丽,独特的品牌网站,并使用WordPress为后端数据库功能提供支持。

请注意,这也适用于其他几个模板站点(例如,您可以创建自定义模板或修改Shopify或Squarespace的现有模板),因此如果您更愿意使用其中一个平台,那么这也是一个选项。请注意,在任何这些情况下,设计仍然需要转换为代码,因此请确保您询问您的设计师是否可以这样做,或者知道您将不得不雇用开发人员。

优点:

  • 允许您以更低的成本获得更高级的功能(内置于WordPress或Shopify等平台)

  • 您将获得自定义设计,以便您的网站美观且品牌化

缺点:

  • 您可能还需要聘请设计师和开发人员

5.聘请代理商提供定制的端到端解决方案


Buhv设计组合

Buhv是一家位于丹佛的网页设计公司

网站设计和开发机构是他们所做工作的专家。他们不仅能够指导您帮助您做出正确的决定,而且他们还能够将您从线框带到完全开发的网站。当然,所有这些都需要付出高昂的代价。对于有复杂需求的公司或成本较低的公司来说,这是一个很好的选择。

优点:

  • 头痛最少; 您正在与专家一起工作,他们将引导您完成整个过程

缺点:

  • 你可能会看到很高的价格

七、设计自定义网站的7个步骤


1.确定你需要什么并雇用一名设计师


你弄清楚了你的域名吗?你知道你需要什么功能吗?您想要设计的页面列表?您是否有计划收集填写网站所需的所有自定义内容?

真棒!是时候聘请设计师了。要找到合适的人选,您需要查看投资组合。考虑一下您的品牌个性,并确定设计师是否符合风格。(例如,您是否想要一些前卫和现代或有趣和有趣的东西?)寻找具有您所在行业经验的设计师或您正在寻找的特定类型的网站通常是个好主意。如果你是一名摄影师,寻找在他们的作品集中拥有画廊的设计师,如果你销售商品,寻找有其他电子商务公司经验的人。

以下是我们最喜欢的网页设计师:

 WordPress主题设计明信片/传单或打印Facebook封面

左一:WordPress主题设计

中二:明信片/传单或打印

右三:Facebook封面

网页设计主题网页设计主题网页设计

左一:网页设计

中二:主题网页设计

右三:主题网页设计



左一:网页设计

中二:应用程序设计

右三:着陆页设计


2.从线框开始


99设计线框

99设计线框

没有地图,你不会在越野旅行中起飞。同样,您不应该在没有线框的情况下开始设计您的网站。线框基本上是蓝图,显示导航的位置,您将拥有图像的位置,CTA按钮的位置等。

从线框开始将简化流程的其余部分。您和您的设计师可以讨论结构并更改表面上的线条图而不是复杂的Photoshop模型。这节省了每个人的时间和金钱。

您应该为所有主要页面类型(例如您的主页,产品列表,博客文章等)做线框。

如果您要在现有模板网站上构建自定义设计,您仍应使用线框,只需确保您的设计人员了解模板中固有的限制。


3.设计外观和感觉


您的网站是您在线品牌的所在地。因此,您的设计决策(从字体到颜色再到样式)应围绕该品牌标识建立。如果您有品牌风格指南,请将其发送给您的设计师。如果您不这样做,请向他们提供:

  • 你的标志

  • 您的品牌颜色(如果可能,请使用十六进制代

  • 字体列表

  • 任何其他风格要求(例如“有趣和友好”或“黑暗和豪华”)

这也是一个伟大的想法,送你喜欢的网站数,精心挑选的例子,用一两句话解释为什么你喜欢他们。

有了这些信息,设计师就会去做他们的事情。他们通常会以你说的最重要的页面开头(对很多人来说,这是主页,但并不总是这样)。

网站设计火星卷轴火星卷轴网站设计火星卷轴网站设计

左一:网站设计火星卷轴

中二:火星卷轴网站设计

右三:火星卷轴网站设计

当他们带着初稿返回时,轮到你提供反馈。注意您对设计的初始内脏反应,但抵制至少24小时响应的冲动。你想给自己时间消化,你应该把它展示给其他利益相关者以获得他们的意见。当您提供反馈时,请确保其具体而明确。

根据您与设计师的协议,您可能需要经过几轮反馈才能进入最终设计。

如何提供更好的设计反馈 - >


4.为所有页面创建模板


一旦您了解了最重要的页面的外观和感觉,并假设您拥有所有页面类型的线框,那么为所有页面制作设计原型应该相当简单。可能有一些小的东西需要调整,但此时你和你的设计师希望在同一页面上讲同一种语言。

假设您的设计人员不是您的开发人员,此时他们应该为您提供可以带给开发人员的分层图像文件。(行业标准是Adobe Photoshop文件,尽管Sketch正变得越来越流行。)

5.与开发人员合作,为您的设计编码


 帆船网页设计

帆船网页设计

雇用Web开发人员时,您希望专注于功能。您应该能够告诉开发人员您想要什么,并且他们应该能够以明确的语言解释(即使您不是Web开发人员),他们将如何实现这一目标。

如果您需要CMS,请确保他们告诉您他们正在使用哪个平台,或者告诉您如何以及如何控制您将来可能要进行的任何更改。

如果他们不问你很多问题,要小心。这通常表明他们没有考虑过程中涉及的所有不同步骤。

与设计师一样,在您简要介绍之后,开发人员将创建原型。他们会给你发一份草稿,你可以玩它并提供反馈。

6.填写所有内容


教育网站设计

教育网站设计

你有一个功能齐全的网站。真棒!现在是您需要填写所有内容的时间,从员工或产品照片到标题和正文。

根据您的目标,聘请内容或搜索引擎优化专家帮助处理文本可能是值得的(它们可以帮助您进行页面排名,也可以帮助您设置正确的语气以吸引访问者)或专业摄影师(特别是如果你在卖货物)。

7.做用户测试


在您正式启动网站之前,您需要尽可能多的人来玩它。当他们提供反馈并提出问题时倾听,但要抵制防御的冲动。

我接受反馈时的一般经验法则是,如果两个不同的人(彼此之间没有交谈)给我相同的注释,他们可能会接触到某些东西。

进行所需的最终调整并启动您的网站!

八、您准备好为您的企业创建一个完美的网站吗?


创建一个网站是有益的,奖励和恐吓。要记住很多方面(对于许多人来说,沿途学习很多新技能)。但如果你做对了,那么你将获得一种可以帮助你将业务发展到未来的产品。

插图网站

插图网站

我最后的想法是提醒你,网站几乎从来都不是一个完成的项目。这是可以而且应该定期发展的事情。如果你正处于旅程的开始阶段并选择了一个模板网站,那么你可能会在一两年内超过它,这没关系(当你这样做的时候,我们已经有很多很棒的设计师准备并愿意帮助升级你来自定制解决方案)。或者,您可能会意识到您的客户群正在发生变化,您需要重新命名。或者技术可能会改变,需要你适应(现在,一切都应该响应和移动友好。在5年谁知道!)

现在出发创建一个惊人的网站!

本文网址:http://www.shinerayad.com/news_info.asp?id=3761

返回           上一篇           下一篇