网站设计的思考之网站首页的设计技巧

2016-02-19 15:45 5 1 收藏

今天图老师小编要跟大家分享网站设计的思考之网站首页的设计技巧,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - Web开发 】

  在我们全面考虑好网站的栏目,链接结构和整体风格之后,我们就可以正式动手制作首页了。

  有这么一句俗语:"良好的开端是成功的一半"。

  在网站设计上也是如此,首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对你的站点有一个整体的感觉。是不是能够促使浏览者继续点击进入,是否能够吸引浏览者留在站点上,全凭首页设计的"功力"了。

  所以,首页的设计和制作是绝对要重视和花心思的。阿捷的经验是:一般首页设计和制作占整个制作时间的40%。你宁可多花些时间在早期,以免出现全部做好以后再修改,那将是最浪费精力的事。

  这里,先插一个“封面”的问题。封面是指没有具体内容,只放一个Logo点击进入或者只有简单的图形菜单的首页。

  是否需要为站点设计一个“封面”?阿捷的个人观点是:没必要!

  除非你是很艺术类的站点,或者可以确信内容独特,可以吸引浏览者进一步点击进入的站点,否则的话,封面式的首页并不会给你的站点带来什么好处。我们上网浏览需要的是快速,有价值的信息,如果等待xx分钟,只显示出一个粗劣的“ENTER”图标,那么相信没有人会再耐心等待进入下一页。

  因为首页的重要性,阿捷将着重用8篇文章来仔细讨论有关首页设计的方方面面,大致提纲如下:

  ○版面布局的窍门

  ○色彩的搭配

  ○字体的设置和表格的嵌套

  ○细微之处见功力

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  ○考虑不同的浏览器和分辨率

  ○设计好你的banner和位置

  ○meta标签的重要性

  ○首页设计的小建议

  今天,只是关于首页设计的一个引子。让我们来大致了解一下首页设计的步骤。

  首页,从根本上说就是全站内容的目录,是一个索引。但只是罗列目录显然是不够的,如何设计好一个首页呢?一般的步骤是:

  ●确定首页的功能模块

  ●设计首页的版面

  ●处理技术上的细节

  一).确定首页的功能模块。

  首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  网站名称(Logo), 广告条(banner), 主菜单(menu),

  新闻(what's new), 搜索(search), 友情链接(links),

  邮件列表(maillist),计数器(count), 版权(copyright).

  选择哪些模块,实现哪些功能,是否需要添加其他模块都是首页设计首先需要确定的。

  二).设计首页的版面

  在功能模块确定后,开始设计首页的版面。就象搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。

  设计版面的最好方法是:找一张白纸,一支笔,先将你理想中的草图勾勒出来,然后再用网页制作软件实现。

  三).处理技术上的细节

  阿捷经常收到的来信问题就是:我制作的主页如何能在不同分辨率下保持不变形,如何能在IE和NC下看起来都不至于太丑陋,如何设置字体和链接颜色....等等,阿捷将在下面几篇文章里为大家详细介绍。

  首页设计是整个网站设计的难点和关键,阿捷希望能够通过和大家的交流,总结出一套较为合理易学的设计方法,从而举一反三,使我们能够更加轻松的完成整个站点的设计制作。如果你愿意将你的心得体会和大家分享,请来信ajie@soim.com,谢谢!

来源:http://www.tulaoshi.com/n/20160219/1610335.html

延伸阅读
网站首页是访问量最多的,判断你网站的第一印象也是从首页开始,首页也决定了其它页面的风格,所以我们设计网站时首页必须要考虑清楚怎样设计,比如如何排版、布局,什么样的配色等等。 目前很多网站的首页布局十分常见,为了增加新鲜感和独立个性一点,设计师可以从网页布局本配色上入手。今天我们整理自Dribbble上一些设计师们的Web首页设计...
文中的这些网站首页设计的都很不错,可以说都具有自身的特点。有质感与渐变结合的企业网站,有单独靠简约插图吸引眼球的Flash网站,也有色块与图片排列整齐的购物网站,还有各地风情的网站。可以说这些都很有特色,很值得我们设计时参考和借鉴。 这些网站的头部设计都十分精美,对于想设计比较有视觉冲击力的设计师可以学习下。 greentent ...
在工作我们经常会有banner设计需求,和大项目比较,需求方从设计成本方面考虑,不会给设计师太多的时间。那么我们如何才能在短时间内做一个出彩而效果又好的banner呢? 以下是整理的banner设计8技巧,现与大家分享: 一、主题明确 要突出产品主题,让用户一眼就能识别广告含义,减少过多的辅助干扰元素。切忌,banner被切割的太细碎,内容繁多...
标签: Web开发
一个网站的结构代表着这个网站性质,每个行业里都有独特的结构模式。政府和机构性质的网站,简单明了,突出重点,不需要过多的美化工作,网站头部通常设置一个通栏Logo,以代表形象。游戏、下载等等都有自己独特的架构。如果网站的结构没有设置好的话,会严重影响网站的效果。但并不是网站结构设计的好就什么问题都解决了,要把网站优化的...
来源:站酷 作者:Lijinan2008 本教程介绍高档商业网站的设计过程和方法。作者为大师级别的高手,制作当然非常讲究。画面构成简洁大气,素材安排恰到好处。色彩渲染层次感强。总体非常经典,值得学习。 最终效果 1、前期素材准备,去网上搜集一些华丽,有气派的素材图片,根据下图标志风格选择一些欧式华丽素材。 2...

经验教程

575

收藏

53
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部