如何成为优秀的网页设计师父?求介绍点书来看看
怎样做好网页设计师-首先,我们要弄清楚网页设计的任务。
一、网页设计的任务
设计是一种审美活动,成功的设计作品一般都很艺术化。
但艺术只是设计的手段,而并非设计的任务。
设计的任务是要实现设计者的意图,而并非创造美。
网页设计的任务,是指设计者要表现的主题和实现的功能。
站点的性质不同,设计的任务也不同。
从形式上,可以将站点分为以下三类:
第一类是资讯类站点,像新浪、网易、搜狐等门户网站。
这类站点将为访问者提供大量的信息,而且访问量较大。
因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。
第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。
这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。
第三类则是形象类网站,比如一些中小型的公司或单位。
这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。
这类网站对设计者的美工水平要求较高。
当然,这只是从整体上来看,具体情况还要具体分析。
不同的站点还要区别对待。
别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。
明确了设计的任务之后,接下来要想的就是如何完成这个任务了。
二、设计的实现
设计的实现可以分为两个部分。
第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。
第二部分为网页的制作,这一过程是在计算机上完成的。
设计首页的第一步是设计版面布局。
我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。
接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamweaver里完成的。
虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。
设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。
在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。
三、色彩的运用
色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。
一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。
黄色是明度最高的颜色,显得华丽、高贵、明快。
绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。
紫色是高贵的象征,有庄重感。
白色能给人以纯洁与清白的感觉,表示和平与圣洁。
我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。
换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。
色彩代表了不同的情感,有着不同的象征含义。
这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。
单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。
比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。
蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。
红色和黄色、金色的搭配能渲染喜庆的气氛。
而金色和粟色的搭配则会给人带来暖意。
设计的任务不同,配色方案也随之不同。
考虑到网页的适应性,应尽量使用网页安全色。
但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。
经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。
整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。
四、网页布局类型
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。
1、“国”字型:
也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。
这种结构是我们在网上见到的差不多最多的一种结构类型。
2、拐角型:
这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。
在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。
3、标题正文型:
这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。
4、左右框架型:
这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。
我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。
这种类型结构非常清晰,一目了然。
5、上下框架型:
与上面类似,区别仅仅在于是一种上下分为两页的框架。
6、综合框架型:
上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。
7、封面型:
这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。
这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
8、Flash型:
其实这与封面型结构是类似的,只是这种类型采用目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
9、变化型:
即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。
有关导航栏的位置
导航栏能让我们在浏览时容易的到达不同的页面,是网页元素非常重要的部分,所以导航栏一定要清晰、醒目,一般来讲,导航栏要在“第一屏”能显示出来,那种横向放置的导航栏要优于纵向的导航栏考虑,原因很简单:如果浏览者的第一屏很矮,横向的仍能全部看到,而纵向的就很难说了,因为窗口的宽度一般是不会受浏览器设置影响的,而纵向的则不确定性要大的多。
什么样的布局是最好的
这是初学者可能会问的问题。
其实这要具体情况具体分析的:比如如果内容非常多,就要考虑用“国字型”或拐角型;而如果内容不算太多而一些说明性的东西比较多,则可以考虑标题正文型;那几种框架结构的一个共同特点就是浏览方便,速度快,但结构变化不灵活;而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采,封面性是首选;Flash型更灵活一些,好的Flash大大丰富了网页,但是它不能表达过多的文字信息。
还没有提到的就是变化型了,我只是想把这个留给读者了,因为,只有不断的变化才会提高,才会不断丰富我们的网页。
五、造型的组合
在网页设计中,我们主要通过视觉传达来表现主题。
在视觉传达中,造型是很重要的一个元素。
抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。
在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。
通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。
在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。
通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。
造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。
六、设计的原则
设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一,是指设计作品的整体性,一致性。
设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯,是指要注意页面的相互关系。
设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。
分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。
在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。
分割不仅是表现形式的需要。
换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突,使设计更加富有生气。
对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。
在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。
和谐是指整个页面符合美的法则,浑然一体。
如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。
和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。
这是设计能否成功的关键。
七、网页的优化
在网页设计中,网页的优化是较为重要的一个环节。
它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。
在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。
使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。
在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。
图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的下载速度。
利用Photoshop或Fireworks可以将图片切成小块,分别进行优化。
输出的格式可以为gif或jpeg,要视具体情况而定。
一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。
DIV与表格(table)是页面中的重要元素,是页面排版的主要手段。
我们可以设定DIV与表格的宽度、高度、边框、背景色、对齐方式等参数。
很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。
我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。
如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。
我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。
因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。
因此我们可以采用DIV套表格的方式来减少嵌套,提高网页的浏览速度。
网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。
一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。
看过之后你会不会觉得网页设计很复杂啊,如果你没有网页设计的基础,建议你看看全新升级V5版的建站宝盒nicebox,由上千套精心设计的网站模版、上百种网站功能模版、手机网站、网站推广相结合组成、集企业网站、网上商城、信息分类网站、论坛网站、个人网站等等多种网站模板、网站功能于一身,以简便快捷的鼠标拖拽方式完成网站建设操作。
功能强大的“在线购物系统”从在线下订单,到网上支付一步完成,集合了十几种的网上支付接口,让用户省去繁琐程序,只要直接添加皆可完成从订单、付款、发货、收货等整个流程,程序简单容易上手,让用户整体感觉比较好,容易吸引新用户,同时也能够增加老用户的粘度。
升级后新增加多种特殊建站功能:让你的网站更完美!★一键生成第二语言(英文版)网站★网站开场动画页★建站宝盒与淘宝网店产品同步功能-淘里淘外。
★图片在线编辑功能★LOGO在线编辑功能,★整合高级访问统计功能、★免费开启手机网站有兴趣的朋友不防在线免费体验: /design/?s=leixin
请教:如何在百度网页中显示自己的个人网站,增加浏览量?
把标题和关键字还有说明.这三个弄好了.在百度上找得到就没问题了.至于排在第几位就不一定了.如果别人没有做百度推广的话排在前面几位应该没有问题的.你也可以用软件刷下流量.这样子比较容易被收录.
想自己学习网页制作和设计方面的知识,如何入手?
一、首先要掌握一些HTML的应用 html是一种语言,最初网站的编写全是利用html代码编写出来的,当年的那些老鸟们一般是用“记事本”或“写字板”直接利用HTML写网页的! 后来出现了一些所见即所得的工具才使网页设计的工作大大简单化,使我们这些菜鸟即使不懂html也能设计出很美观的网站。
现在“傻瓜式”制作网页的软件越来越多,特别是模板技术的出现更加使网站设计容易操作了,套用现成“模版”就可以制作出很不错的页面来。
HTML对于大部分网迷朋友们来说,没有必要精通,但是,对于一个网站设计者来说,如果对HTML一点都不了解的话,在网站设计时有某些细节方面问题就非常难以处理了。
举个最简单的例子来说,如果你见到别人的网站上面有一个网页效果很好看,你想把这个效果放到自己的网站上,可你对html一点儿也不懂,这样一来就无法将这个效果移到你的网站上 !
其实html的学习是很简单的,尽管说有些html的书厚的吓人,但那也只是手册式的工具书。
我们学习html应该象学习dos命令一样,只把最基本的、最常用的那二十多个标签的语法和参数搞懂并且背下来就行了。
其它少用的那些标签我感觉就不必去特意学。
顺便说一句,了解HTML最为有效的方法就是阅读和分析自己崇拜喜欢的网页的源代码,有什么不懂的问题请E-MAIL网站的主人虚心请教——这些老前辈都是非常热心的。
“听君一席话,胜读十年书”,对于自己的技术提高非常显著哦:-)
二、熟练掌握Dreamweaver 4软件 当你掌握了最基本的html使用方法后,就你应该选一个优秀的网站设计工具了,因为我们平时设计网站还是要用这种工具软件进行设计,如果全靠html编写那可就老麻烦了。
目前这种所见即所得的工具很多,比较出名的有微软的front page(网友简单它为FP,以后大家在看到论坛有人说FP,指的就是这个软件)、Macromedia公司的Dreamweaver 4(网友简单它为dw)、还有IBM公司出的一套设计软件也不错。
这么些种软件我们没有必要全都掌握,我们只要掌握其中的一种即可。
在这几种软件中我吐血推荐Macromedia公司开发的Dreamweaver 4网站制作软件!目前老鸟新鸟都用这个软件,它使用简单、功能强大。
但如果目前你以经使用fp,并感觉fq用的很好,那就没必要换用dw。
我们使用工具的目的就是设计网站,只要能利用工具把自己的目的达到即可,至于说用什么样的软件是无所谓的。
就好像一个人天天下班骑车回
家,那他就没必要一定得学会怎么样开车回家、怎么样骑马回家,怎么样开飞机回家。
三、具有对网站的整体布局、风格和页面创意设计能力
网络世界的精髓就是个性化,一个网站的布局和设计至少要占全部工作量的百分之六十左右!我们已经看够了许多没有特性的网页,建议大家在考虑建站的当初尽量选择自己最喜欢最拿手的东东——做自己最开心的东西工作也是一种快乐!那么这种能力怎么样培养呢?我觉得最好的方法就是要多看优秀的网站,并且常问自己为什么会感觉这个网站好看?它研究好在哪里?久而久之,什么样的网站是一个设计优秀
的网你心里就有数了。
四、对图片、声音、动画处理技术要掌握 目前来看现在网上纯文本的网页非常少了,如果一个成功的网站一张图片也没有那是不可能的。
但图片的使用也要适当,过多的图片即影响速度又使页面失去了主题。
适当的使用图片有“画龙点睛”的作用。
图片怎么学呢?要学到什么程度呢?我在这里还是推荐Macromedia的产品,这个公司针对网站设计一共推出了三个产品,前面我介绍了一个Dreamweaver 4是用来设制作网站的。
它们公司还有Fireworks 4和Flash 5这两个软件。
Fireworks 4这个软件就是用来进行网站图片处理的,我个人觉得学他要比学photoshop好。
Flash 5这个软件是用来做动画的,网上所说的闪客指的就是做flsh动画的高手。
这两种软件的最基本的使用方法大家应该掌握,至少,网站设计所应该学会的最主要的软件就是这些了。
至于说那些制作logo、banner、javascrpt小效果等一类的专门软件就很好学了,基本装上后看看就能使用了。
五、网站的管理及后台程序的调试要有一定的了解 所谓的网站管理包括资料的收集整理、写作和制作、及时更新网页和提供高质量的服务等方面。
现在的网页一个星期进行一次更新已经无法满足大部分网迷朋友的要求。
所以,还是首先考虑自己的经济基础、精力和时间能不能跟得上。
使用网页源代码“更新”的朋友们请注意:这是一种非常不明智的做法,对得起拜访你的主页的朋友们吗?!
但是对于个人网站来说站长光杆司令精力有限,那该怎么样来解决这个问题呢?解决的办法是有的,那就是让自己的网站具有交互性,可以让众多和你有相同爱好的网友帮助你共同管理网站。
你可以建立文章发布系统来让网友帮助你更新、添加文章。
类似这样功能的其它免费系统有很多的,我们下载后可以进行修改,让其具有自己的特色,然后上传到自己的空间,我感觉这样的系统和专业的相差并不是很多。
我个人觉得并没有必要天天去抠asp、 php编程。
我们并不都想当程序员,网上免费的东东已经做的很不错了,拿过来会修改会安装就可以了。
但这是我个人看法说的不一定对。