网页设计(网页设计主要干什么的？)

题图来自Unsplash，基于CC0协议

本文目录

正文

1、网页设计主要干什么的？

实名反对上面的所有的答案，如果你在互联网公司工作过，那你应该知道现在网页设计是一个很老的说法。

2、平面设计和网页设计有什么区别？

您好！很高兴回答您的问题！

一、平面

平面设计是这三种设计里最“古老”的专业了，可以说平面设计是一切设计的鼻祖，学任何设计都绕不开它。因为所有的设计理论比如配色，排版，字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的，因为除了要了解基本的设计技巧以外也要了解材质，工艺等，不同的工艺和材质出来的效果也是千差万别，甚至在预算上都会差出好几个层级。

1.1载体

平面的载体在三类专业中算是比较多的，最常见的就是纸了，当然纸也分为了很多种，最常用的是铜版纸。铜版纸又根据克数的不同用途也有所区别。用到纸质的设计有画册，单折页，海报，杂志，名片等。这里关于名片多说一句，很多人说名片那么小的尺寸，如何才能有设计感？加的内容和装饰多了会显着很乱很拥挤，加的内容少了又给人的感觉没有设计感，这个问题如何解决呢？最简单的方法就是简约的设计+高档的纸+恰当的印刷工艺。不过这里所说的名片是比较高档的名片了，在公司里也是处于中高管理层的，一般的业务员因为分发的名片量比较大，所以就用最普通的纸就可以了，控制成本。

平面设计中还会用到的载体是喷绘和灯箱片用到的一种类似塑料的材质。此类材质的设计手法与其他设计无异，关于此类材质多说一句就是设计时的分辨率设置。一提到平面设计的分辨率很多人的第一反应就是300，这是个绝对的误区，其实在平面中也会用到150，72，甚至30。那这是如何划分的呢？最简单的一种解释方式就是阅读距离。一般捧在手上看的设计分辨率为300，比如杂志／单折页／画册等，因为阅读距离很近，如果分辨率比较低，会出现很明显的不清楚情况。

再有海报的设计一般是挂在墙上的，我们阅读时是有一些距离的，所以分辨率设置为150到200即可，很多人会问设计成300可不可以？当然可以，但有几个前提，首先你能找到那么大尺寸同时是300分辨率的素材图片，再有就是你的电脑是不是都能够带起来这么大尺寸同时分辨率又很高的文件，还是建议大家不要尝试了，结果一般比较惨。

再有还有72和30的分辨率，此类分辨率会用在阅读距离更远的设计上，比如马路上的大型围挡，商场大厦外面的五六层楼高的大型海报。

最后要提的一个材质是最近几年流行起来用的比较多的就是电子屏，在商场大厅，电梯墙壁，写字楼前台等地方现在都会用到电子屏来展示一些海报／通知／活动等。此类材质的好处就是更新内容方便，节省印刷成本，最重要的是没有印刷后果。印刷的风险比较大，因为印刷不可逆，印刷出来后出现了问题，基本没有补救的措施，而电子屏则没有这个风险。当然它的缺点就是没有很强的流通性，一般只能在固定的一个地方进行展示。

1.2用途

平面设计包含的品类是比较多，常见的画册／海报／单折页／名片／书籍装帧甚至包装等传统设计基本都是平面设计师的工作。除了这些印刷品以外还有logo设计，VI设计等工作。平面设计的品类就是比较多，所以想做一个优秀的平面设计师没有个几年的历练是很难达到的，这也是最初平面设计师转UI设计师和电商设计师比较容易比较多而网页转平面不容易的原因所在了。

平面设计师设计出来的内容很多，刚才提到了logo，VI我们统一称为品牌设计。画册，海报，包装我们统一称之为物料设计。两类设计统一归放到平面的名下一定是有原因的，品牌设计是用来宣传企业品牌的，规范企业的设计视觉，统一企业的宣传口径。

画册，海报，包装等物料是用宣传企业产品的，使自己的产品在原有的基础上更具商业价值。最具代表性的就是包装，我们经常会看到很多普普通通的产品包裹上漂亮的包装后，价格就会成倍的增长。所以不管是品牌也好还是物料也好都是用来做“宣传”的。这也是平面设计师最鲜明的特点，设计出来的东西用来做宣传。这个东西本身并不是产品，也不具备什么商业交易价值，都是为了公司为了产品服务的。

1.3技能

因为平面设计师需要做的内容涵盖的比较多，所以对于技能方面的要求也比较全面。比如除了最基本的PS／AI／ID等设计软件以外，还有了解到排版印刷工艺，材质使用，字体设计等。如果各位将来是做平面设计的话，印刷材质是关键，就像刚才说名片时提到的，同样的设计，如果材质不同给人的感觉也是完全不一样的。所以这一块除了看书学习以外，更直接的方式就是泡在印刷厂里，跟着老师傅走几遍流程，学到的东西会受益匪浅的。

二、网页设计

网页设计在现在的工作中又分成了两个工种，一种就是常规的网页设计师，设计企业的官网，或者是一些具备功能性的网站。另一种是电商设计师，在五年前，这个工种依然不被人看重，即便是现在也有很多电商企业称自己家的设计师为美工，这也就造成了很多设计师会不愿意来做电商设计，更不想承认自己是美工。但实际上做的好的电商设计师工资也是非常可观的，尤其是在一些大型的店铺，此类店铺的视觉自然也是能够在圈里数一数二的了。

2.1载体

网页的载体比较单一，在之前就主要是在PC端运用，后来移动互联网的流行与普及，使得网页在手机上也流行起来，还有平板等。为了保证能够多端正常显示，在html5和css3的帮助下流行开的一个名词叫着“响应式设计”，也就是使我们的网页能够在任何平台上都正常显示。

2.2用途

刚才我们说平面设计时提到了一个名词就是“宣传”。如果给网页也用一个名词概括的话，我觉着就是“载体”。没错，网页本身就是载体，企业站乘载了公司的产品信息，企业文化，品牌宣传等，是普通人了解一家企业的最基础入口。而类似于天猫淘宝此类的功能性网站，也是将网页作为了一个平台一个载体，来进行产品的销售的。网页本身是一个“容器”，里面“装”的内容决定了一个网页的价值。

2.3技能

在说平面时我提到了平面设计师转网页设计师是比较好转的，因为网页设计师同样需要具备对于色彩，排版和字体的敏感度。软件除了要会PS和AI以外还要需要了解Html和Dw。这里一定要跟大家强调的是网页视觉设计师不用对代码有非常深入的研究，因为在一家健康的运行公司里网页视觉设计师和前端工程师是两个工种。对于代码的态度是了解基础即可，深入了解如虎添翼。如果是做电商设计的话，从现在的趋势和2016年双十一的店铺设计来看最近一年是3D轻质感的天下，所以有心的设计师一定要会一款3D软件，市面上很多，3D MAX／MAYA／C4D等，给大家推荐的是C4D，出效果易上手。

三、总结

设计这个行业是一个充满了很多无奈的地方，表面光鲜，后面因为客户、资金、想法等所经历的坎坷只有自己体验了才知道。之前说过一句话，如果是因为看到了这个行业挣钱就来这里做的话，可以，没有问题。但是如果你很难使自己喜欢上设计的话，那还是奉劝各位需要慎重啊。因为如果不是真心喜欢的话，挣在再多钱也很难坚持下来，半途而废虎头蛇尾的事在这行里很常见的。

最后我一直跟人分享的一句话就是师父领进门 ，修行在个人。作为设计师你需要了解的是这个世界上最新的东西，紧跟时代，任何新东西的产生没有设计师是出不来的。所以无论是科班出身还是专业培训，一直都要做的就是自学。不要想着通过喷几句大品牌的设计来凸显自己的逼格更高，你自己的专业度和审美是无法和苹果几百人的团队来比拼的。喷Instagram的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品，找出好处加以学习使自己进步。

最后说一句设计这个行业对于学历没有特别的门槛，你可以没有学历，但不能停止学习。

3、想学计算机网页设计需要了解些什么呢？

计算机网页设计人员，我们俗称前端工程师。

前端包括Html、Javascript和Css三大马车。Html不算是一门编程语言，而是一个多媒体文本编写协议，有点像xml的变种。Css和html类似，是一种Html界面样式的配置文件。比较有技术含量一点的是Javascript，包含了现代语言该有的所有元素，数据结构，函数，面向对象等。

Html和Css没有什么好说的，比较固定，通过不断的练习加强记忆即可，也可以使用Dreamweaver这个工具，快速的体验一番网页设计是一个什么样子的工作过程。

如果想要专业一点的学习，可以选择html和css菜鸟教程，系统的学习一遍，该教程在W3cSchool网站就有，你可以去搜索一下，这里是授人以鱼，我就不贴教程地址了。

Javascript语言，这个不容易入门，和C语言一样，该学的一样不少，除了C语言的指针以外。

这个也推荐你去搜索一下李炎恢的视频教程，讲的非常好。

以我个人经验来看，学习一门语言主要的是快速的掌握语言的精髓，这门语言是否解决了其他语言存在的缺憾。很显然，javascript解决了c语言无法在web端即时编译运行问题，使用了弱类型，这给web的开发带来了极大的便利。

我曾经带过一个徒弟，零基础学习这三门网页设计的语言，只花了2周时间，就可以简单的实现一个企业官网所需的全部功能，说明网页设计还是比较容易入门的。

做网页设计的女生偏多，女生都喜欢打扮自己，不喜欢长期思考问题的，会伤神的，哈哈。以这样的基础，不需要多努力，都可以做好，你也要有信心哈。

三言两语，很难直接让你学会网页设计，但是已经很明白的给你说了一些基本的网页设计所需的东西。

计算机编程需要持之以恒的学习，有兴趣才可以，否则的话，是很难走的更远。

想一想伟大的前辈们，如Linux之父，微软的比尔盖茨，维基解密的阿桑奇，以及许许多多在黑客界隐藏着的大牛们，是不是也会让你有些许的激动呢？

如果你对技术也有追求，对现实迷茫，请关注我。

4、什么是网页设计？

网页设计是一种视觉体验的设计，特别讲究编排布局和视觉交互，网页设计不等同平面设计，它们和平面设计有许多不同之处。网页设计是版式设计通过文字、图形的空间组合，表达出和谐与美。

网页设计要求把页面之间的有机联系反映出来，要求处理好页面之间和页面内、页面各区域的秩序与内容的关系。为了达到最佳的视觉表现效果，反复优化整体布局的合理性，美化视觉的合理性，使浏览者有一个流畅的视觉体验。

网页设计又称为Web UI design，是根据企业希望向浏览者传递产品、服务、理念、文化等信息。网页设计进行网站功能策划，进行的页面设计美化工作。作为企业对外宣传一种重要方式，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计、形象型网页设计、信息型网页设计。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计常见的设计工具包括PS、FL、AI等设计工具，代码工具出的EdgeReflow、Atom、Notepad++、Dreamweaver、Sublime等。

5、网页设计可以自学吗？如何自学？

网页设计也可以自学吗？其实答案是肯定的。

任何一项技术或者学科都是可以通过自学来完成的，无非自学和老师传授，可能在学习的速度上会有比较大的区别。当然有的人，自学他学不会，必须要老师教，也是有的。

现在自学不像二三十年前学习的渠道很窄，资料很欠缺，现在互联网这么发达，特别是视频内容的丰富很多学习的教程都有视频。那你可以通过文字或者视频来好好的进行学习和练习。像网页设计，还不算是特别难的计算机学科。网页设计常用的，需要学习基本的htm语言，和相关的网页设计的软件，比如说像网页三剑客。 到了进阶阶段的话，需要学习一些动态网页语言，比如说像java,asp，pHP等等，还要学习css等。但是基本的还是比较简单的，高深的像动态的php，还有网页数据库是需要花大量时间学习的。不过现在基本上达到会改代码就够了。

总是那建议你从基础的gtm语言去学习，然后呢，从网页三剑客好好的把这三个软件学会学精，然后呢，通过不断的实践再慢慢多看一些教程，系统的去学习，不要东学一块西学一块。祝你成功！

6、你觉得学习网页设计怎么样？

网页设计是相对比较简单的学科。

大致可以分为两个步骤：

1、美工，整个画面的图片及布局，都要先通用美工进行设计。

2、每个网页的画面是通过用DIV+CSS来呈现，所以首先学习的是DIV+CSS，然后可以学习JS（这个稍有难度，网上有很多免费的可以引用别人封装好的）,所以学习网页设计非常简单，只要先学习DIV+CSS就可以做非常漂亮的网站。

7、如何制作网站？

从三个方面试着回答这个问题

一、网站组成

网站由域名、空间、内容三部分组成，也就是说，如果你想要把网站发布到互联网上，首先你得有一个域名、空间、内容。好比你输入www.toutiao.com，就出现

这个页面，在这里，www.toutiao.com就是域名，页面所示的就是内容的一部分（首页），而存放这些内容的地方，就是网络空间。

域名、主机有收费的，也有免费的，这个你可以到网上去找，免费的一般要加广告或其他条件，收费的也不贵，比如你可以到万网购买，内容则是要你自己制作了。

二、网站内容制作

网站是由一定数量的，有组织的网页组成的。

网页里可以放入文字、图片、声音、视频、动画等，最重要的是还可以放超链接，就是点一下链接到其他地方的功能。

文字、图片、声音、视频、动画、超链接都可以使用DW这个软件来进行编排，就像做一个word文档，要借助word或者wps来排版是一样的。

建议你在制作之前，学一下HTML代码基础知识。

对应的，你可以学习一下图片的编辑，推荐PS。

三、网站的管理

当你有了域名、空间、网站内容时，你可以通过FTP或其他方式将内容上传到你的网络空间上去。

当然，你也可以下载一个现成的内容管理系统，比如wordpress论坛、disscuz论坛、织梦CMS等等管理系统，瞬间就可以搭建一个功能强大的网站。

8、网页设计一般都有哪些方法？

前台设计步骤：首先了解客户需求，掌握客户做网站的目的，及客户的业务方向，根据客户的的业务方面，确定界面的色调与布局等。其次，根据这些需求，参考同类型的网站，从同类型的网站找到一定的规律，之后用ps先设计大致的出首页界面。设计完成以后给根据你的设计，跟客户再做一次沟通，按他的意见进行修改，达到满意第三、客户满意你的首页设计以后，开始切片，写前台界面div+css结构即可。子页风格也要跟客户做简单沟通，如果客户没有特别要求，要跟首页相随合。第四，在需要加入特效的位置加入特效，在浏览器测试兼容性。第五、做好这些工作之后，就可以把这些交给程序员做后台程序了。

9、什么是网页设计？

网页设计是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。

　　简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网页的组合，终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使用HTML/XHTML/XML放置到网站页面上。而更复杂的信息如vector graphics,动画，视频，声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等，这些插件程序也是通过HTML/XHTML/XML植入网页的。

　　随着浏览器和W3C标准一致性的改善，XHTML/XML（可扩展标识语言）与CSS（层叠样式表）共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。

　　通常，网页可以分为静态网页和动态网页。

　　静态网页页面上的内容和格式一般不会改变，只有网管可根据的需要更新页面。

　　动态网页的内容随着用户的输入和互动而有所不同，或者随着用户，时间，数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript, JScript, Actionscript,）来改变。当然更普遍的是由服务器端的描述语言（Perl，PHP, ASP, JSP, ColdFusion, 等)进行编译，从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。

10、网页设计的基本概念是什么？

审美原则

好的创意必须具有审美性。一种创意如果不能给浏览者以好的审美感受，就不会产生好的效果。创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。

目标原则

创意自身必须与创意目标相吻合，创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。网页设计的目的是为了更好的体现网站内容。

系列原则

所谓系列化就是在具有同一设计要素或同一造型、同一风格或同一色彩、同一格局等的基础上进行连续的发展变化，既有重复的变迁，又有渐变的规律。从视觉心理上来说，人们厌弃单调划一的形式，追求变化，连续系列的独特性会令人们耳目一新。系列原则也符合“寓多样于统一之中”这一形式美的基本法则，组成连续系列的每一幅界面虽然是一个独立的单元，但由于整体结构内容的相关性，风格基调的一致性，使网站在变化中求统一，形成多样统一、对比而又和谐的艺术效果。