如何进行厦门网站制作?

厦门网站制作时,有一个过程需要遵循,特别是如果您刚刚开始作为网页设计师。良好的指导方针可以将健忘降到最低,从而帮助您更好地工作。

每个设计师或公司都会随着时间的推移为他们的网页设计过程开发独特的组件,但基本要素保持不变:学习,计划,设计,编码,启动和维护。

在本文中,我将分享我设计网站的过程。

制作网站的6步一般流程

在我们开始之前,让我先分享两个应该在整个设计过程中进行的并行过程。

你应该不断做的第一件事就是寻求反馈。通过定期获取反馈,您可以节省大量浪费的时间和精力。

你应该不断做的第二件事就是测试。当你去避免路上的头痛时,测试一切。

话虽如此,让我们开始吧!

1.学习

您认为网页设计过程中最重要的一步是什么?规划?设计?编码?

再猜。

学习 – 发现和理解您首先需要构建的内容 – 是整个网站设计过程中最重要的部分,这一点不应该让您感到惊讶。

为什么?这很简单,真的。您对自己需要完成的工作了解得越多,创建成功网站的机会就越大。

可以这样想:如果你是一个弓箭手,你不需要知道你的箭头在哪里?这就是目标的用途。中间的小红点是靶心。因为它更小,所以它更难击中,但即使你瞄准并且错过了,你肯定会比你将箭射向空中并且希望随机直接命中更接近。

靶心

那么你怎么能成为网页设计师的靶心呢?在进一步研究之前,您需要定义在项目中击中靶心的含义。

作为一名网页设计师,击中靶心会给你的客户提供他们想要的东西 – 这就是他们为你付出的代价。

客户需要的内容根据具体情况而有很大差异。既然你不是一个心灵读者(不,你不是),你需要主动找出他们想要的东西。

在某些情况下,他们可能甚至不知道他们想要什么,而在其他情况下,他们可能很难用语言表达他们所设想的内容,因为他们不了解CSS,Ajax或关系数据库等行业术语和概念。

创意简报

幸运的是,网页设计师可以使用一种工具来轻松收集这些信息。这被称为创意简报。创意简报基本上是您向客户询问的一系列问题,以便您了解项目的范围和目标。

您可以在面对面会议或电话会议中提出这些问题 – 或者您只需在您的网站上提供处理客户答案的网络表单。

您应该以您和您的客户最熟悉的方式获取此信息 – 但无论您做什么,都不要跳过创意简报,因为它将成为您项目的生命线。

您在创意简报中应该问什么样的问题?至少,找出:

    • 客户的目标受众
    • 他们的网站的主要和次要目标
    • 目前的品牌特征
    • 预算
    • 他们需要满足的截止日期

我也喜欢问客户他们喜欢什么网站,不喜欢给我一个关于我应该去哪里以及应该避免什么的视觉概念。

您可能还想知道他们是否需要在线商店,如果他们已经有徽标(如果没有,您可以为他们制作一个),谁将负责维护该网站一旦上线,等等。

您可能有想要包含的独特问题; 使用它们并且不要害怕在每个项目的基础上定制您的问题。

2.计划

一旦你学会了构建所需的东西,就该开始计划你将如何实现它。在开始设计网站之前,您需要确切地知道设计它的具体内容和方式 – 这一切都始于创建设计策略。

您制作的每个网站的设计策略都应该手工制作,以适应客户的愿景(如果您为自己设计网站,那么您就有资格成为客户)。

那么哪些因素会影响您的设计策略?创意简报将作为您计划的基础,为您提供一些基本信息,例如您的时间范围以及网站的目标受众是谁。

了解您的受众群体尤其重要,因为它会影响网站的浏览位置和方式。例如,您是否还需要创建适用于触控的移动版或iPad专用版?

研究和笔记

无论在整体战略图景中留下什么差距,都需要通过自己的一些研究来填补。现在是时候访问竞争网站,看看目标市场中已经有哪些类型的设计,这样你就会知道如何区分自己的设计。

查看谁在Google搜索中首先出现并尝试找出原因。在10分钟内,您应该能够开始拼凑设计计划的开头。

在您进行研究时,您还将开始集思广益,了解要使用的颜色,将动作放置在何处,应该使用哪种字体以及其他类似的细节。

此时,您还应该记笔记,截取屏幕截图并启动情绪板

素描和模拟

接下来,是时候创建一个模型并开始让你的想法更多地成为一个有形的状态。我喜欢从常规旧纸上勾勒出我的想法开始,就像许多其他网页设计师一样。

其他人更喜欢使用像OmniGraffle这样的线框工具。在此阶段,您不仅要开始认真考虑网站的布局,还要考虑网站的结构以及导航的形成方式。

在实际点击Photoshop或Illustrator创建更具体的内容之前,您有机会看到最有效的方法,并尝试不同的想法。

选择你的工具

这部分过程也是评估您需要使用哪些工具的绝佳机会。绝对不应该为您创建的每个站点使用预定的工具集。这对所有参与者来说都是一种潜在的危险做法,包括网站的最终用户和客户(更不用说您的投资组合看起来多么单调)。

考虑到网站的目标,无论是否包含Flash都是一个好主意,请考虑一下内容管理系统最适合的内容,等等。

3.设计

现在我知道有很多网页设计师喜欢直接跳到设计阶段而不考虑学习或计划,但设计不仅仅是创作的行为。你想要真正创造一些好的和有用的东西,如果没有在开始设计之前先做一些初步的工作,你就不能这样做。

如果您已经完成了学习和计划的工作,那么实际设计就会变得更加容易。当您不必担心细节时,它确实开启了一个全新的效率和生产力水平,因为您可以专注于更重要的事情。

准备好开始设计之后,请记住,您需要设计的不仅仅是主页。您还需要为您网站的子页面设计一个设计。有时可以很容易地设计主页概念,将其切片并开始编码以仅进入子页面并且没有方向。您可能还需要设计网站的移动版或iPad版。

设计阶段本身很简单。只需打开Photoshop(或您选择的图形创建工具),即可开始模拟生活。汗流to背的细节。让它像素完美。即使你觉得你正在做的项目更加无聊,直接盯着墙壁24小时,把你的全部投入其中。您的客户会注意到,您将为您所做的工作感到自豪。

此时您必须决定是否要在设计中使用真实内容或使用虚拟文本(例如Lorem Ipsum)。两个阵营都有很多粉丝,但我个人更喜欢使用真实副本和照片,如果可以使它尽可能接近现实。

在设计阶段,经常寻求反馈以确保满足所有指定要求是非常重要的。如果客户想要进行更改,现在是时候在设计被切片和编码之前进行更改,如果您在设计阶段这样做,那么制作这将是一个简单更改的难度要高十倍。

4.代码

一旦你有了杀手级的设计,你就需要把它变成一个真实的网站。无论您要使用哪种内容管理系统,安全的赌注都是从通用的HTML和CSS模板开始。

从基本模板开始

如果你像我一样,你已经有一套准备好的入门HTML和CSS文件已经相互链接,并且已经包含一些基本的入门代码(例如CSS重置)。

如果您不喜欢我并且没有准备好这些通用文件,请继续创建一些您可以在此阶段重复使用的文件。

在进一步讨论之前,最好继续添加标题,描述和元标记,或者至少记下如果以后要使用内容管理系统应该是什么。

布置主要部分和内容

通过插入<div>页眉,页脚和内容区域的主要部分(主要部分)开始编写HTML / CSS 。

接下来,开始添加文本和图像内容。目标是使您的标记尽可能保持语义,以便每个元素都有意义。

避免分裂 – 利用太多div的行为。例如,您不需要div来包含徽标。尝试使用<h1><p>替代 – 它可以完全相同的样式(例如使用displayCSS属性将它们变成块元素)。

验证和测试

不要忘记使用W3C提供的验证工具确保您的代码验证(但也要了解验证工具有缺点)。

您还需要进行一些浏览器测试,以确保网站的外观和行为符合预期,并提供统一的品牌体验,无论用户如何访问它。如果您对不同类型的计算机的访问权限有限,则可以使用Browsershots之类的工具。

使用FirebugYSlow调试您的站点并确保您的工作以最佳速度运行

最后一件事:不要忘记实施谷歌分析或您最喜欢的分析替代方案,这样您就不会错过在大型发布期间跟踪统计数据。

5.发射

当你最终完善网站时,是时候将它发布给公众了。启动对不同的人来说意味着不同的东西,主要是因为那里有各种内容管理系统和开发环境。

例如,如果您要重新设计使用内容管理系统或发布平台的网站,则您的启动可能与应用新主题一样简单。

如果您在沙箱或本地开发环境中设计一个全新的站点,那么“上线”意味着将您的文件FTP到生产服务器。

6.保持

在规划阶段,您应该确定谁将负责现场维护。如果客户端无法维护该站点,您可能需要建议他们定期或根据需要雇用您来管理和执行维护任务。

在项目的移交/关闭期间,它还可能有助于为您的客户提供一些指导和基本培训,以确保他们了解如何正确维护网站。

本文系作者 @ 原创发布在 厦门网站建设。未经许可,禁止转载。

喜欢()
评论 (0)
热门搜索
屈兴东
厦门网站建设服务流程包括:厦门网站设计(UID)到厦门网站制作(WEB)再到厦门网站优化(SEO)屈兴东十年扎根于厦门网站建设领域!在帮您实现厦门网站建设的同时、还助您做好厦门网络推广和厦门网络营销。厦门网站建设、请认准:https://web.quxingdong.com/。
8 文章
0 评论
59 喜欢
Top