从零开始：打造创业公司官网——（一）设计篇

本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议，欢迎转载、或重新修改使用，但需要注明来源。 署名 4.0 国际 (CC BY 4.0)

此系列共分以下几篇

零、项目规划
一、UI 设计 本篇
二、前端实现篇
三、项目运维

在规划篇中我们确定了这一版设计的基本需求，面向用户的宣传服务网站、用户视觉交互友好、服务入口清晰明确。

首先我们明确的节奏是要简单，完成比完美更重要，所以做了最基础网站信息架构：

目的：

展示企业信息、服务信息，

• 宣传推广，服务入口
• 业务范围介绍
• 团队技术栈信息
• 关于我们，我们的简历
• 服务协议
• 业务合作需求信息收集

设计关键字

简洁、设计感、专业感、响应式

设计上面我们采用 8pt栅格系统，最终设计稿如下，

PC端 移动端

虽然还有不少细节需要完善，但基本达到要求。完成比完美更重要，重点是要快速实现出来。接下来就是重点要将这个设计页面完整的复现出来。

---

相关资源

• 网站项源码库
• 网站示例
• Sketch 设计稿源文件
  链接: https://pan.baidu.com/s/1c-kcDr0IdynVD7poFwZ7Iw 提取码: h3ve