首页 | 建站资讯 | 建站问答 | 建站帮助 | 服务电话:021-61984272
Godzilla. 2016-12-26 网站建设

如何快速搭建网站?

   要想快速搭建一个网站有多种方法,有自助建站系统、也可以使用模板网站,但其中都少不了各个环节的人员的参与,参与设计的团队包括:UI设计师、产品负责人和SEO专家、文案、WordPress开发人员。本文就来看看如何快速搭建网站

  第1天 - 建立网站的网格系统

  这个网站最突出的元素之一是网格,它们普遍存在,并且必须很好地适应网格系统。当然,这是我关注的设计的第一部分之一,确保使用真实的数据和文本,所以布局不会打破。到第一天结束时,我实现了网格系统,卡和全局页眉和页脚。对于网站标题,我非常倾向于我们为Envato Tuts +所做的工作,只有小的更改,以适应不同的导航和搜索功能。

  第2天 - 加强团队沟通、协作

  整个团队要进行沟通、交流,对网站的策划、以及后期的网站优化等做一个完整的计划,制定解决方案。

  第3天 - 主页或首页

  第三天花在参考我们的线框,同时改进主页设计。 我们希望这个网站能够作为一个灵感的地方,人们会不断回来,所以我概念化了主页从顶部的广泛吸引力,到更具体的主题进一步向下探索。

  第4天 - 网站雏形

  我们的设计团队非常清楚早日共享设计以获得有价值的反馈。 我们把这些设计称为“丑陋婴儿”,也就是网站的最初雏形。 经过反馈,我开始了解一些细节,例如搜索结果排序,分页,文本块以及一些移动布局问题。

  第5天 - 构建网站其他页面

  文章页是最后剩下的一页,为此,我有两个主要问题:确保阅读方便,并纳入相关的文章和市场项目。为了最大化可读性,我使用衬线字体为正文,因为研究表明衬线字体更容易阅读长篇。 其次,我细化了元信息(标题,摘要,作者和社交分享)的布局以及相关项目的侧栏。

  第6天 - 进入断点

  所有的页面布局完成后,我花了一天调整他们适合中断点版本的设计。 这涉及到稍微缩小网格的宽度并重新排列元素,以反映它在平板电脑或小型台式机或笔记本电脑屏幕上的外观。 由于这和桌面版本之间的区别是最小的,我设法在一天内完成它。

  第7天 - 移动

  随着桌面和平板电脑版本的设计完成,我集中精力通过移动块到适合一列,来设计移动布局。

  第8天 - 设计完成

  随着设计完成,我整理所有的资产,交给开发人员使用三个工具:1.Dropbox共享所有的图像,图标,字体和其他资产。2.inVision,与我的Sketch文件同步,以便我可以与任何人分享快速反馈。3.Zeplin,这是一个伟大的Mac应用程序,也同步我的素描文件。 Zeplin将生成一个URL,允许开发人员在浏览器中检查设计。 设计的每个部分都是可点击的,给他们的CSS样式,使开发更容易!

文章标签: 搭建网站 
文章评论:
客服图标
咨询电话
021-61984272

欢迎您给我们来电,已有13835人通过电话进行免费业务咨询,您也可以