在设计网页之前，最重要的是——搞清楚这次设计的目的是什么。网页的设计，绝不只是为了好看。如果只是为了好看，可以直接上高清大图。网页的设计，也绝不只是一味的模仿，别人的设计并不一定最适合自己。所以，把自己设计网页的目的搞清楚了，才能够有的放矢。

　　下文将会总结设计网页的几个目的。我们理清楚自己设计网站的目的之后，就可以有针对性地进行部署、策划、画原型、交给UI设计、然后重构、网站部署，一步步完成我们需要的网站。

　　比如：airbnb，淘宝，腾讯视频，各大门户网站。用户访问airbnb，就是要查询住宿的；用户访问淘宝，就是要购物 的；用户访问腾讯视频，就是要看视频的；用户访问门户网站，就是要看新闻的。

　　这种目的的页面设计，没有通用原理，不需要按照哪种方法来设计。这种情况下，我们要做的，就是让网页设计和业务逻辑完全结合，让网页设计为业务流程服务，为用户提供最直接、最便捷、最流畅的产品体验。

　　有的时候，网页并不是我们的产品展示方式。尤其对于大公司而言，产品种类各式各样，都有各自的网站。而自己公司的网站，并不需要用来宣传产品或者展开促销活动。这时候，把官网用来做品牌宣传是最合适的。所以，在页面设计过程中，要完全理解公司的定位与追求，将公司理念与思想融入到网页设计之中。

　　以腾讯官网为例，在官网首页的首屏中，我们可以看到非常醒目的表达：“连接”。而我们知道，腾讯的根基就是连接，QQ和微信连接了整个社交网络，月活跃8～9亿的用户量为腾讯建立了强大的连接网络。而腾讯的所有产品与服务，只有两个关键词，便是：“连接”与“内容”。

　　对于自己的互联网产品而言，产品解决了哪些痛点，与竞品相比有哪些优势，我们的产品有什么特色？通过网页来告诉用户，是最合适不过的事情了。

　　那么基于这种目的，应该怎么设计网页呢，通常而言，这样的网页会采用模块化方式。这些模块包括：产品特色、产品优势、产品定价、产品接入方式、产品使用方式、产品用户量多大、产品合作经典案例、合作客户的评价···。

　　产品经理可以在上面模块中，选择自己的产品最想突出表达的4～5个模块，用心设计各个模块的内容，将各个模块组合在一起即可。

　　以wetest网站的一个产品页面（远程调试）为例，在首屏，我们可以看到Banner中鲜明地突出了产品名称和产品描述，并配了一个引导用户时候的大Button。在往下，便是产品特点描述，这是产品介绍页必不可少的模块。

　　专业型的页面往往展现的是和业务密切相关的各类数据，如DAU、MAU、Crash率、ANR上报等各类数据类信息。这些信息需要专业技术人员或者负责数据分析的产品经理来查看。所以，在设计这样的页面时，以条例的、整洁的、易读的形式展现给用户即可。

　　需要注意的是，这种页面不只需要提供展示功能，还需要提供查询功能。因为数据量较大，直接展示的往往是关键数据或者示例数据，更多内容可能需要用户自行搜索查看。

　　Bugly是腾讯推出的一款Crash崩溃捕获与展示产品。页面设计属于典型的数据展示类型。在上图的数据中展示页面中，我们可以清楚地看到，页面设计采用了扁平化、模块化的布局方式，使整个页面布局条例清晰。此外，在左侧、上侧、中上部，都采用了TAB切换的展现方式，让数据展示更加条理。

　　当我们的产品是移动产品形态，android的apk类型或者iOS移动应用时，引导用户下载我们的产品是大多数产品经理的KPI。这时候，充分利用我们的网站引导用户下载我们的移动端产品，就是自然而然的事情了。

　　这种类型的经典案例，我们来看Uber官网。UBER的产品形态是移动客户端，所以，UBER官网用来引导用户下载客户端可以说再合适不过。所以，在官网的首页的首屏，设计人员便在Banner上放了一个大大的引导用户下载客户端的提示。

　　有时候，产品都已经搭建好了，收入流水就成了产品经理的重要KPI。官网作为用户接触我们产品的最直接方式，就可以用来配合运营推广活动吸引用户购买产品。

　　这时候，在网页设计过程中，如何在醒目的位置展现营销内容，让用户更容易地购买产品，就是我们的设计关注点。

　　以腾讯云为例，作为国内几家提供云产品的实力型公司之一，腾讯云在与阿里云、华为云等产品竞争，需要拉动份额，因此，官网作为最容易接近用户的入口，直接展示了大量的营销型内容，也体现了其拉升收入的目的。

　　我们可以在生活中，多积累，多学习，分类理清楚每种网站类型的设计思路，就可以在以后的网站策划过程中，得心应手，水到渠成。

　　网站在前期的时候都是很难上排名的吗，那么是因为你的网站基础优化都没做好，怎么可能会有排名呢，首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

　　随着情人节的结束，2月份的设计圈干货大合集悄然更新。新的工具新的资源，依然是以往的分量，依然是相同的味道。和过去的合集相似，免费的素材、工具、服务占据了列表中9成的...

　　每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当引导用户继续浏...

　　今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果： 让内容在显示区域滚动; 内容面板没有接触到顶部时，让内容面板移动至顶部; 内容面板接触到顶部，没有接...

　　你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你，快来看看我最新发现的工具包吧!有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更...

　　如何设计一个简单的新闻聚合产品？文章介绍了制作极简的新闻聚合产品的7步骤，好奇的你和我一起来看看。 你知道在三四线的县城，用户在哪里看新闻么？不是在今日头条里，而是...

　　@DesignerSeany ：今天我将从大家经常用到的百度外卖(iOS v4.4.1)说开去，阐述我自己分析一款App时运用的思维逻辑和过程，当然我说的不一定对，希望能给新手朋友们一些思路。 信息架构梳...

　　本文以微信首页为例，用三个维度系统地解析一个产品的交互设计的方方面面。 首先我们来做个互动，请各位看官打开自己的微信，然后看到你的微信首页： 然后仔细观察看到了什么...

　　下篇现在才更新，最后一篇我们聊聊容错性设计方法的应用关键。 1、用户使用场景模拟 用户使用场景模拟是传统的用例分析方法，可以分析用户可能会用到的功能以及产品使用流程，...

　　大家都说后台产品难做、要求高，这是有原因的。而且这个原因会超出我们的认知，一起来看看吧。 什么是后台产品 后台产品也被我们称为后台管理系统、内部管理系统。简单而言，...