有了一个简单的项目需求过后我们需要做的是一个网站的原型图，如果没有很强的美术功底和设计功底，还有团队支持的话，还是建议去网上寻找相对符合项目的模板，稍加修改就可以了。
经典网页布局设计
https://blog.csdn.net/lzy15907117519/article/details/79437891
（冒昧引用，版权归原作者。）
web网页布局的几种方式（技术）：
（1）流式布局 Fluid
（2）固定布局 Fixed
（3）弹性布局 Elastic
（4）伸缩 Flex box
（5）响应式
作为一个前端切图仔，我当然直接上百度啦。
这里给大家分享几个网址：
（不维护。不更新。可能被和谐）
1.设计达人
http://www.shejidaren.com/
2.布局怎么做到不单调而有层次？
https://www.uisdc.com/9-tips-for-layered-layout
3.6个小技布局你的网页
https://www.uisdc.com/creative-layout-in-web-design
还有一个工具大家可以多多利用：
知乎！知乎！知乎！
干货很多！