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

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

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

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

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

  第 3 天 – 主页或首页

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

  第 4 天 – 网站雏形

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

  第 5 天 – 构 WordPress 建网站其他页面

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

  第 6 天 – 进入断点

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

  第 7 天 – 移动

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

  第 8 天 – 设计完成

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