●②网站结构
放置在线框中的元素由您决定。您可以考虑添加导航栏，页眉，博客文章和页脚。您可能不需要所有的这些内容，可以将其保留为基本内容，以后再添加。确定要包括的内容并将这些部分合并到线框中。如果你在布局这块遇到问题，可以查看一个类似的网站，模仿网站内容的结构，然后对其进行修改以适合你的需求。
线框不一定是完美的。在拥有合适位置的网站结构之后，就可以转向视觉设计。
●③应用视觉设计
要将低保真线框转换为设计，可以使用免费的设计工具，例如 Figma（下一代的设计神器）。如果你从未使用过设计程序，你也可以用ps来实现，不过会有点慢，但在国内我还没有找到类似 Figma 这么好用的工具。
●④实施布局
首先，创建一个空白画布以代表空白浏览器页面。通过为内容创建容器，在设计工具中实现线框。我建议先从黑白开始，以便你可以专注于布局。
优化您的布局，以使元素大小适当，对齐并在它们之间留出空间。
●⑤添加部分和占位符内容
在看起来像一个网站之后，使其看起来更漂亮。通过弄清楚是什么使布局看起来有吸引力，可以模仿其他网站的逼格样式来添加到自己的网站。
在此阶段，请考虑形状，大小，边界和阴影。用你喜欢的样式逐渐升级基本矩形。
