1、一个网站的主页的整体设计包括哪些工作
首先,我们要弄清楚网页设计的任务。
一、设计的任务
设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。
网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。
第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。
第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。
当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确了设计的任务之后,接下来要想的就是如何完成这个任务了。
二、设计的实现
设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。
三、色彩的运用
色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。黄色是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。
四、造型的组合
在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。
五、设计的原则
设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。
分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。
2、网站建设网站主页怎样设计
其实建站可以直接到网上下载建站系统来做的:pageadmin cms、discha都是不错的、简单、方便,直接!下载就能直接使用!!!
3、网页的设计有几种方法
第一、靠前、无边框设计。无边框设计在近几年比较流行,在设计页面的时候,将页面中的风格线、边框删掉,用间距来代替的一种设计方法。无边框设计一般是以大图为主,图片本来就是一种分割元素。而内容基本是有规律的,留白间距之间的内容一定要相对一致、重复、紧密,这样用户在浏览的时候才会认为这些内容是一体的。一般来说,小众垂直的产品更适合使用无边框设计。
第二、卡片设计。卡片的设计打破了传统上固定的排版布局方式,提升了版面的使用率,可以给网站建设增加更多的惊喜。那么卡片设计有哪些优势呢?1、可以提高页面的使用率。卡片就好像是一个容器,将类型不一样的内容设置在不一样的卡片中,这样就可以很好地区分内容,还能够统一页面的风格。比如传统列表,内容一般是纵向滚动的方式,能够展示的内容比较有限,卡片式的设计采用的滑动方式,就可以有效地解决空间问题。2、区分卡片上的内容。卡片就好像是一个容器,将不同的内容放置在不同的卡片,更好地区分内容的类型。卡片的维度是不一样的,而且相对独立、有互相有联系,所以通过卡片归纳网站的内容,整个网站就显得更有秩序。3、卡片式设计可以提升可控性、提升体验度。卡片式设计的使用范围比较广泛,可以覆盖、滑动、堆叠,有良好的扩展性和可操作性。
第三、分割线的设计。这也是常见的一种页面布局设计方式,可以更好地帮助用户快速熟悉页面的布局,有良好的内容组织性。分割线可以贯穿整个页面,将不同的内容进行分割,成为独立的信息。
网站建设中的页面布局,有不同的设计方式,而且设计的趋势不断在变化,在设计页面布局之前,就要考虑好合适的样式,不能一味地追求潮流,根据产品的实际需求,选择合适的设计方式。而分割线的设计,想要做得出色,就要处理好线的间距、粗细、颜色等等
4、什么是网页设计?
网页设计,又称web界面设计,是企业将产品、服务、理念、文化等信息传递给访问者的一种形式,和我们通常所见的平面设计是有一些不同之处的,最为主要的就是利用文字和图片之间的组合,从而达到很好的和谐与美的布局设计。
网页设计中需要达到的一个要求就是需要体现不同页面之间的联系,正确处理网页之间、网页的顺序和内容、网页内部和区域之间的关系。为了可以使得最终的效果得到良好的呈现,在布局的时候需要特别的注意是否合理和谐,美化视觉的合理性,让参观者有一个流畅的视觉体验
5、网页界面设计
UI设计即User Interface(用户界面)的简称。简单的来说就是图形界面设计师(ps:这个职位可以不用写html这类的,但是最好要了解html,因为这样更有利于设计出来的页面适合后面的重构师开发)
然后还有就是上面提到的页面重构师:他的性质就是把页面设计效果图,用HTML+CSS改造成网页
然后这里面还会衍生一个前端开发的职位,他的性质是给上面的网页加入前端脚本,实现一个互动效果,比如我们常见的图片滚动,动画,还有表单验证等等常见的效果
然后就是后端程序员了(这里面可能还会衍生专门做数据库)反正这类人,就是把网站实现动态,与数据库对接
(ps:不做过多阐述,有不明白可以问我)
6、网站主页和页面的特色设计应注意哪些方面
DIV+CSS样式 应该知道吧
网页设计、编程代码、优化、色彩搭配等,所以,要I多做学习,必要的技术也要有所掌握
1、页面内容要新颖
突出一个“新”字,这个原则要求我们在设计网站内容时不能照抄别人的内容,要结合自身的实际情况创作出一个独一 无二的网站。所以,在设计网页时,要把功夫下在选材上。选材要尽量做 到“少”而“精”,又必须突出“新”
2、网页命名要简洁
由于一个网站不可能就是由一个网页组成,它有许多子页面,为了能使这些 页面有效地被连接起来,用户能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页,在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时,使用自己常用的或符合页面内容的小写英文字母,这关系到页面上的连接(感觉好像我们上学学到的建站 哈哈)。
3、要及时更新网页
网页制作好后,应每天维护更新及时把网页上已经作废的连接删除掉,比如用户无意中点击了页面中的一个连接,在苦苦的等待之后换来的是无法访问的结果,那么他们会对你的网页大失所望,可能以后再也不会光顾你的网页了。若不能及时更新,也在主页上发布信息,告诉前来访问的朋友这点和灵&猫店商有点样,表示因有特殊情况需要离开一段时间,未能及时更新主页,希望各位见谅,这样就能给人一种对别人负责的感觉,同时能得到网友的信任。
4、注意视觉效果
设计Web页面时,640×480和800×600的分辨率来 分别观察。设计一个在不同分辨率下都能正常显示的网页
5、善用表格来布局
不要把一个网站的内容象作报告似的一二三四地罗列出来,要注意多用表格把网站内容的层次性和空间性突出显示出来,使人一眼就能看出你的网站重点突出,结构分明。
6、 少用特殊字体
虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者
在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个
不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽
然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在
访问者的计算机上不能显示。
7、如何去设计一个网站首页?
首页是一个网站主要的访问页面,因此网站首页的重要性显而易见。对于网站来说,有一个让人心动的首页能让访客对网站产生好的印象,增加访客再次浏览网站的可能性。那么网站要怎样设计才能令人心动呢?
网站首页的组成包括图片、视频、文字以及将三种合理的组合在一起,网站首页的主题,就应该以用户为本,记住网站价值不在于你是做什么的销售什么的,而是你能为用户做些什么。虽然二者之间没有什么区别,但是,同样的话用不同的方式去表达,差别是很大的。如果网站首页设计以客户为本,那么,就会让用户有一种宾至如归的感觉。用户体验就会好。
8、关于网站主页构架设计
现在大部分都这样了。因为从用户的角度来说,flash和图片更能吸引客户,从而产生点击行为,但限与国内网速问题,目前纯flash网站打开速度太慢。容易引起浏览者烦躁情绪,直接关了走人,退而次之,用较小面积的flash和JS代替虽然不会太炫,但比之静态网站要更容易吸引用户一些,新的架构,还是看设计师的了。。
9、怎么制作自己的网页(主页)
你可到百度网页这一栏中打 个人网页 申请网址号码后他会教你如何设计
背景http://www.mb5u.com/wangyemoban/gerenmoban/
具体的课程http://www.enet.com.cn/eschool/zhuanti/frontpage/
如果需要制作服务器大的 还需要花钱
如果想制作论坛那一类的就简单。
直接百度 制作论坛
10、什么叫网页主页网站?他们的区别是什么?
从某种程度上讲,网站是由网页组成的!
但是网站往往要复杂一些!显而易见的是,网站一般不止一个网页!
而且网站有一些其他的事情要解决!
首先,如果是INTERNET上的网站,就必须要确保保存网站文件的计算机(也就是服务器)一直开机,否则,人家要登陆你的网站,你的电脑是关的,就会出现“找不到服务器”的错误!当然了,一般的个人网站做不到这一点,所以他采取一个变通的方法,就是使用别人的计算机。有些人就专门提供这样的方便,他们容许你把你的网站文件放在他的电脑里,他承诺他不会关机!这种服务有收费的,有免费的!称为主页空间服务!
接着,一般的网站都要有域名,就是http://……,这实际上是域名服务!同样有免费的,有收费的!
另外,网站除了一般的网页之外,往往还有一些其他的东西:比如数据库,就拿“编程爱好者”来说,网站需要保存你的用户名,还有密码,以及这许许多多的帖子,这都需要数据库!
好的网站往往还有独立的程序文件!因为要通过程序判断你输的密码对不对等等!
总的说来,网站要比网页复杂,一个好的网站需要好好的规划,好好的设计!
网页就要简单的多!
但是网页的设计是网站设计的基础,只有学好了网页设计才能组织好网站设计!