网站建设之页面设计技巧
在网站建设的过程中我们会遇到很多问题,我们也会去解决各类问题。无论是网站设计还是代码编写。今天针对网站建设过程中我们会遇到的一些小问题,并给出一些简单的解决办法。
Ie6不支持Png格式下的透明。
应用解析:有不少人都会对LOGO进行透明处理以融入head部分的渐变背景。
解决方案:采用JS代码实现或CSS滤镜功能,当然问题也存在部分,导致图片质成像量不高。
小技巧1:将透明的LOGO用高于IE6的浏览器打开网页,然后采用FF的PearlCrescentPageSaver全屏截图插件截屏。再采用PS或者Fireworks进行裁切LOGO部分。并替换透明背景LOGO。这样即使是渐变背景也能和LOGO保持一致。
小技巧2:布局上页面与页面之间存在相同部分,要学会简化。当两个页面有部分板块相同,最好不要去让两个页面独立存在,可以将两个相同部分独立出来。采用程序调用共同部分。以减少网页代码。
小技巧3:网站重要页面最好有可更新或者可调用更新内容的板块。以达到日常更新引蜘蛛爬行的目的,原因很简单,利于网站SEO优化。
小技巧4:网站要和互联网接轨,要跟得上时代,别忘了在网站完成后给网站安装一个百度分享工具,或者新浪微博,这样做利于网站推广。
小技巧5:新手设计网站困难,photoshop水平不高,怎么办?AXURE让网站设计更轻松。很多高端网站设计师都采用PS对网站进行美化设计以达到更绚丽的网页效果,对于新手而言,PS的学习无疑是一道门槛。采用Axure并结合“扁平化设计”也可以让新手也能很简单“拖”出很精致的网页。
小技巧6:Jiasale将小型企业站变成小型电商平台,无需注册直接即可购买产品。针对部分微小型企业,很多企业无力承担高昂的建站费用,但又希望自己的网站能带来商机或者达成线上交易,那么庞大的会员管理系统,以及产品订购功能无疑是一大难题,Jiasale是一款购物按钮可以让网站快速实现电子商务,只需要在网站中添加一段代码,就能轻松实现站中店。(非广告)。连接支付宝无需注册,即可购买。对于一些有着线上交易需求的站长而言,还是挺方便的。
从网站整体结构方面来说,我们需要先了解一下网站的页面组成,网站一般包括以下几部分:
首页:网站的门面,如同公司的形象,特别注重设计和规划。
框架页:网站的主要结构页面,又称次首页、内页,大型网站往往框架页即首页,如一些门户网站。框架页主要是网站内部主要栏目的首页,讲究风格的一致性,并于主页呼应。
普通页:网站主要的承载信息的页面,设计要求不高,但要求链接准确、文字无误、图文并茂,并沿袭网页的风格。
弹出页:一般用于广告、新闻、消息、到其他网站的链接等等,一般用的很少。
通过上面的分析,我们可以看出:
从功能上来看,首页主要承担着树立企业形象(当然不仅仅是首页)的作用,框架页在导航方面起着重要的作用,比如各栏目内部主要内容的介绍,都可以在框架页中体现再进入普通页,让浏览者能够迅速了解网站各栏目的主要内容,择其需要而浏览,而普通页则是主要的信息页面,也是网站的最终页面,对于大型网站,这种结构非常重要,而对于中小型企业,网站规模较小、页面数量不多,有时框架页就起着普通页的作用,至于弹出页,建议您不是必要,最好不要用。下面详细介绍各页面的设计技巧:
一、首页设计技巧
网站首页是企业网上的虚拟门面,在此,提醒上网的企业注意自己门面的设计,决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告,当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候,相信您或多或少会对有关的产品形成一种好感,即使您不会购买,也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品,您肯定会怀疑其内容的真实性,从而对其产品或服务产生质疑。好,现在说说网站的设计,相信您会同意这种说法:网站的页面就好比是“无纸的印刷品”。既然如此,我们会因此而得出一个结论:精良和专业网站的设计,如同制作精美的印刷品,会大大刺激消费者(访问者)的购买欲望,反之,您公司所提供的产品或服务将不会给消费者(访问者)留下较好的印象。值得一提的是,除非您的企业有专业的网站规划、设计人员,否则您最好找专业公司或专业人员为您设计制作,一个优秀的专业设计人员会很快明白您的意图,并根据您的建站目的提出建设性的意见。
一般来说,网站首页的形式不外乎有两种,一种是纯粹的形象展示型,这种类型文字信息较少,图像信息较多,通过艺术造型和设计布局,利用一系列与公司形象和产品、服务有关的图像、文字信息,组成一幅生动的画面,向浏览者展示一种形象、一个氛围,从而吸引浏览者进入浏览。这需要设计者具有良好的设计基础和审美能力,能够努力挖掘企业深层的内涵,展示企业文化。这种类型的首页在设计过程中一定要明确要以设计为主导,通过色彩、布局给访问者留下深刻的印象,当然,我们不能为了设计而设计,我们的目的是营销,在设计过程中一定要牢记这一点!
另一种是信息罗列型,一般的大、中型企业网站和门户网站常用的方式,即在首页中就罗列出网站的主要内容分类、重点信息、网站导航、公司信息等等,也就是我们上面谈到的框架页,这种风格比较适合网站信息量大,内容丰富的网站,因为是以展示信息为主,这是的设计就要在细微之处体现企业形象,建议设计人员最好仔细阅读企业的CI手册,熟悉企业标志、吉祥物、字体及用色标准,在网站的局部体现出来,往往平淡之中一个优美的符合企业特点的曲线就能够给人以深刻的印象,从而将企业形象印在浏览者的脑海里。设计人员在设计过程中要注意使用这些语言符号来表达一种独特的企业信息。
二、风格保持一致——内页设计技巧
如何保持网站风格的一致,是进行内页设计过程中考虑的重要方面,根据我的经验,您可以尝试以下几种设计方式:
1、结构的一致性:我们知道,网站的统一性在网站营销中占重要地位,而网站结构是网站风格统一的重要手段,包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等等,到国外著名的电子商务网站浏览,你会发现这些网站结构惊奇的一致性,所不同的是色彩或内容,在结构的一致性中,我们要强调网站标志性元素的一致性,即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等,这种方式是目前网站普遍采用的结构,一方面减少设计、开发的工作量,同时更有利于以后的网站维护与更新。
当然相信每个人都有自己的网站建设方面的技巧。也有自己解决问题的方法。希望这篇文章能带给大家帮助。