导航:首页 > 万维百科 > 网页设计主要做些什么

网页设计主要做些什么

发布时间:2020-10-14 16:22:08

1、什么是网页设计

网页设计,又称web界面设计,是企业将产品、服务、理念、文化等信息传递给访问者的一种形式,和我们通常所见的平面设计是有一些不同之处的,最为主要的就是利用文字和图片之间的组合,从而达到很好的和谐与美的布局设计。
网页设计中需要达到的一个要求就是需要体现不同页面之间的联系,正确处理网页之间、网页的顺序和内容、网页内部和区域之间的关系。为了可以使得最终的效果得到良好的呈现,在布局的时候需要特别的注意是否合理和谐,美化视觉的合理性,让参观者有一个流畅的视觉体验

2、网页设计需要学习什么?

1、html语言。首先必须要学这个,html语言又称为“超文本标记语言”,任何网页的显示都要靠html语言来表达,也是构成网页文档的主要语言。

2、服务器架设。要制作网页就需要架设服务器来调试你做出来的网页,有iis等很多种,可以在网上搜索得到。

3、css语言。css又作层叠样式表,css大部分是自动生成的,很难理解,需要学习基本的css知识,是步入高手的必经之路。

css控制着网页图片、表格、文字等等内容在我们面前的显示样式,比如颜色,边框,大小等。css能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

4、div+css布局。这个东西是走向专业制作的必经之路,网页元素靠它来搭建基本框架,像百度空间,QQ空间的皮肤等就是利用这个来做的。

5、数据库。走向动态网页的基础,比如百度知道的提问回答这些,都涉及数据库的读、写、改、删。常见的数据库有mysql、mssql、access等。

数据库是所有软件的基础,80%以上的应用程序都涉及数据库,而作为网页制作来说没有必要学得很深,够用就行。

6、动态语言,asp,php,jsp,.net(c#等)。要操作数据库,交互就需要动态语言,现在好多动态语言像php都有“框架”,用框架建站好比用活动板房的零件建房子,全部自己写好比一块一块砖砌房子。

7、javascript脚本。JavaScript是一种属于网络的脚本语言,通常是通过嵌入到HTML网页中给网页带来各式各样的动态效果。

网页里面的验证码,弹窗,特效等就靠它了,一个没有javascript的页面基本没有,这个也有好多的框架可用,这个语言是最难的,也是最强大的,网页木马,病毒大多用这个语言。

8、平面涉及软件。flash,photoshop等,页面美化还要靠图片等东西。

9、学习一种动态网页技术

ASP是微软公司开发的代替CGI脚本程序的一种应用,也是微软公司的第一个服务器侧的脚本引擎,能够动态产生Web页面。ASP可以与Web数据库以及其它程序进行交互,是一种简单、方便的编程工具。

(2)网页设计主要做些什么扩展资料:

设计事项

一、注意超链接颜色与单纯叙述文字的颜色呈现

WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超链接的颜色,以便丰富Webpage的色彩呈现。

如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超链接颜色,设计成较干净素雅的色调,会较有利于阅读。

纯粹的叙述文字采用较暗、较深的颜色来呈现,超链接文字则以较鲜明抢眼的色彩来强调,至于探访过的超链接则采用较低于原超链接亮度的颜色做呈现。

二、测试所有的超链接与导览按钮的真实可行性

Webpage上线之后,第一件该做的事,是逐一测试每一页的每一个超链接与每一个导览按钮的真实可行性。彻底检验有没有失败的link无法链接到该链接的Webpage,却反而冒出“FileNotFound”的错误讯号出来。

三、让超链接的字串长短适中且走文自然

抓住能传达主要讯息的字眼当做超链接的锚点(anchor),可有效地控制住超链接的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如∶仅一个字当做锚点),而不利于读者的阅读或点取。

四、当导览按钮链接到当前页时

各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮链接到当前页的情形。

为达成界面设计的一致性,并没有绝对的必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超链接的功能;或将此按钮的彩度、亮度降低,使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超链接的功能。

3、做网页设计工作需要具备什么条件?

专业知识技能:
1、PS图片的制作设计,至少懂一点基本美工,能够做一些广告图和图标(基本配色也要会)
2、HTML+CSS代码,目前应该要懂一点HTML5+CSS3
3、javascript、jQuery动画效果的设计
4、dreamweaver的使用
5、懂一点简单地seo就更好了(主要是关于层级结构和框架布局方面的)
6、懂得专题页的页面设计(营销页面)
基本上就这些一般来说至少2、3、4必须要会,因为有的公司有专门的美工!

4、网页设计流程是什么?

设计流程:

主题明确:

在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。

Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

为了做到主题鲜明突出,要点明确,应该使配色和图片围绕预定的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。

充分利用已有信息,如客户手册.公共关系文档.技术手册和数据库等。

设计思路:

1、简洁实用:这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。

2、使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美

3、整体性好:一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的。

4、网站形象突出:一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,使网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。

5、交互式强:发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。

版式设计:

网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。

版式设计通过文字图形的空间组合,表达出和谐与美。

多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要求处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。

色彩作用:

色彩是艺术表现的要素之一。在网页设计中,设计师根据和谐、均衡和重点突出的原则,将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响,合理地加以运用。如果企业有CIS(企业形象识别系统),应按照其中的VI进行色彩运用。

形式内容:

为了将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。

灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。

三维空间的构成:

网络上的三维空间是一个假想空间,这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。 在页面中,图片、文字位置前后叠压,或页面位置变化所产生的视觉效果都各不相同。

通过图片、文字前后叠压所构成的空间层次不太适合网页设计,根据现有浏览器的特点,网页设计适合比较规范、简明的页面,尽管这种叠压排列能产生强节奏的空间层次,视觉效果强烈。

网页上常见的是页面上、下、左、右、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使产生的空间层次富有弹性,同时也让人产生轻松或紧迫的心理感受。

虚拟现实:

人们已不满足于HTML(标准通用标记语言下的一个应用)编制的二维Web页面,三维世界的诱惑开始吸引更多的人,虚拟现实要在Web网上展示其迷人的风采,于是VRML语言出现了。

VRML是一种面向对象的语言,它类似Web超级链接所使用的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只不过能够更多地为虚拟现实环境服务。

多媒体:

网络资源的优势之一是多媒体功能。要吸引浏览者注意力,网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制,在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。

便于使用:

如果人们看不懂或很难看懂您的网站,那么,他如何了解你的企业信息和服务项目呢?使用一些醒目的标题或文字来突出您的产品与服务。

并且即使您拥有最棒的产品,如果客户从您的网站上看不清楚您在介绍什么或不清楚如何受益的话,他们是不会喜欢您的网站的,这对于网页设计而言是失败的。

导向清晰:

网页设计中导航使用超文本链接或图片链接,使人们能够在您的网站上自由前进或后退,而不必让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释,以便那些不愿意自动加载图片的观众能够了解图片的含义。

快速下载时间:

很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站,在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此,建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通浏览者页面等待时间不超过10秒。

非图形内容:

在必要时适当使用动态“Gif”图片,为减少动画容量,应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是,由于在互联网浏览的大多是一些寻找信息的人们,仍然建议您要确定您的网站将为他们提供的是有价值的内容,而不是过度的装饰。

反馈与沟通:

让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望,您是否能够让他们尽快实现吗?是在线还是离线?

因此,如果是产品或服务介绍网站,应该有留言、电话、在线咨询等功能或信息呈现。

在企业的Web站点上,要认真回复用户的电子邮件和传统的联系方式如信件.电话垂询和传真,做到有问必答。最好将用户的用意进行分类,如售前一般了解.售后服务等,由相关部门处理,使网站访问者感受到企业的真实存在并由此产生信任感。

测试改进:

测试实际上是模拟用户询问网站的过程,用以发现问题并改进网页设计。应该与用户共同安排网站测试。

内容更新:

企业Web站点建立后,要不断更新网页内容。站点信息的不断更新,让浏览者了解企业的发展动态和网上职务等,同时也会帮助企业建立良好的形象。

注意不要许诺你实现不了的东西,在你真正有能力处理回复之前,不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息,应公布并认真履行个人隐私保承诺。

(4)网页设计主要做些什么扩展资料:

网页设计(web design,又称为Web UI design,WUI design,WUI),是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。

作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。

网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主,常见的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代码工具,其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

标题设计:

在设计网页标题时,应注意同时兼顾对用户的注意力,以及对搜索引擎检索的需要。这一原则在实际操作中可通过三个方面来体现,这三个方面也可以被认为是网页标题设计的一般规律:

1、网页标题不宜过短或者过长

一般来说6-10个汉字比较理想,最好不要超过30个汉字。网页标题字数过少可能包含不了有效关键词,字数过多不仅搜索引擎无法正确识别标题中的核心关键词,而且也让用户难以对网页标题(尤其是首页标题,代表了网站名称)形成深刻印象,也不便于其他网站链接。

2、网页标题应概括网页的核心内容

当用户通过搜索引擎检索时,在检索结果页面中的内容一般是网页标题(加链接)和网页摘要信息,要引起用户的关注,网页标题发挥了很大的作用。

如果网页标题和页面摘要信息有较大的相关性,摘要信息对网页标题将发挥进一步的补充作用,从而引起用户对该网页信息点击行为的发生(也就意味着搜索引擎推广发挥了作用)。

另外,当网页标题被其他网站或者本网站其他栏目/网页链接时,一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。

3、网页标题中应含有丰富的关键词

考虑到搜索引擎营销的特点,搜索引擎对网页标题中所包含的关键词具有较高的权重,尽量让网页标题中含有用户检索所使用的关键词。

以网站首页设计为例,一般来说首页标题就是网站的名称或者公司名称,但是考虑到有些名称中可能无法包含公司/网站的核心业务,也就是说没有核心关键词,这时通常采用“核心关键词+公司名/品排名”的方式来作为网站首页标题。

开头所列举的某网络营销服务商网站首页标题实例,其实也是采用这种方式来设计网页标题,只不过由于罗列了太多的“核心关键词”,反而没有了核心。

做美工看起来并不是一件容易的事情。首先,要对整个站点和企业有个大致的了解。例如:某些企业喜欢蓝色的主调,你不可能去做个红色的主调,这样完全违背客户的主要意愿,如果百度的标志改成五颜六色的,相信大家也不会认可的。

站长的职责是规划网站结构。同样也需要有一定的审美观。下面介绍了几款常用的绘图工具和基本知识。

参考资料:

网络-网页设计 (网站技术)

5、网页制作都需要注意些什么?

1.配色问题 一个网页的色彩最好不要超过3种,一面视觉效果混乱,用色柔和,对比度强的色彩不能应用于一般网站,时尚网站使用还可以。一般不好搭配的颜色,用灰度搭配。
2.字体问题很重要的一个问题,用标准字标准色,这是一个规范,行距一般控制在20px左右,不要太小,也不要太大,自己大小注意,中文12px,英文11px或者10px。不要用黑色字,可以用灰度或者其它柔和颜色,统一整个网页字体的色彩以及大小,规范整体。
3.布局规范布局是非常重要的,考虑客户浏览习惯以及他们想展现的内容,并且优化。一个网页,如果布局不合理的话不但影响浏览,而且非常难看。
4.制作习惯必须非常熟悉各种网站的功能,要做得非常全面,比如说一个商城的网站应该有哪些内容必须非常清楚,不要等客户提出之后才补充上去,会显得自己非常不专业。
5.不可忽视细节客户对网站的感觉不好,不过又说不出,多半是细节处理问题,细心的处理网页的每一个象素,力求完美。
随着网络时代的到来,网页伴随着网络的发展而快速兴起,人们信息的获取方式越来越多。现在的大家都习惯通过浏览网页来获取有关信息,而网页的设计与制作就变得非常重要。
企事业单位需要通过网页展示产品、服务、文化、理念等来宣传企业或是提高知名度,一旦网站建成后,全国、甚至全世界的人都有机会看得到,可以为企业经营和发展提供更多的合作机会。因此网站开发就必须首先明白用户的需求以及站点设计的目的,建成客户满意的网站,合理策画从而做出切实可行的设计方案。

6、网页设计是做什么的?

就是你在浏览器浏览器的网页,都是通过UI设计师设计出来的。UI设计师干的活就是网页设计。设计师设计出来之后,然后前端工程师通过代码的形式还原成设计师设计出来的模样。

7、网页设计需要学习什么?

学HTML,必须的。学好这个然后学DIV+CSS,当然要把网页做的好看。必须学会PS,也就是PHOTOSHOP。这两样学会了。就会做一般的静态网站了。如果想做一些动态效果,就得学FLASH。要是想做动态数据,就要学,PHP,ASP,JSP ,.NET中的某种。最重要的还是,HTML CSS 和PS了。这个是基础。

从哪入手,学什么软件,怎么学。
先学会做第一个HTML网页,学DREAMWEAVER做。看一本书,先大概看完,看完后,主要是手动操作,要忘记书,书这东西有时候是好东西,可是你看完后,到操作上了,就要忘记书。大概了解后。就可以直接操作了。不出一个星期你定能学会必要的操作。然后学TABLE做表格。两三天,这个学好了,然后学TABLE+CSS,做漂亮的表格。两三天,这个学好了。学DIV+CSS做网页,最多一个月。DIV+CSS是最高难度的。因为涉及到非常多的兼容仍属,这个你都学会了。就是一个基础前端了。会做网站了。
用案例来学,积极性会很高。建议,直接找一个网页。然后照那个网页的样子,模仿出来。等你能仿出任何网站了,说明你的基本功就到位了。
希望采纳!!

8、网页设计师日常的工作是什么?都需要会些什么呢?

网页设计师首先 需要会的基础就是 FLASH、FIREWORKS和DREAMWEAER 然后在具体的工作中: 作为一个 网页 设计师,分析客户需求--设计效果图--切片--把模板交给客户--满意的话就签合同书,但值得注意的是,一般在最后一个环节,按照惯例,是要经过修改至少4次以上,客户才会满意~ {不知道我这样回答,你是否明白了,若不明白可以与我QQ交流:27036492

9、一个网页设计师需要会些什么?

网页设计师是一个时髦职业,但IT业毕竟是干技术活的,而且,用人企业对网页设计师的要求也越来越高。对此,要想成为一名网页设计师,就要按部就班地参加业务培训,一般来说,需要经过以下四个步骤:
步骤一:提高美术功底与审美能力
网页设计并非是纯粹的技术型工作,而是融合了IT技术与美术设计两个方面。因此,对从业人员来说,仅掌握IT技术是不够的,还需要有一定的美术功底与审美能力。而且,网页设计傻瓜软件正在日益普及,技术早已不是这个领域的唯一门槛。在这种情况下,美术功底和审美能力是决定你能成为什么级别的网页设计师的关键因素。
步骤二:学习基础性技术课程
首先要了解HTML(超文本设计语言),记住使用原理;接着用两三天的时间学习CSS(层叠样式表单);进而再花些时间了解一下javascript软件。掌握这些基础性知识后,就可试着用“记事本”编写网页,在初试阶段千万不要用那些可视化工具,如FrontPage、Dreamweaver,否则将不利于锻炼实际能力。
步骤三:参加专业认证培训和考试
Macromedia公司的Flash、Dreamweaver和Fireworks软件,被称作“网页三剑客”,是网页设计师必须掌握的工作,参加相关认证,可帮助求学者掌握专业技能。一般来说,初学者可先学Fireworks,掌握切图等图片处理方法;然后,再学习Dreamweaver、Flash,提升网页设计专业工具应用能力;在此基础上学习Adobe公司的GoLive,就能晋升为专业的网页设计及网站维护人员。
步骤四:参加网页设计项目
学习了基础知识,掌握了专业技能后,还需要经过实践锻炼,才能提高网页设计能力。建议进入一个正规的开发团队,学会如何以团队合作的方式开发网站,特别要注意与程序组的合作,以及页面设计与后台程序数据库的配合等。只要这一步能够跨出去,你就离一名优秀的网页设计师不远了。

10、网页设计师的工作职责都是什么?

工作职责:

负责对网站整体表现风格的定位,对用户视觉感受的整体把握。

进行网页的具体设计制作。

产品目录的平面设计。

各类活动的广告设计。

协助开发人员页面设计等工作。

拓展资料:

网页设计师是指精通Photoshop,Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。网页设计师可以将平面设计中的审美观点套用到网站设计上面来(其区别是动态网页的制作是平面设计不能达到的,它是一种审美方式的延伸)。 

网页如门面,小到个人主页,大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时,首先映入眼帘的是该网页的界面设计,如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴,都是网页设计师的工作。

参考资料:网页设计师-网络

与网页设计主要做些什么相关的知识