网页设计技巧「经典」

博学站 人气:2.9W

在今天这个飞速发展的时代,互联网现已经成为潮流,如何做好一个网站呢,这或许是很多网页爱好者关心的问题。欢迎大家阅读!更多相关信息请关注相关栏目!

网页设计技巧「经典」

首先我们需要了解一下网站的页面组成,网站一般包括以下几部分:

首页:网站的门面,如同公司的形象,特别注重设计和规划。

框架页:网站的主要结构页面,又称次首页、内页,大型网站往往框架页即首页,如一些门户网站。框架页主要是网站内部主要栏目的首页,讲究风格的一致性,并于主页呼应。

普通页:网站主要的承载信息的页面,设计要求不高,但要求链接准确、文字无误、图文并茂,并沿袭网页的风格。 弹出页:一般用于广告、新闻、消息、到其他网站的链接等等,一般用的很少。

以上所述或许是大多数网站必备的部分。

一:首页的设计技巧

网站首页是企业网上的虚拟门面,在此,提醒上网的企业注意自己门面的设计,决不能敷衍了事、马马虎虎。我们会经常看到印刷精美的产品目录或广告,当您屡屡看到那些印有产品目录或广告的精美印刷制品的时候,相信您或多或少会对有关的产品形成一种好感,即使您不会购买,也必然对这些产品形成一定程度的认同。而对于设计毛糙的宣传品,您肯定会怀疑其内容的真实性,从而对其产品或服务产生质疑。好,现在说说网站的设计,相信您会同意这种说法:网站的页面就好比是“无纸的印刷品”。既然如此,我们会因此而得出一个结论:精良和专业网站的设计,如同制作精美的印刷品,会大大刺激消费者(访问者)的购买欲望,反之,您公司所提供的产品或服务将不会给消费者(访问者)留下较好的印象。值得一提的是,除非您的企业有专业的网站规划、设计人员,否则您最好找专业公司或专业人员为您设计制作,一个优秀的专业设计人员会很快明白您的意图,并根据您的建站目的提出建设性的意见。

二:风格要保持一致

结构的一致性:我们知道,网站的统一性在网站营销中占重要地位,而网站结构是网站风格统一的重要手段,包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等等,到国外著名的电子商务网站浏览,你会发现这些网站结构惊奇的一致性,所不同的是色彩或内容,在结构的一致性中,我们要强调网站标志性元素的一致性,即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等,这种方式是目前网站普遍采用的结构,一方面减少设计、开发的工作量,同时更有利于以后的网站维护与更新。

三:色彩的一致性

网页中最难处理的也就是色彩搭配的问题了。如何运用最简单的色彩表达最丰富的含义,体现企业形象是网页设计人员需要不断学习、探索的课题。如何进行色彩搭配是一门学问,下面的一些方法是我在实践过程中的体会,希望能够为您起到一定的参考作用。

1、运用相同色系色彩:所谓相同色系,是指几种色彩在360°色相环上位置十分相近,大约在45°左右或同一色彩不同明度的几种色彩,如:,这种搭配的优点是易于使网页色彩趋于一致,对于网页设计新手有很好的借鉴作用,这种用色方式容易塑造网页和谐统一的氛围,缺点是容易造成页面的单调,因此往往利用局部加入对比色来增加变化,如局部对比色彩的图片等。这种方法不失为一种设计的好方法。

2、运用对比色或互补色:所谓对比色,是指色相环相距较远,大约在100°左右,视觉效果鲜亮、强烈,而互补色则是色相环上相距最远的连种色彩,即相距180°,其对比关系最强烈、最富有刺激性,往往使画面十分突出,如:,这种用色方式容易塑造活泼、韵动的网页效果,特别适合体现轻松、积极的素材的网站,缺点是容易造成色彩的花,使用中注意色彩使用的度。

值得注意的是,以上两种用色方式在实际应用中要注意主体色彩的运用,即以一种或两种色彩为主,其它色彩为辅,不要几种色彩等量使用,以免造成色彩的混乱。

3、使用过渡色:过渡色能够神奇地将几种不协调的色彩统一起来,在网页中合理地使用过渡色能够使你的色彩搭配技术更上一层楼。过渡色包括几种形式:两种色彩的中间色调、单色中混入黑、白、灰进行调和以及单色中混入相同色彩进行调和等等,您可以自己尝试调配,在以后的更新中,我会专题介绍如何使用过渡色。

色彩的一致性:方式是保持站点主体色彩的一致,只改变局部色块,优点是一个独特色彩的网站会给人留下很深刻的印象,因为人的视觉对色彩要比布局更敏感,更容易在大脑中形成记忆符号。在色彩的`一致性中,我们强调的是如果企业有自身的CI形象,最好在互联网中沿袭这个形象,给观众网上网下一致的感觉,更有利于企业形象的树立。一个建议是选取一两种主要色彩,几种辅助色彩.

四:整体局面的设计

一般来说,企业网站首页的布局比较灵活,着重设计,这里我所说的布局主要是指内页的版面布局。中、小型企业网站的内页布局一般比较简单,即内页的一栏式版面布局,从排版布局的角度而言,我们还可以设计成等分两栏式、三栏式、多栏式,不等分两栏式、三栏式、多栏式等等,但因为浏览器宽幅有限,一般不宜设计成三栏以上的布局。在版面布局中主要是考虑导航、必要信息与正文之间的布局关系。比较多的情况是采用顶部放置必要的信息,如公司名称、标志、广告条以及导航条,或将导航条放在左侧而右侧是正文等等,这样的布局结构清晰、易于使用。当然,您也可以尝试这些布局的变化形式,如:左右两栏式布局,一半是正文,另一半是形象的图片、导航;或正文不等两栏式布置,通过背景色 区分,分别放置图片和文字等等。在设计中注意多吸取好的网站设计的精髓。

以上四点是做好网站的基础,如果作为一名网页设计师,如何在第一时间打动潜在的客户是至关重要的。如果你设计的东西不能够打动他们,你就会失去一切,这个世界有的时候就是这么的现实。那究竟要注意哪些细节才能够在一个正确的方向去打动客户,让浏览者源源不断呢?下面几点可能是你需要反思的。

1.有明确的标志和口号

我们知道有一个好的标志是企业形象的开始。好的口号可以让你以更快的速度去曝光自己的站点。在互联网时代,这是重要的开始。

2.让你的页面遵循用户体验,易于浏览

这点相信我们都有着切身的体会。好的网站是不需要你思考的,它有好的人机交互设计和用户体验。让你以最快的速度去融合于设计,这才是真正的设计,源于生活的设计。这会让你有更多的浏览量的保障。用最段的距离诠释最好的创意。

3.可以方便的与其联系

网站的设计也算是服务网页,我们必须遵循客户的使用感受和各种提议,所以给予方便的联系可以更好的修正错误的体验方式,让系统更加完善,更快的做出解决方案!

4.学会推荐

网站如果能得到更多的社会认同将会在更好的氛围里成长。如果你做的是设计类的网站,让更多的设计师知道你的网站,认同你的网站,有的时候是很重要的。它可能会让你的网站在短时间能成为圈内讨论的一个平台!

5.让网站内容清晰明了

人们浏览页面速度是非常快的。我们都知道,这是一种放松的方式。如果你的文字深奥难懂,可能会失去一部分不耐心的浏览者。如何在短时间内用简短的语言让他们停留也是需要你好好思考的。

6.添加你自己的社交信息

几年前我们还沉浸在邮件和简单的聊天工具上。如今的各种社交工具已经让我们玩不过来了。还能说什么呢!现在每个人都在玩这个,这是这个时代的必须品。所以,在你的网站上放上你的社交链接,让更多的人关注你。你会得到意想不到的效果

TAGS:网页