史上最全面的Web导航栏设计、底栏设计、表单设计模式深入梳理

Tips

本文图片较多哦

我们在做网页设计时，要对网页中的各个要素要非常了解才行（nav、subnav、banner、body、footer等等），我记得设计夹实战课堂分享过《web界面设计模式》，深入分析了网页的各个要素，不知道小伙伴们有没有听过，没听过也不要紧，后续在Nicebook（一个移动学习APP）中完整梳理此套内容。

今天对网页设计中的导航栏设计、底栏设计、表单设计做个非常细致深入的梳理，以便于大家在工作中，能够高效地使用。

web导航设计模式

导航的重要性是毋庸置疑的，下面就梳理了，web设计中常用的导航设计模式，基本上涵盖了所有能见到的情况，当然采用怎样的导航模式，还需要根据具体的需求来定。我想下面的这些导航设计模式，会给大家工作带来不少灵感哦

web底栏设计模式

网页的footer设计，是很容易被大家忽略的部分，其实也是非常重要的一部分，下面梳理了我们常见的底栏设计模式，同样，我们所常见的模式基本上也都涵盖了哦

web表单设计模式

表单是99.999%的网页、APP都要涉及到的部分，至少注册、登录得有吧，所以表单设计重要性也不容忽视，至关重要哦，下面梳理的同样也是常见的表单设计模式，不一定非常全面，不过也是涵盖大部分情况哦~~

web响应式设计模式