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样式，使开发更容易！
下一篇：在线网站设计：单页网站设计指南
上一篇：信息积木演变丨营销型设计师训练攻略
文章标签：
搭建网站
浏览次数： 1361 次
文章评论：