关于网页首页设计的一点思考

欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

1 问题描述

在这次暑假期间，集中性的针对html开发进行了一次学习，但在实际制作网页中遇到一些困难。你们也许认为肯定是关于技术的问题，其实不然，我所遇到的最大问题就是ui设计方面，不知道如何去布局一个网页，使之既能完整的表达我所表达的东西，又能美观地给展示出来。

2 问题分析

针对这个问题，我认为第一是自己经验不足，第二没有做好前期调研工作，若做好了第二点工作将大大加快制作的进程。例如在简单的完成作业时，如果单纯直接开始完成作业，这是盲目的，肯定每个同学都是从了解作业是由哪些科目的作业构成的吧，这也就是前面所提到的第二点。

3 解决方案

前面分析了造成这个问题的原因，从处理的角度，也就有了更多的处理方式。对于这次的漏洞，以下文章我将针对如何去制作一个网站的首页进行研究与分析，该调研主要为新闻社交类和旅游类。

从调研的情况来说，对于网页总体的布局，除导航、轮播图和尾部三部分外，所有的内容都采用了左右分块布局（大多数为左窄有宽的布局，个人意见此种布局更好看）。在我看来，对这种布局的实现可以采用大盒子里面嵌套两个左右盒子，再分别进行添加各自的小盒子进行内容的填充。左边的盒子可以根据实际网页的作用添加一些兴趣文章或主题相关的超链接等，右边的盒子才是真正内容的东西。这种布局好处不仅可以使用户注意力集中在一个区域内，也不会觉得网页内容过于单一