导航:首页 > 万维百科 > 网站整体设计

网站整体设计

发布时间:2020-07-23 14:18:27

1、一个网站的主页的整体设计包括哪些工作

首先,我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。
网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。
第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。
第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确了设计的任务之后,接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。
分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。

2、什么是网站总体架构设计

网站结构是指网站中页面间的层次关系,按性质可分为逻辑结构及物理结构。是现代网络学习和发展的一个必须的基础技术。根据需求分析的结果,准确定位网站目标群体,设定网站整体架构,规划、设计网站栏目及其内容,制定网站开发流程及顺序。

网站架构的内容有哪些?

有程序架构,呈现架构,和信息架构三种表现,步骤主要分为硬架构和软架构两步程序。

网站总体框架示意图是网站后台支撑系统的想法,一般取决于网站本身的建设意图。

网站架构水平的高低决定着网站的整体性能和运营模式的时效性和经济性,它的设计必须考虑到网站的模式、运营思路、用户群体使用习惯、网站的功能等等。

网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。网站结构在决定页面权重上起着非常关键的作用,会直接影响到搜索引擎对页面的收录。一个合理的网站结构可以引导搜索引擎抓取到更多、更有价值的网页。如果网站结构混乱,往往就会造成搜索引擎陷入死循环、抓取不到页面等问题。网站结构的好坏会决定用户浏览的体验度,合理的网站结构是优化网站关键词排名的前提。

所以,网站结构可以影响网站内部页面的重要性,合理的内部链接策略就可以对重要页面进行突出、推荐等操作。

绘制网站概要图符号

网站概要图模板

3、网页页面的整体设计方法?急啊~!

我用div布局跟你说吧:
一般我们设置整个网页的宽度是960px或980px ,当然也有800px的。以960px为例跟你说吧,
在网站最上方,首先设置一个banner(横幅),把它宽度设为960px,高度大概200px吧;它下面设置为menu(导航条),宽960px,高度大概40px;接下来是我们网页的main(正文区域),我们可以把左边设为300px,可以放广告、文章列表,右边设为600px,是文章区,中间设为60px,作为两板块的空隙。
最后就是bottom(网页底部)了,我们可以放置一些友情链接、备案号,网站站长联系方式。

可以到我的网站去看一下 http://zhanghuaipeng.3.bname.biz/ 我是用源码作的,本人学网络工程的,网站建设不是主科目,只学了十多次课,平时也没时间打理网站,希望对你有帮助。

4、网站整体设计的原则有哪些

对于新站,网站内容最好不要太多,一百左右的网页就差不多了。网站结构一定要清晰明了,主题明确,目标关键词突出,这样搜索引擎才好最快地给你的网站定位,如果一个网站,你自己都搞不明白网站的主题,搜索引擎也无法给你的网站归类。搜索引擎数据库是庞大的,并不是把什么网站都随意的放入数据库里面,它里面有很多索引目录,不同主题的网站,索引目录也不同。适量的内容,明确的主题是加快网站收录的保障。还有一点,也是非常重要的一点,如果有可能,在高权重的的网站上放上你网站的导入链接,因为高权重的网站,蜘蛛光顾的频率高,通过导入链接,能吸引蜘蛛爬行你的网站,蜘蛛爬行的多了,网站收录的也就更快了。看起来挺简单,其实做起来很难,很多细节上都要注意,定时分析自己网站的数据,根据数据来判断哪些做的可以。哪些需要抛弃了。

5、网站设计风格主要体现在哪几个方面

网站简单的可以分为:功能型和展示型

功能型:网站在美工设计上可能不适合大块图片,在数据功能上比较强,比如:搜索、会员注册。一般企业网、购物网、大型门户、交友网等。

展示型:追求视觉上的美丽,对功能要求不高,在美工上、设计上要有强烈的视觉感。这种网站一般属于:美容业、女性用品、服饰等。
可以是企业展示网站、企业宣传网站、门户网站、电子商务、社交交友、综合型网站等等。
1、将你的标志logo,尽可能的放在每个页面上最突出的位置。

2、突出你的标准色彩。

3、总结一句能反映贵站精髓的宣传标语!

4、相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!

二、网页色彩的搭配  

无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。在此告诉大家一些网页配色时的小技巧。

1、用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。

2、用两种色彩。先选定一种色彩,然后选择它的对比色。

3、用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

在网页配色中,还要切记一些误区:  

1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。

2、背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

现在是眼球经济时代,什么都要靠包装。你的网站设计的不好看,也无法引起用户的兴趣。我想谁都不喜欢看那些乱七八糟的网站,进去之后看不到网站主题,看不到主要内容,也找不到我们想要的信息。成功网站的第一步,就是从设计开始做起。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站,在这里,提供给大家一些参考经验:
1、将你的标志logo,尽可能的放在每个页面上最突出的位置。

2、突出你的标准色彩。

3、总结一句能反映贵站精髓的宣传标语!

4、相同类型的图像采用相同效果。

二、网页色彩的搭配  

无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。在此告诉大家一些网页配色时的小技巧。

1、用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。

2、用两种色彩。先选定一种色彩,然后选择它的对比色。

3、用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。

在网页配色中,还要切记一些误区:  

1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。

2、背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

6、如何把握网站的整体风格和创意设计

网站的整体风格总的来说无非两块:视觉效果和功能实现
视觉效果主要是色调和页面布局,这方面建议根据行业本身的特点和企业自身的文化以及用户的喜好来确定。
功能方面建议从运营的角度出发,确定运营要到达的目标和运营流程对网站的要求,此外可以参考行业做得好的网站。
总体而言:一方面调研行业,企业和用户的心理需求,另一方面参考行业做得好的,这样可以起到事半功倍的效果。

7、怎样设计网页保持整体风格统一

网站总体色彩一致的优点是一个独特色彩的网站会给人留下很深刻的印象,因为人的视觉对色彩要比布局更敏感,更容易在大脑中形成记忆符号。在色彩的一致性中,我们强调的是如果企业有自身的CI形象,最好在互联网中沿袭这个形象,给观众网上网下一致的感觉,更有利于企业形象的树立。一个建议是选取一两种主要色彩,几种辅助色彩。二、网站结构的一致网站结构是网站的的骨架,结构关系网站的浏览习惯和设计风格,所以,网站的栏目内页和内容内页必须和首页的风格要一致,就肯定要从网站的结构上下功夫。最重要的就是网站布局了,网站的相关内容文字排版等等也应该有所体现。三、网站导航条要统一协调导航是连接各个页面的最主要部分,一个导航统一的网站,是风格一致的基础部分,好的导航条可以带给人很深的印象。四、网站的图像要统一网站的图片并非越多越好,对于那些没有用处的图片不要在网页上占用空间,既无用又浪费设计时间,此外也降低了网页加载速度,对于相部位的相同图片,尽量用同一个URL路径,而不是使用不同的路径。而是作为网站结构一部分的局部图像,根据网页内容的不同,配以相应的图像或动画,从而给浏览者形成页面的连续性。五、网站标志性元素的一致性即网站或公司名称、网站或企业标志、导航及辅助导航的形式及位置、公司联系信息等,这种方式是目前网站普遍采用的结构,一方面减少设计、开发的工作量,同时更有利于以后的网站维护与更新,这也是SEO的要求。六、网站的特别元素要一致在网站设计中,个别具有特色的元素,如标志、象征图形、局部设计等重复出现,也会给访问者留下深刻印象。比如网站结构在某一点上的变化,由直线变为圆弧、暗色点缀的亮色、色彩中的补色等等。七、网站的背景图片及背景颜色等统一问题做网站时,网站的内页有必要和首页的风格一致,这样才显出网站是一个整体。这些都是内页风格保持一致要注意的。

8、网站整体风格设计怎样介绍

多看一些设计方面的书籍,多做,多想,不过也要有设计功底才能更快的理会到真理.呵

9、网站的整体风格设计要注意哪些

网站简单的可以分为:功能型和展示型

功能型:网站在美工设计上可能不适合大块图片,在数据功能上比较强,比如:搜索、会员注册。一般企业网、购物网、大型门户、交友网等。

展示型:追求视觉上的美丽,对功能要求不高,在美工上、设计上要有强烈的视觉感。这种网站一般属于:美容业、女性用品、服饰等。可以是企业展示网站、企业宣传网站、门户网站、电子商务、社交交友、综合型网站等等。

10、网站的总体设计内容是

首先,我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。
网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。
第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。
第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确了设计的任务之后,接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感

与网站整体设计相关的知识