如何创建一个网站。 演练

五个步骤的网站建立平台特迪尔达*斯文出版,链接到有关的资源和有用的建议。



尼基塔*奥布霍夫,创始人的蒂尔达*发布创意总监的工作创造一个良好的网站的问题。 因此,我们已经写了一个指南,将有助于使一个网站,但没有一个伟大的团队,在合理的时间内为一点点钱。 所有的成就而获得超过15年的经验,在网页设计,我们奠定了上架,挤和告知如何应用它们使用的蒂尔达*出版平台,有助于使酷的网站。 阅读,做你总是成功。 1的想法和结构的网站 主要的想法和目的网站。 一个页面或几个吗? 网站的结构、主要的区块。 想想是什么部分将是你的网站上,什么是主要的想法和任务。 例如,顾客需要的网站建筑局。 表面上理解,需要他们的工作和接触。 但是,我们的更新:和主席团其他人不同吗? 事实证明,主席团specializiruetsya在大型、复杂项目的专家在这样的订单。 我们得出的结论,它不仅是良好的图片具有签名的,所需的文字是相当详细的说明来源的数据、处理、解释和说明理由的决定。 我们还理解,许多项目,但显示所有不必要的。 重点放在最大的。 和另外一点,你需要告诉有关人民解释为什么他们是专家在它们的领域。

不要去的方向的动画、装饰和特殊效果,确定通过的想法,其实质影响的访问者的情绪,它会留下深刻的印象和激励。 例。 发展登陆网页,为学校的设计。 该网页应该解释一下未来学生及其父母是谁的设计师。
问题:学生想要设计师,但往往不了解的特异性职业,趋势是什么在设计比他们是不同的。
目标:帮助学生了解专业和理解什么适合他们。
想法:如果有几个主要设计学科:相互作用的设计、图形、工业和采访的三个最酷的成员? 个人故事是非常情绪化和良好的工作。 告诉他们的生活,他们如何成功,加酷的照片。 人们会有兴趣自己读他们会看到这个男人接近,他激励他的生活方式。 打开一个文本编辑器和创建一个结构的形式列表。 速度量和认为是否有可能适合所有信息在一个页面上。 如果大量的信息,该网站需要做多页。 在这种情况下,为什么分支机构采取在菜单中。 警告:不要写的主要页面作为开始的"树"。 让的"联系"网页将有同等的"家庭"。 这将帮助的时候你正在做的导航。 一个普通的文本编辑器或纸—合适的工具,以便编写一个结构。 2研究 所网站的竞争对手。 跨类别。 鼓舞人心的例子。 竞争对手的地点。 当您已经决定的想法的网站及其结构,视竞争对手的地点,并找到良好的解决方案。 评价不是他们如何看,内容:什么是在菜单中,他们放置在主页上,什么样的部分网站上,什么他们写信,以及如何。

跨类别。 如果你正在做性能的网站,查看其它的表演。 不能找到一个很好的网站的性能,把一个关闭的类别:网站剧或现代舞蹈。 如果你想谈谈足球队的,然后你可以使用的技术的网站上找到的曲棍球队或者橄榄球。 你的竞争对手可以没有风格,并看起来是坏的,但如果这些家伙都是赚钱,所以东西在那里工作。 你的任务是找出是什么。 鼓舞人心的例子。 即使人们有丰富的经验,在网页设计,我定期审查新的网站,监测趋势,寻找灵感的工作的同事。 是的灵感不是来复制清洁,你只需要看怎么看起来像现代互联网在一般情况下,什么是现在时尚和酷。



例的主要和内部网页良好的网站听听你自己说的话和了解你喜欢什么。 可以很好的照片,好的版式或组合的颜色。 看看表现的技术,可以使用在他们的工作。 在这里你需要看看所有的网站一排,而不附件的具体情况的业务。

下面,资源的链接,其中包含的良好例子。
  • httpster.net
  • awwwards.com
  • siteinspire.com
  • onepagelove.com
  3. 一个素描或原型 是什么原型。 例的原型。 如何绘制的原型模型的要素。 是什么原型。 你看,在竞争受酷模式你必须记住我们已经有第一个想法。 现在我们需要这些思想表达以图形方式的草图。 素描或原型是一个示意图块的网站。 你觉得剧本。 这是简单的:采取一张纸,两个毡尖笔:黑色和一些造影和绘制图会怎么去。 有必要细节,只是一般性的想法。 你需要你的脚本页。 认为如果你正在做一个演讲,认为屏幕。 你想要什么要说的吗? 也许,我们需要表现出某种的酷的事情,这是所有的只是留下深刻的印象,并将允许你找出那里的人们,然后告诉简单介绍一下你自己,然后三个优势,团队的几个最酷的工作和接触。 现在你只需要绘制一切,因为它应该是。 例如何看看画的原型。 如何绘制一个原型。 有一组基本的标准的元素。 Excesories直线,标题、画一个小厚。 图像矩形交叉线,控制--如小按钮。 "帽子"是在顶部。 在左边,例如,一个较厚的条标志和在右五笔菜单的项目。 提示:不要画一个原型,太大。 例如,在一片A4窗口的宽度应为5-6厘米画好紧凑和粗略,并在页边写的评论意见。 试图绘制精确地—它会更容易察觉。 通常会有很多的想法,这样做几个选项,然后讨论的是哪一个更好。



盖。 越厚线的标题。 薄行一个简要的说明。 短条从上的菜单。 4内容 在哪里获得信息的网站。 如何写入案文的要点。 风格的文本。 从哪里得到的信息。 在行动之前以符,你需要照顾的内容,因为没有内容,将需要重做的一切。 首先收集所有的材料有:专题介绍、小册子、出版物。 这将作为一个起点。 首先,回答这个问题:"我为什么好?" 如果你让一个网站,用于订购,这是一个非常好的举措来采访你的客户。 打开录像机和刚刚谈到的人,要问的问题—没有什么具体的,只要表现出兴趣,找出你的客户喜欢的客户。

录制的记录自己或聘请承包商。 它的成本约为20卢布每分钟,以找到一个人上的youdo.com 对于一个小小的额外费用,该文本的编辑和你终于得到了一封信。 所有文字写在一个文本编辑器和不在网站上。 不要写文字在一个网页设计或网站。 在一个文本编辑器快了很多编辑:一些东西削减、复制、移动。 设计是非常容易时该文本已准备就绪。


如何写的文字的网站。 如果你写的文字,你可以使用以下方案:
  • 写一个简短的文本关于你自己,你的公司。 这应该是一句话,明确和简洁地阐明了你做什么。 例如,波浪线服务,有助于创造令人印象深刻的网站,但没有技术能力。
  • 写一个稍微更加详细的文本。 解释你在做什么。 写是只因为如果你告诉一个朋友在一杯咖啡—最多可以理解的语言。
  • 强调三个主要部分—为什么我爱你或者你的产品。
  • 描述的好处。 告诉我们你的产品,解决的客户的问题,给予的详细信息。
  • 认为头条新闻。 好的接待是一个正式的标题,如"团队","联系",等等,以改变的情绪化。 例如,代替"新闻"写"知道"而不是"联系人"—"你好"。
  • 采取的审查。 问问你最忠实的客户来说几句话。 工作正常。
不要写的陈腐这样的短语:"年轻的,动态的,发展中队"。
  • 想到的三个关键数字,人喜欢的数字。 但是,尝试有意义的、可以理解的东西,报告的用户。 避免抽象的价值,诸如:提供1 000名客户,喝200升咖啡,销售的38 000泰迪熊。 一个很好的例子:一个7.5平均分的考我们的毕业生。 3分钟复制影片从一个装置另一个在使用的应用程序。
  • 显示命令,如果它是强烈的。 个性总是很有趣,真正的人民相信更多的抽象公司。
  • 告诉我们有关合作伙伴或客户,如果他们可以自豪的。
  • 指定的专业化。 如果你酒吧有啤酒,检查分开。
风格的文本。 坚持信息的风格。 不扩散的概念树保持简短和只有很重要的。 大文本没有人阅读。 使用反向金字塔,第一个告诉的主要事情,然后添加细节。 是否有一个良好的工作链接的标题和说明。 标题应引起注意,并表达的本质说明—扩大和补充信息。

随删除的介绍性设计,避免陈词滥调和kantselyarizmami的。 该文本复使用的服务glvrd.ru —这有助于明确的案文的口头垃圾,试图信息匹配的风格。


一般性建议:如果你不知道如何编写的,聘请的撰稿人。 它是相当低廉的。 他将采访你,给你的文本。 只是不要忘记要求立即切断它的三倍。 5的设计 部分"创建蒂尔达"的。 选择和适应的模板。 导航的网站上。 哪里可以得到良好的照片的网站。 做什么用的标志。 第三方服务和特殊的功能。 选用的字体、字体对。 如何做一个网站时尚。 发布一个网站。 测试。 注册的蒂尔达,如果你还没有。


审查表的模板。 选择之一,并且编辑。 一模板是一个模型的良好的设计和使用区块。 所选择的模板不会限制你的创意—在任何时间你可以改变它超出承认和甚至开始与一个清白。


请参阅madeontilda的。 这里是例子,现成的网站由其他用户。


打开块库,并建立网站的基础上的原型是你绘制的。 未编辑文本在符,首先进行设计。 如果你没有照片,使用高质量的采样,都在附近的风格,然后代替。 视频指南的主要功能:基本的编辑职能,设置单元。 导航。 添加菜单,确保它在视觉上是好的:不太大,不过载整个页面。 项目的菜单应该不多,最好不超过5. 大胆地扩大的部分。 名字取短。 三个词作为单项目显然是不合适的。 他们应该阅读的第一眼看见的。



五是最佳数量单的项目。 复盖(第一屏幕)值得特别关注。 如果有一个质量的图像和原始的,吸引人的标题,第一印象将是成功的。

哪里可以得到良好的照片。 照片都是重要的,没有他们什么也不会发生。 没有照片没有网站。 不使用kliparty的照片。 握手的商人和微笑的家庭主妇—昨天,这些照片不工作。 更好的照片自己和他们的同事比索,用于准备制作的图片,为"成功的商人"的。 聘请一名摄影师或插画家。 着名的插画和摄影师是昂贵的,但也有充足的相对廉价的专业人员,他们乐意为你的工作和你在一旦将是良好内容的网站。

如果你需要的图标或使用thenounproject fortawesome的。审查的。io thenounproject.com fortawesome的。审查的。io标志。 标志应水平。 垂直的标志在网不良好工作。 作为一项规则,标志是在菜单,它不应该占用太多的空间在屏幕上。 如果你没有一个标识,只是写的项目的名称,以任何非系统的字体,如Futura或比邻的。 不会,不打扰的标志,如果你是在预算紧张。 现在不是一样重要的总体印象网站。 认为有关的照片和一般风格。 第三方服务的通讯订阅商
收集的详细联系信息—谷歌形式
时间表的事件时间表。knightlab
交互式地图Storymap的。knightlab
声音。
卖票的事件Timepad
互动图像Thinglink
反馈—报纸,一目了然
赚的钱该应钱或支付宝
在线商店的广告系列或灵活

在一般情况下,如果你有一些特定的功能,使用"插入html代码"。 如果你需要一个独特的项目中,你将得到了它从程序员。 字体。 确保连接专有字体,它影响到通信。 现在一切都是保留的内容,所以字体本身,并要求你签名的风格。 每个字体都有一个角色,所以尝试挑选字体匹配的内容。

作为一项规则,它只是一个字体。 但如果你想要创建一个很好的对比,使用的字体对:一个字体的无衬线和衬线字体。 好的字体组合:



最可靠的办法是采取一种不同的耳机的同样的家庭,例如,PT sans和PT衬线和准确性。 以后你已经做了所有块,看看那个网站看起来漂亮,整洁。 调整压痕,使统一标题,使确定的字体大小的文本是一样的。 确保该网站有足够的自由空间。


确保页足够的"空气"周围的文本和图像的空间,他们不会粘在一起并不互相干扰。 尝试是苦行。 简单你做的小的错误,并且该网站将时尚。 使用全的颜色。 但是,这并不意味着你必须绘制所有不同的颜色。 相反,按照规则,90%是黑色和白色和10%的一个积极的色彩。 一个颜色的互补颜色是最好的选择。 三个不能使用。 两个非常谨慎。


如果没有经验,在设计和有相当没有什么,写信的内容,不版本的页面与蒂尔达和租用的一个设计师对于一个有限的时间。 一名专业设计将迅速导致页的秩序,将大大降低成本比,如果我订购了一个网站,从头开始。 如果你是一名设计师,问问你的朋友的设计师以观察和评论,你做到了。 一个新的期待总是立即给予反馈意见。

发布一个网站。 连接域。 要做到这一点,在该项目设置名单的地址的,书记官长在哪里域是购买的,一个行中,指定的知识产权。
不要忘记有关的统计数据。 签署了谷歌分析或该应的指标,获得码和输入它的设置。
照顾好它是如何看你的网站在结果上的搜索网站或社会网络—填写网站的名称和说明。 每一页将提供一个小照片,然后你就能共享你的网页是精心设计的。

测试。 你做了一个网站,现在你需要得到第一次审查。 分享网站有您的同事、朋友,问问他们怎么想。 链接发送给你的客户并要求他们的意见。 出版了由P.S.,并记住,仅仅通过改变他们的消费—我们一起改变世界了。 ©

资料来源:蒂尔达。教育/是如何构建的网站?在facebook和utm_medium=共和utm_campaign=fbpost