网站首页设计技巧

网站首页 设计 技巧

一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，也就是框架页。下面介绍网站首页设计技巧，希望对您有帮助。

一般来说，网站首页的形式不外乎有两种，一种是纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力，能够努力挖掘企业深层的内涵，展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导，通过色彩、布局给访问者留下深刻的印象，当然，我们不能为了设计而设计，我们的目的是营销，在设计过程中一定要牢记这一点!

另一种是信息罗列型，一般的大、中型企业网站和门户网站常用的方式，即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等，也就是我们上面谈到的框架页，这种风格比较适合网站信息量大，内容丰富的网站，因为是以展示信息为主，这是的设计就要在细微之处体现企业形象，建议设计人员最好仔细阅读企业的CI手册，熟悉企业标志、吉祥物、字体及用色标准，在网站的局部体现出来，往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象，从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。

网站首页是企业网上的虚拟门面，在此，提醒上网的企业注意自己门面的设计，决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告，当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候，相信您或多或少会对有关的产品形成一种好感，即使您不会购买，也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品，您肯定会怀疑其内容的真实性，从而对其产品或服务产生质疑。

好，现在说说网站的设计，相信您会同意这种说法：网站的页面就好比是“无纸的印刷品”。既然如此，我们会因此而得出一个结论：精良和专业网站的设计，如同制作精美的印刷品，会大大刺激消费者(访问者)的购买欲望，反之，您公司所提供的产品或服务将不会给消费者(访问者)留下较好的印象。

值得一提的是，除非您的企业有专业的网站规划、设计人员，否则您最好找专业公司或专业人员为您设计制作，一个优秀的专业设计人员会很快明白您的意图，并根据您的建站目的提出建设性的意见。

让网站更快的网页设计技巧

1：限制使用播放器

Flash是一种典型的风格而非实质的例子，虽然它绝对在专业网页设计中占有一席之地，但在创建网站时必须谨慎使用Flash。即使您的访问者拥有合适的Flash播放器，也会增加您网站的下载时间。Flash也是搜索引擎尚无法访问的网站设计元素之一，这意味着它只会阻碍您的搜索引擎优化工作。

2：压缩图像

图像是外观，如何在网页设计中欺骗的一个很好的例子。在创建网站设计时，您可能没有意识到它们占用了多少空间。通过在将图像添加到网页设计之前压缩图像，您可以将GIF或JPEG图像缩小最多一半的原始尺寸。您可能还想在HTML中指定图像的高度和宽度，这可以减少加载时间。

3：清理你的代码

虽然HTML文本比图形文本快得多，但有一些方法可以让它更快。注意无关的HTML编码 - 如空格，不必要的标签甚至空白区域 - 可以增加文件的大小。

4：使用缩略图

缩略图是一种特别有用的电子商务网站设计技术。为客户提供产品的小型快速加载图像，让他们决定是否要查看更大版本的图像。

5：切换到CSS

许多Web设计人员现在使用层叠样式表(CSS)而不是更传统的表格布局。CSS是一种样式语言，在专业Web设计中具有双重目的：它可以在您创建网站时节省您的时间，并通过大幅减少页面大小和下载时间来节省访问者的时间。

6：减少服务器请求

从不同服务器加载的任何设计元素 - 无论是图形，音频剪辑还是广告 - 都会在每次加载页面时引发HTTP请求。创建一个外部内容有限的网站，以减少加载时间。

7：注意页面大小

即使您使用上述所有提示，当您的网站的所有部分组合在一起时，您的页面大小仍可能大到足以导致响应缓慢。请记住，在专业Web设计中通常更少，并且只使用绝对必要的内容。理想的页面大小约为30KB。

影响网页内容的设计误区

1、不合理的排版

排版设计出问题，首当其冲的空间设计不合理。段间距和行间距是文本内容常见的空间控制变量，虽然有的排版会因为间隙过大而显得松散，但是更常见的问题其实是排布布局过于紧密，缺乏呼吸感，这可能会让设计看起来混乱，可读性低下。

一般而言，对于大段的文本内容，行间距最好是文字高度的120%到150%。对于较小的文本，考虑到移动端的用户使用场景，这个行间距可能还得在提高一些，这样 才能确保舒适的阅读体验。

但是，不论是怎样控制，核心始终在于确保阅读体验是愉悦而恰到好处的。拥有恰当而富有流动性的排版，视觉上才会令人舒适。间距太大太小都不合适。

另一方面，整个页面排版的行间距的比例要保持一致，这样能让视觉上更加统一，也能够强化同类、相关元素的关联性，增加可读性。

2、所有元素尺寸一样

所有的图片尺寸都一样，所有的文本都一样大小，所有的按钮都一样的样式，这样的“一致”看起来不错，但是实际上会显得更加无聊。

网页中的许多元素可以一致，但是不能完全一样，这是两个概念。基于不同的需求，不同的位置的按钮尺寸是不能完全一样的，但是它们可以沿用相同的样式，并且设计几个相对固定的尺寸比例，这样也可以更好的控制整个视觉和体验。

其实这当中，图片在网页框架中的使用就是一个最好的实例。不同页面的首图尺寸是一样，其中的图片如果要应用到不同整个布局其他的位置的时候，直接按比例缩小，其中的元素视觉重量会直接降低，信息传达的有效性也随之降低。最理想的状况，是根据整个网页框架布局的需求，基于原图有针对性地进行切图。

3、忽略层次

我们所看到的绝大多数的网页是需要通过精心组织的层次结构来呈现内容的，毕竟网页内容也是遵循 80/20 法则的，20%的内容常常能够拥有80%的重要性。这也使得网页的层次结构如此的重要。

网页中不同的内容是有轻重缓急的，而这种重要性不论是基于设计的需求还是用户的需求，都是能够进行判断和划分的。与此同时，用户在快速浏览内容的时候，重要的内容应当置于重要的、易于扫视查看的位置。在我们之前的《F式布局》的文章当中，对此有详细的陈述。

在确定了重要性优先级之后，层次结构的设计思路就可以基本确定了。首图、标题等元素是承载重要信息的载体，而能够引导用户行为的CTA按钮、输入框等元素，则能在交互的层面上，强化内容的效力。所有的这些东西，在设计网页的层次结构的时候，应该系统的考虑。

4、忽视基础功能

网页的可用性始终是摆在易用性之前的。我想你也有过这样的经验：打开网页之后经过漫长的等待而网页无法加载;点击一个按钮而没有相应的反馈;想找到网页背后所有者的联系方式，但是在About Us 的页面中一无所获。

这些基础的工作都需要设计师用心做好。确保网页的基础功能都能够顺畅的使用，正确的反馈，而这些基本的可用性问题，常常出现在搜索框、导航、页脚甚至业务逻辑当中。

在网页当中，不同类型的元素涉及到不同类型的内容，即使文本和图片也常常带有链接，或者牵涉到特定的功能或者交互，而用户对于这些功能是有预期的。可用的按钮、链接等基础功能，确保了信息的完整性和功能的完整性，只有这样，用户才能信任网页本身。

5、不够简练的文案

网页中的文案是需要反复推敲的。

许多网页在使用文案的时候，不够简练，用户很容易在浏览过程中迷失。人集中注意力的时间始终是有限的，所以，尽量在交互和UI中使用明确、精准的描述性的语言，直接地指引用户，清晰地阐明交互的结果。

清晰简练的语言文案是维持用户兴趣、推动交互继续的动力。

6、低分辨率

清晰度不足的图片绝对是设计的硬伤。现如今的高清的屏幕无处不在，低分辨率的图片在如今的屏幕上无所遁形。

随着网络的覆盖和带宽的拓展，大尺寸的图片和文件已经慢慢成为标准了。当你需要精准地控制图片尺寸和屏幕分辨率完全对应起来，也可以参考响应式设计，借助断点来控制显示的尺寸。

当然，最重要的一点在于，使用低分辨率的图片，还不如干脆不使用。

7、太多机巧

过多的插画，繁复的特效，太多的设计趋势，当常见的设计技巧和效果在网页上堆积起来的时候，会很容易稀释网页中真正重要内容。不同寻常的色彩，奇特的动画，巨幅的图片，这些真正抓人眼球的元素应该有针对性、有计划地使用。

它们确实是提升趣味性、吸引用户注意力的重要手段，但是同样需要谨慎使用。

当你想要使用特定的设计元素、采用流行的设计趋势或技巧的时候，选择一个思路，尽量主次分明。很多时候，一个设计趋势，比三个趋势叠起来更有用。

网站整站建设什么最重要

一、网站建设重点之价格

网站建设现在已经不陌生，各行各业都已经开始了互联网的发展，互联网的竞争也越来越激烈。网站建设已经是艺术家必不可少的趋势，但如何选择一家建站公司却是令人头痛的一件事。同一的网站要求，每家建站公司的报价也不一样，低至一两千，高则达到上万，对于艺术家价格低的吸引力相对高些，而对价格高的公司比较信任。网络公司做网站不要贪图便宜，合理的价格是可取的，只要物有所值就好!即使您只是想做个简单的展示型网站，那也不能随意为之。

二、网站建设重点之质量

如今，在我们的周遭，会听到越来越多的网站建设公司像喊着口号一样叫嚣：“我们的网站质量是最好的!比其他公司网站好得多!”然而，网站的质量是喊出来的么?我想大多数人会回答：“不是!”那么，什么才是高质量的网站?如何才能提高自己网站的质量呢?我们觉得不同行业，不同类型的网站质量的评定标准也是不尽相同的。如果我们化繁为简，总结一个一般意义上的网站质量标准，依据这个提升网站的基础质量这必定是一件好事。那么现在我们就来说说提高网站质量需要注意的重点：

1、整站页面的结构布局

2、内容一定要坚持原创，长久下去自然会有回报

3、网站更新的频率要稳定

三、网站建设之推广

网站推广是一种新的营销方式，目的是让更多的消费者知道您的网站，让更多的用户访问您的网站，从而利用网站进行营销，让消费者了解您的产品品，为最终形成购买决策做支持。网站建设完成后需要进行网站推广，那么我们应该如何进行网站推广呢?

利用搜索引擎推广

统计表明，50%以上的自发访问量来自于搜索引擎;有效加注搜索引擎是注意力推广的必备手段之一;加注搜索引擎既要注意措辞和选择好引擎，也要注意定期跟踪加注效果，并做出合理的修正或补充;向Google、雅虎和MSN，搜狐，新浪，百度等知名的搜索引擎和目录网站提交网站，网站通过所提交的关键词能够出现在搜索结果列表里。这些收录常常需要一些时间。

利用网络广告平台推广

在对平台的选取上也要仔细慎重，要选择效果好且明显，网络广告是常用的网络营销策略之一，在网络品牌、产品促销、网站推广等方面均有明显作用。网络广告的常见形式包括：BANNER 广告、关键词广告、分类广告、赞助式广告、Email 广告等。也可以认为网络广告存在于各种网络营销工具中，只是具体的表现形式不同。将网络广告用户网站推广，具有可选择网络媒体范围广、形式多样、适用性强、投放及时等优点， 适合于网站发布初期及运营期的任何阶段。

利用良好的媒介发布信息

可以在各种在线黄页、分类广告、留言簿、论坛、聊天室、新闻组、博客网站、供求信息平台、行业网站等发布信息作推广，值得注意的是：一是要找人气旺、质量高的论坛或留言簿发布信息;二是要注意别让自己是做广告的这个目的太明显，因为这样不但会引起论坛网友的反感，也可能会被版主删除贴子甚至封帐号。完全可以潜移默化地进行推广，譬如探讨某个问题的同时，把自己的网站地址留下来，或者干脆把广告做在你的论坛签名中。

江苏省