Question

网站首页的设计和布局怎么做

Answer 1

1.让开始的页面变得有趣

2.选择视差滚动

3.使用游戏化

4.使用动画

5.保持导航的特殊性

（在出奇网络上扒的，可以说言简意赅了！）⒈主次分明，中心突出在网页界面设计中，设计者必然要考虑视觉的中心，也就是“最佳视域”，它一般位于电脑屏幕的中央，或者在屏幕中间偏上的部位。因此，一些重要的信息和图片一般可以安排在这个部位，在视觉中心以外的地方可以安排稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。另外，人们的阅读视线通常都是从左至右、由上往下地阅读，因此设计者也要把握好这种视觉流程。在网页中有一个7秒钟定律，即当用户进入网页之后，如果在7秒之内没有看到特定内容，那么这项内容的设计及位置安排注定会失败。由此可见，突出重点是非常重要的。

⒉明确的导航，彰显有价值的信息网站中的栏目导航对网站内容起到提纲挈领的作用，引导着用户浏览网站的相关信息。清晰、明确的导航，可以帮助网站用户更方便快捷地浏览和找到他们所需要的信息，并给以一定的网站服务和在线帮助，从而避免在浏览网页过程中找不到方向。好的导航能够让用户在打开页面的第一时间找到，或者是让用户瞬间反应出此为网站的导航。导航的用语选择应该精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容。

⒊图文并茂，相辅相成文字和图片具有一种相互补充的视觉关系。文字和图片都是传递信息的手段，但各自的特点不同:文字所表达的信息量大，但显得沉闷枯燥，缺乏生气;图片所传递的信息量小，但比较生动活泼。文字与图片两者的比例不能过大，否则，页面就会显得单调而过于混乱。因此，最理想的效果是文字与图片密切配合，互为衬托，既能活跃页面，又丰富了网页内容。

⒋图形与字体、色彩等因素协调统一一般而言，在所有的网页动画设计中，图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计。图形、字体与色彩诸因素彼此相互作用、相互影响，共同表达出设计的中心思想内涵。只有如此，设计所要阐发的主题思想才能更准确和集中，视觉传达才能更强烈和有力度。反之，则会给观者造成一定的视觉混乱，偏离设计主题，从而达不到应有的设计意图。

⒌注意空白的设置和运用空白在构图上有着不可忽视的作用，它是进行艺术表现的重要手段。设计中把强调、突出、给人强烈印象的构成要素周围留下空白，能扩大和提高视觉效果，同时利于视线流动，破除沉闷感。着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。有些网页设计者总想把界面“充分利用”，把文字、图像安排得满满的，认为设计画面留有空间是一种浪费。殊不知，这种庞杂堵塞的构图往往使人望而生畏，留不下一点印象，失去了设计的意义。一般情况下首页设计要分类清楚，简单明了，让用户更容易找到自己想要的或者让用户更容易看到你想呈现的主体部分。

头部：LOGO+导航栏（菜单栏）+登录注册（如果有这部分功能的话）+搜索栏（如果有的话）

主体：这是你主要想呈现的主体部分。一般分为产品封面及简介--->各类资讯（行业，公司等文本类信息）--->主体特色（指你网站主体的优势，特点等）

尾部主要以超链接为主：网站协议--->备案信息--->联系方式--->网站介绍--->各大类平台链接（微博，微信等）很多人常常询问某个页面该如何布局这样的问题，其实网页布局要做到两点我认为起码可以做到临阵不慌，一是对常见的布局方式心中有数，二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。

当然在设计之前我们要了解客户的需求、网站的定位、受众群等很多方面的事情，也就是说需要了解策划方案。如果我们连这些问题都还不清楚的话，请先不要去想着设计，因为在不了解客户需求的情况下，盲目的去把页面设计达到某种视觉效果是很难的、也会很容易被客户推翻的，即使客户不懂，过关了，但是如果没有真正为客户带来价值，它还是失败的。

当我们真正了解客户需求后，你可以尽可能的发挥你的想象力，将你想到的"构思"画上去（用笔和纸或者软件都可以，根据自己的习惯而定），这是属于一个构思的过程，不讲究细腻工整，也不必考虑到一些细节的部分，只要用几条粗陋的线条勾画出创意的轮廓即可。尽可能的多构思一些，以便选择一个最适合的进行搭建。