网页首屏设计

1、如何去设计一个网站首页？

首页是一个网站主要的访问页面，因此网站首页的重要性显而易见。对于网站来说，有一个让人心动的首页能让访客对网站产生好的印象，增加访客再次浏览网站的可能性。那么网站要怎样设计才能令人心动呢？
网站首页的组成包括图片、视频、文字以及将三种合理的组合在一起，网站首页的主题，就应该以用户为本，记住网站价值不在于你是做什么的销售什么的，而是你能为用户做些什么。虽然二者之间没有什么区别，但是，同样的话用不同的方式去表达，差别是很大的。如果网站首页设计以客户为本，那么，就会让用户有一种宾至如归的感觉。用户体验就会好。

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

1.让开始的页面变得有趣
2.选择视差滚动
3.使用游戏化
4.使用动画
5.保持导航的特殊性
（在出奇网络上扒的，可以说言简意赅了！）

3、网站设计制作中网站首页怎么布局？

网站设计制作中网站首页很关键，具体怎么布局，可以参考：
百度输入：云南智能建站-首页怎么设计更有利于百度收录？
这篇文章也许能帮上。记得看i9861

4、网站首页设计有何要求

一、网站首页的必要元素 虽然首页元素根据企业性质的不同会做改变，但是基本的页面元素必须要具备。如：导航栏、LOGO、Banner、按钮、图片、文字。 1、导航栏 导航栏如果设计得恰到好处，是会给网页本身增色很多(千万不要太花哨，它属于功能物件，喧宾夺主就不好了)。导航栏有一排、两排、多排、图片导航和Frame 框架快捷导航(民主湖论坛就是这种)等等各种情况的设计。有时候是横排，有时候则是竖排。另外还有一些动态的导航栏，如很精彩的Flash导航。 2、LOGO LOGO是网站为了给大家一个比较直观的信息的表达工具。网站的LOGO，一般以静态的居多，也有动态的，但是LOGO的特点都是在表达网站的信息，是一个网站的直接的表现窗口。 3、Banner 是网站的广告展示，对于引起用户注意和记忆、增强画面效果有重要作用。 4、按钮 网页中的“用户登录”、“登录按钮”“More按钮”、“个股推荐”等等类似物件，通常都统称为按钮。它是引导用户进入其他页面的一个重要端口。

二、网站首页的整体规划 对网站首页设计的整体要求体现在： 1.有共性，才有统一，有细节区别，就有层次。 2.防止设计与实现过程中的偏差，不要定死具体要放多少条信息。 3.设计的各部分，要配合整体风格，夸张一点好像VI。 4.不仅页面上各项设计要统一，而且网站的各级别页面也要统一。 5.页面要“透气”，就是信息不要太过集中，以免文字编排太紧密。 6.不要有太多分散注意力的点。动态闪烁要适中。 7.页面留白部分，要根据平面设计原理来设计，请注意，分栏式结构不宜留白。 8.还要考虑到浏览器上部占用的屏幕空间，防止图片截断等造成视觉效果不好。 9.首页设计图片+导航，这是一种比较强的网站表达，可以根据时间的变化更改图片，一般用在专题网站上，如民主湖电台，还有很多公司的网页。

三、对网站首页功能易用性的要求 任何网站都要把这个问题放在第一位。不过大家请注意以下几点： 1.导航栏应最先调入，以便常客快速前往所需信息空间。 2.页面长度要短，使得用户在信息空间内可迅速移动。 3.导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右，但不要两者都用，不要混用方向。

四、网站首页设计要求体现出气氛情感表达 气氛会自然地激发出一种情感，不管它来自图片、颜色、标题或者是动态的广告，只要是来自页面，本身就具备了一种表达思想。气氛的表达是一个网站的灵魂所在，在浏览网页的是时候给人的第一感觉是最重要的，气氛情感也代表着整个网站的主题，是浏览者最容易所到感染的隐藏因素。

5、网站设计中页面首屏应该多大

因为报纸的运输和分发过程是折叠起来的，所以报纸折叠后展示在读者面前的那一部分内容就显得尤其重要，读者会根据头版的内容决定是否购买。因此处于头版的内容意味着一个，编辑认为它们是最重要的，头版的内容也决定了立场和定位。“above the fold”的概念延伸到互联网领域，则用来指代web网页中第一个展示在访客面前不需要滚动能够浏览的信息。与报纸的“头版”不同的是互联网的首屏区域是动态的，因为互联网用户复杂的屏幕分辨率环境，导致他们看到的首屏内容有很大差距。很多网站设计就是因为对首屏的忽视导致很严重的体验问题。屏幕分别率分布图其中屏幕高度在768以内的用户有41.57%，18.78%(1024X768)+2.91%(1280X768)+19.88%(1366X768)41.57%，这就是为什么一定要关注首屏。我们的设计师们都用上20寸以上的大屏幕的时候41%的用户还在用768的显示设。首屏设计的要点展示重点既然知道了首屏的重要性，那么就要将页面，甚至网站的主题通过醒目的方式展示出来，让访客能够第一眼了解你想表达的信息。有些站长可能认为首屏并没有那么重要，因为用户可以滚动屏幕最终看到我们期望他们看到的内容。如果你有这样乐观的想法，建议你看一下尼尔森的研究报告：(雅各布61尼尔森(Jakob Nielsen)，著名网页易用性专家。被誉为可用性测试鼻祖。Jakob Nielson是尼尔森—诺曼集团的主要负责人之一，他被《美国新闻与世界报道》杂志誉为“Web可用性方面的世界顶尖专家”。根据他的报告得出的结论，即使是在用户滚动屏幕的前提下，用户的注意力分部占比任然是相当悬殊的：61Above the fold 首屏以上: 80.3%61Below the fold 首屏以下: 19.7%展示差异因为首屏的重要性，站长会用来展示整个网站的主题，那么就可能造成网站所有页面的首屏都是一样的，这就可能导致用户误以为自己的点击没有产生预期的页面跳转，以为自己还停留在原始页面。多次尝试都没有效果之后，最终跳失是很又可能的。

6、网站首页首屏位置该如何设计？

左上角网站的LOGO
右上角网站的BANNER
然后下来是导航NAVIGATE
下面是内容部分
最后是联系方式COPYRIGHT`

这是基本的网站页面构架~
然后考虑到商业网站个人网站门户网站等的区别~
首页再进行相关的变化~

7、网页设计的首屏尺寸一般是多少

网页设计首屏的尺寸一般有一下几中（这里指的是电脑的宽度）：1280px、1440px、1600px、1920px、2560px、3840px，你要做全屏的网页首页，按这几个尺寸来构化就可以了。

8、网页设计，一般最少要设置多少高度？

大概的高度为：

Window XP首屏大小580 px
Window 7 首屏大小710 px

具体原因如下：

一个网页的尺寸设置和浏览器与系统的尺寸大为相关，我们不可能满足所以用户的最佳尺寸，但我们能做的是让绝大多少用户感觉是最佳的。

系统分辨率统计：

对大于30W台客户端用户进行测试，得到的测试数据如下（数据来源于网络）：

在Window XP常见分辨率1024×768下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

综合分辨率及浏览器下的统计数据：
Window XP首屏大小580 px
Window 7 首屏大小710 px

9、如何做好网站首屏的排版设计工作？

我们浏览网站时，打开网站第一眼看到的就是网页的首屏，这一眼就能决定网站的“生与死”。很多网站设计首屏时，也会使用一个高清大图，图片上面会附上文字，使用图文混排的形式设计，呈现出完美的视觉效果，以此给用户留下极好的用户体验。所以，我们设计网站首屏时，也使用这种图文混排的方式。那么如何做好这种首屏排版？

1、缤纷绚丽的色彩，不仅让我们生活更加美好，还让设计也更加突出。我们做网站首屏设计时，会使用绚丽的色彩。一张高清大图，上面配上文字，然后我们通过调色让文字更恰当地呈现，效果可以说非常惊艳。当然，调色时千万不要随随便便的调色，我们要根据图片颜色来选择色彩，通常尽量选择与图片相近的色彩来进行调整，或者把图片调成浅灰色、浅蓝色等等，关键是要让图片的内容呈现出现，而且还不影响图片上的文字阅读。

2、当一张图片上有一个人，那么通常我们会被这个人的视线所引导；或者图片上有一部车在飞驰，我们会被汽车奔驰的方向所引导??这就是所谓的“视觉流向”，我们在进行网站首屏设计时，要按照这种视觉流向来设计。我们的文字信息要按主体图像中视觉流向来排布，让主体来引导用户去观看文字信息。这种视觉流向就是文字与图片发生逻辑关系，两者相辅相承，所以文字信息千万不要覆盖到图片的主体部分，例如人物、产品等。

3、图像与文字混排时，我们都会要求文字与图片相互配合，才能达到出人意表的效果。如果图像很鲜艳，而文字没有经过恰当处理，就会导致用户浏览首屏时完全看不到文字，这有何意义？所以这就要求网页首屏中的文字必须具备可读性，巧妙设计文字色彩、文字字体、文字字号等等，让文字与背景形成对比，才能第一眼就抢到用户关注。

4、背景模糊，这种设计方法在很多影视作品都经常可见，突出主体人物，后面的背景全部都虚化。背景模糊，这种类似于摄影拍摄的效果应用手法也同样适用于网站首屏图片设计中。模糊背景可以强调元素，可增加一些深度的设计，给人一种不一样的感觉，同时模糊背景图片又显得非常的人性化，烘托出图片所要给用户的氛围，也能更够突出产品或者人物本身特质，更能给用户舒适的用户体验。

5、当文字与背景图片融合在一起时，会感觉到文字与图片真正地成为了一体，增加了可读性。注意：当我们准备把文字融入到图片背景时，这个背景色尽量使用纯色背景，这样可以保证非常好的可读性，同时不需要使用太多花哨的技巧，例如渐变色设计、对比色设计等等，保需要简简单单的纯色即可。同时可以加入少量的阴影效果，提升文字与图片的整体性与可读性。

我们西安网站设计在设计首屏时，想要让首屏呈现出完美的混排效果，我们需要使用一张完美的高清照片，加入足够出彩的文字排版，就能达到吸引人眼球的目的。

10、怎么设计（排版）网站首页，怎么设计（排版）网站的栏目页，怎么设计（排版）网站的内容页

1、先用Photeshop类制图软件，设计出版面和风格。
2、按照设计的放个裁切出使用的图片元素。
3、用dreamweaver网页编辑软件进行html页面生成。主要使用DIV+CSS设计。
首页最为主要，栏目页 和内容也一般保留首页的顶部和底部。侧面导航和相关信息也基本统一形式。
如果是学习，多参考其他网站的切图和CSS样式的设计。