今天心血来潮，想搞个扁平化的网站，就动手搞起来。记录一下整个过程，也算是个小小的

开搞之前，先想清楚要啥

动手之前，我先在脑子里过一遍，想想这个网站到底要干我这人喜欢简单，不喜欢花里胡哨的，所以就定个基调：重点展示内容，其他的都靠边站。我平时主要就是写写博客，分享些生活感悟啥的，所以网站的核心就是文章列表和详情页。用户群体嘛大概就是些和我一样喜欢看博客的年轻人。

搭框架，画草图

明确目标，就开始搭架子。这一步没啥技术含量，主要就是费脑子。我拿张纸，开始画草图。首页就放个文章列表，顶部来个导航栏，底部搞个版权信息，差不多就得。文章详情页嘛就标题、正文、评论区，简简单单。

选颜色，定风格

颜色这块，我可是纠结好久。扁平化设计嘛颜色得鲜亮，但又不能太刺眼。选几个比较舒服的颜色，主色调是浅蓝色，看着清爽，再配上一些亮黄色做点缀，这样不至于太单调。字体也选个圆润点的，看着不累。

开始码代码

画完草图，选好颜色，终于可以开始敲代码。我这人喜欢用Div+CSS，感觉这样比较灵活。先用Div把页面结构搭然后用CSS调整样式。导航栏就用ul、li来做，文章列表就用Div一个个排图片轮播效果也整一个，用JS控制图片的切换，鼠标滑过还有特效，看着挺炫酷。

细节部分也花不少心思。比如面包屑导航，我做得很清晰，让用户知道自己在哪儿。翻页也做优化，可以批量翻页，不用一页一页点，省事儿。

加点料，让网站更“活”

光有内容还不够，得想办法让用户参与进来。我在文章下面加个评论区，让大家可以留言讨论。还整合几个社交媒体的入口，方便大家分享到其他平台。

搞优化，提速度

网站做完，还得优化一下。我把图片都压缩一遍，尽量减小文件大小。还用一些SEO技巧，希望能在搜索引擎里排个好名次。代码也整理一遍，把没用的都删掉，这样加载速度也能快点。

最终效果

经过一番折腾，网站终于上线。看着自己亲手打造的网站，心里还是挺有成就感的。整个网站看起来很清爽，没有多余的装饰，重点都放在内容上。加载速度也挺快，用户体验应该还不错。虽然还有很多可以改进的地方，但这回实践让我对扁平化网站设计有更深的理解。

这回的分享就到这里。扁平化网站设计就俩字：简单。把没用的都扔掉，才能突出最重要的东西。