零基础如何学网页设计

网页设计也就是图形用户界面设计，它也属于UI设计学习的范畴。当然也有单纯的网页设计师，我们来简单了解一下网页设计。

一、网页设计是什么？

网页设计是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。那网页设计师最主要的主要的工作就是给让图形用户界面可 *** 作性、易用、符合行业特点。

来源：阿多比设计学院学生作品

二、那网页设计前景如何？薪资待遇如何呢？

互联网时代，绝大多数企业都意识到通过线上资讯来吸引更多的潜在客户是多么重要。这些潜在客户对你的公司及产品印象的好坏，很大程度上取决于你在网站设计上投入精力的多少。所以花时间构思一个好的网站设计，特别是主页部分的设计非常关键。企业站和电商平台也是互联网环境下企业必不可少的传播平台和C端自主交易平台，是互联网产业下的主流。

有这么多网页设计的需求，那市场上肯定需要大量的网页设计师，所以网页设计市场不可能饱和。

除开网页设计的需求，网页设计师的全国平均薪资在6000左右，当然也月薪几万的网页设计师，所以网页设计是一个可以挑战高薪的职业。

来源：职友集

三、如何学习网页设计呢？

网页设计肯定需要学习企业网站的设计思路和设计技法，商业性网站的设计目的、电商的平台实 *** 技法等，甚至需要掌握电商平台的运营相关知识，掌握设计与运营的联系。

1、设计基础

来源：阿多比设计学院学生作品

网页设计也应该先学习设计基础，包括绘画基础、设计基础理论、基础工具的使用等。美术基础可以让你了解形体的结构，光感和空间关系。学习排版设计、色彩构成，视觉基础规律等设计基础，设计基础让你在做设计时，有理论知识做支撑，才能让作品符合设计规范，让设计更合理。

对于网页设计，工具的掌握必不可少，在这里可以通过我之前的分享去学习了解Photoshop和AI这两款工具，其他工具的学习方法企业也和这两个工具的雷同，就是带着案例去学习。

2、企业官网设计

企业都意识到通过线上资讯来吸引更多的潜在客户是多么重要，潜在客户对你的公司及产品印象的好坏，很大程度上取决于你在网站设计上投入精力的多少，所以网页设计的学习肯定要学习企业官网的设计。那企业官网设计应该如何学习呢？

通过网站建设流程及规范、多风格类型界面设计、网站宣传品设计、Banner广告、网站宣传品设计、网页项目设计，熟练网站建设流程，熟练掌握各种类型的企业官网设计方法，能够根据企业要求设计网站宣传品、Banner等。

（1）企业网站线框图制作

在项目之处，通过线框图去简单描述网站的功能模块，可以更直观的和项目组成员交流，知识后去修改设计的成本较低。

来源：阿多比设计学院学生作品

（2）企业网站首页制作

企业网站的首页是对该企业的第一影响，虽然首页的元素依据企业的性质、业务方向会有不同的特点，但是页面的基本元素不变，如LOGO、导航栏、Banner、按钮等。

（3）企业网站内页制作

企业网站内页制作一般会详细介绍该企业、企业的业务方向、企业的产品等等。

来源：阿多比设计学院学生作品

（4）企业网站切图、标注

当企业网站设计完之后，需要交付给前端开发，所以需要将企业网站的设计稿切图、标注，让前端清晰的了解设计要求。

（5）除了上面的内容，我们还可以学习企业质感网站制作、BANNER文字层次排版、汽车BANNER、满屏网站制作、网页按钮制作、网页响应式等，通过更深入的学习去了解多个行业的网站特点和网站设计技巧，最终能够灵活使用设计方法与技巧设计出符合企业特点、产品特点的企业网站。

3、电商设计

除了企业官网，淘宝电商设计也是网页设计的学习中不可缺少的内容。

（1）商品修图

淘宝电商设计中有大量的修图工作，通过实例去学习让你更好的掌握电商修图的特性，比如电器修图、首饰修图、化妆品修图、服装修图等。

（2）专题页

专题页是一个内容聚合页，专题页的设计也是电商中不可缺少的一部分，电商会根据产品、活动、节日制作不同的专题页去促进产品销售。通过电商项目专题页、女王节专题页、618专题页等，去在每个特定的情况下专题页的设计应该如何变化。

来源：阿多比设计学院学生作品

（3）电商Banner、详情页等也是电商设计不可缺失的成分。

4、其他

网页设计学习的内容远不止这些，网页的设计方法也是多种多样，我们还可以学习AE、C4D ，H5动画动效等让设计更加生动。

以上只是简单分享了部分网页设计的基础内容，希望零基础的小伙伴能通过以上分享能够了解什么是网页设计，能够学习到网页设计的基础知识。当然想要从事网页设计，并不是一两句话就能讲清楚听明白的，学习与练习才是掌握技能最好的办法。

最后，回到题目本身，零基础入门网页设计难吗？其实网页设计入门不难，但是想要精通还是挺难的。如果喜欢网页设计，就不要只学习皮毛，一定要深入学习并掌握网页设计的知识，才能在这个行业中有好的前景。

1、项目分析（主色调、辅助元素）
2、把广告语、产品主图、其他素材全部放画布里面
3、给各个元素进行大小与位置的排版
4、该抠图的抠图，该做效果的做效果
5、细化产品细节，给文字做排版
6、做完一定要检查，把效果调整统一

技巧：
1、背景太深影响主图的时候可以将主图下面抹白,大的画笔调到不透明度百分之10%~50%涂抹主图背景
2、产品主图加投影、阴影、调高光阴影
3、上下、左右留白一定要均匀
4、广告语大小高度占总高度的二分之一左右，字体尽量风格统一
5、logo尽量露出来
6、有人物素材时：
人物视线有视觉引导力，把产品放在视线内
人物的视线方向要有足够的空间
把人物的头和手一定表现出来（特写除外）

浅谈电商怎么做

电商设计师，俗称美工，们的工作内容大而全，什么都要会。一开始与大多数淘宝美工一样满足于基本的后期修图，把摄影公司拿出来的图磨皮调色然后做直通车图。

可以实际具体了解一下：网页链接

2图像合成技术。

做海报、店铺装修、各类站内站外推广图都需要用到图像合成技术。图像合成水准也有高低之分。这考察到对软件功能的理解和应用。不是学会了PS就可以做美工了(虽然一开始就是这么个观点但实际上做了老长一段时间的“PS美工”)一开始走了弯路，学图像合成的时候总是去找美工合成教程，后来领悟到了，开始去找专业的图像合成大师的教程。学一个东西，有了软件基础之后，就从根本上去学，学高级的、专业的东西。如果只将自己的学习范畴限定在美工这个职业之内，很难有长足的进步。

需要具备会设计LOGO技能

字体设计与Logo设计技术电商美工必备的基本技能电商美工必备的基本技能。

难免会做一些营销字体，或帮忙做一下品牌Logo。不要满足于现有字体，也不要满足于拾人牙慧从素材网站上找现场的东西。主观上讲，一个有了进步的设计师总要有自己的东西、脱离了简单的模仿阶段进入到自主创意阶段;客观上讲，一幅图有它特定的、具体的设计需求，或许现成的东西都不能很精准的表达你的创意，也或许去找现成的东西的时间都能够用来发挥原始创意了需要具备色彩搭配与视觉统筹的技能

色彩搭配与视觉统筹

有不少美工的技术层面是不错的，但做出来的版面缺乏“品牌感”。有品牌感的页面里的商品，买家看了就比较信任，想买。所谓“品牌感”通常是公司老板或者运营人员的话语，用们自己的话说，就是色彩搭配和视觉统筹。色彩搭配能力是基础，不仅仅是“审美”这种个人化和感性的东西，还是“逻辑”这种严格的、有明确层次的东西，这是的理解。对于非科班出身的们，培养色彩搭配的方法最好是买几本大学美术专业的课程，或者听听大学里教授们是怎么讲色彩的电商美工必备的基本技能文章电商美工必备的基本技能由此延伸，美术里的三大基础，平面、色彩、立体，都可以学一学。将自己的工作经验与这些基础理论契合，是件很有意思的事情。

要熟练掌握后台代码、、文字如何上传

1网页布局与排版。

网店版面在进行了适当的色彩搭配和视觉统筹之后，就要进行布局和排版了。布局和排版，与色彩和视觉统筹是一体的，相辅相成的。除此之外，布局和排版还要考虑到买家的想法，买家点击某个东西方不方便，点进去之后是不是她想看到的东西，会不会有心理落差。以数据魔方等数据工具去考察布局和排版的质量，凭感觉是行不通的。

2网页代码应用基础。

主要涉及到一些简单的网页特效。网店对店铺设计人员特效能力的要求并不高，大多数东西都是后台现成的，但们在装修过程从有了某个关于特效的构思的时候，还是要会做出来。认为，一个高端的页面，是简洁的、明了的，特效很少或很平缓，美工要做的就是作出这些不那么夸张的特效电商美工必备的基本技能即使们使用一些美工工具替代了诸如DW之类的软件，也要会修改工具生成的代码，为自己所用。

3需要具备摄影基础

手里有台单反，周末去拍拍片。们每天修图，要知道自己修的这些图的光影来源。快门，光圈，曝光，焦距，都要理解。实际 *** 作一台相机，有助于加深们对的理解;学习摄影基础，有助于们修出更好的电商设计主要学一些设计类的软件，设计美工、网页制作、店铺管理都会涉及到。

如果是为了就业着想，可以联系一下实训型的培训机构，多积累一些项目经验，对工作帮助更大。

如果在专业方面有什么疑问的话，可以通过网络或者电话先了解一下北大青鸟的课程。最好到就近的校区去试听一下课程，看看适不适合自己，跟在校学员交流一下，自己的亲身感受才是最可靠的判断标准。主要课程

计算机网络原理、电子商务概论、网络营销基础与实践、电子商务与国际贸易、电子商务信函写作、电子商务营销写作实务、营销策划、网

页配色、网页设计、数据结构、java语言、web标准与网站重构、flashactionscript动画设计、ui设计、电子商务网站建设、电

子商务管理实务、erp与客户关系管理、电子商务物流管理、电子商务专业英语、新闻采集、写作和编辑的基本技能。网络营销、网络数据库、移动商务、企业信

息化、电子商务系统设计、广告策划、电子商务与物流。最基础的就是

AdobeFireworks

AdobeFlashCS4

AdobePhotoshopCS3只要掌握这几个就行了。在我看来作为一个电商设计师，基础软件和技能的掌握，至少要会PS，AI，DW和摄影。而有一定经验的电商设计师，需要沉下来继续学习各种技术，从而得到提升成为一个资深电商设计师。

一个好的电商设计师，应该去了解数据，多留意你店铺的数据，产品的转化率如何，明确你的产品本身的销售群体，明确每一次活动，是基于什么样的销售目的，而同运营共同讨论，分析如何去做。不应该停留在作图的美观上，还要关注销售转化率，而且能够把握店铺的品牌调性，在店铺积累了一定的流量和名气的情况下，能够设计出，符合店铺形象的品牌调性设计。这样才不会孤芳自赏，毕竟产品能够卖出去，有高转化率才是王道。

电商设计简称电子商务设计师，基本要求熟悉计算机系统基本原理、计算机主要部件与常用I/O设备的功能、网络 *** 作系统的基础知识以及安装和使用、多媒体系统基础知识，掌握数据库系统基础知识和应用、计算机网络基本原理，熟悉TCP/IP的体系结构及Internet应用，掌握Intranet的组建和管理方法、和Net体系结构、HTML、XHTML、XML语言以及网络应用编程方法，信息系统的分析、设计、开发和测试方法；熟悉系统开发项目管理的思想和一般方法、电子商务流程和网上交易过程、电子商务网上支付概念、支付工具和支付系统。从字面意义上来看，可以拆分为电商、设计两个方面。

1、设计：需要系统的学习专业设计的基础知识，然后自己再纵向、横向的拓展，在实际工作中不断应用、创新。现在的设计，已经不再是传统的设计，不仅需要脑子里有想法，现在更需要的是和互联网挂钩，需要熟练 *** 作各种设计软件，让自己的头脑风暴跃然纸上。

2、电商：意味着我们设计的方向是电商方向，大体包括网页设计、店铺美工设计、前端后台、美图、视频剪辑等等，现在电商一般是线上推广，端口设计的优质就会对顾客产生浓厚的兴趣，进而产生下一步的行动，然后逐次递进。

3、目前国内做得比较好的电商要数：阿里巴巴、京东、拼多多、苏宁、国美等，龙观集团也是国内最大的众筹众创服务商，在京东众筹服务商中综合排名第一；苏宁众筹北方区首家签约服务商；电商代运营平台横跨天猫、淘宝、京东、苏宁、国美在线、1号店、亚马逊、微信、新浪、搜狐、今日头条、天天快报等；自建新媒体大号矩阵，拥有60多个行业大号。龙观集团与北京市多个产业园区、产业协作中心、科研院所、高校、科技成果转化中心达成了良好的合作关系，努力为协助疏解非首都功能企业转移、促进京津冀一体化协同发展、推进重大科技成果转化和落地、落实军民融合产业发展战略做出贡献。首先需要平面设计的基础。建议你在学习之前先做一个60秒的小测试，看看你适不适合学电商设计（看评论区）↓↓↓↓↓

零基础可以学习电商设计，前景也是一片大好，不用担心自己没有基础而学不会，基础都是学来的，每一个人都是从小白过来的，没有人天生下来就有基础，零基础是完全可以学好电商设计。只要你想学习这门技术，想改变自己，都可以来学习。
很多人选择学习设计其实都是三分钟热度，最好在学习之前先来做一个小测试
→点击测试我适不适合学设计
很多人觉得网上的课程便宜，但是学完后发现发现很多东西还是不懂，对于初学者，而这些资料之中，不乏滥竽充数之辈，而在琳琅满目的课程中选择适合自己的学习资料就变得举步维艰。大多数学员都会去网络上寻找答案，然而，未必所有问题都会找到答案，尤其对于一些核心内容问题或者是经验之类的问题，而这些问题或许就是制约你进步的瓶颈。
盲目的自学，捉不到重点，很难达到预期的效果相较与网授，面授更能学到真才实学，不用盲目的学习，而是有针对性的美工设计教程。漫客教育课程安排上分为八大模块，囊括了美工核心的所有知识点，有软件和网店装修，这些都是成为一个有设计感的设计师必备的技能。
天琥教育的设计课程完全从企业对于设计人才的需求出发，为学员量身打造个性化的课程体系，无论你是零基础，还是想要进阶学习，都有相对应的课程，不同阶段的学习要求我们都可以轻松满足。此外，天琥还会与时俱进，对美工课程不断升级更新。

电商海报设计教程

1前言：

节日促销海报设计需要根据节日色彩定位

2设计灵感:

没事的时候多点看人家的大师的作品，逛淘宝去看大店的设计，收集一些,激发你的创作

3搜集素材:

找到符合感觉的，做筛选

什么是符合感觉的？

画面的颜色，构图，展现的素材、材质等，灵感的提示。

4制作:

①ps新建文档1920x600px72dpi。

②搭建场景,天空和云彩拼合。

5场景大致搭建好，色彩感觉有点深暗，调色有很多方法，这里我采用快捷点的，新建图层填充282背景，进行叠加

局部建筑物的色彩不够，再用套索工具勾取，ctrlM曲线调整。

6好好运用灵感来源上面的，也是素材之一的哦，当然这有关乎像素的问题，这个适合电商海报上制作，一些好看的素材，平时要注意收集的,待作图的时候有需要的可以拿出来

把气球、福包、蝴蝶造型剪纸扣下来，需注意哦，像气球的线，这个不需要抠出来的，后面自己用钢笔画出来的

再调整一下放到画面上的展示位置，不够的地方需要自己截取部分补上，再加一下动感模糊，高斯模糊。

7文字排版选择好看常用的字体，注意文字之间的间隙，行距间的间距，色彩搭配这些等等。这个这里不再详解。

网站的开发建设是比较耗时耗力的，不但需要域名和服务器的搭建，网站内部，用户进入网站所浏览的内容更是为重要，关乎用户体验，但是针对于企业站来说，功能目的相似，但是需要不断的重新编写新的程序，时非常耗时耗力的，论坛也是如此，这时候大多站长都会选择二次开发。

不同类型的网站二次开发有哪些不同

1企业网站二次开发

网站的二次开发，故名思议，就是对原有的网站进行第二次开发，在互联网当中，企业站的功能都是相似的，大多的企业站只是需要多个页面，和板块，有对企业的宣传介绍，这时候假如网络公司需要建设一个企业站，而且不止一个，有多个站点，如果每个网站都重新编写，那么就非常麻烦，耗时耗力，这时候，就可以在一个写好的网站，作为一个模板，一般模板是也行业区分的，方便调用。当用个同行业的企业需要建站，就可以调用原理做好的网站，根据客户的需求等，修改网站的版面和内容，这时网站的整体框架是不需要动的，美工设计好版面样式，程序与再替换，修改网站内部内容，就可以成为一个全新的站的，网络公司使用这种方法，既方便快捷，也为用户节约成本。

2论坛网站二次开发

论坛的开发更为简单，因为网站都有免费的论坛模板，可以下载免费使用，比较知名的有discuz，phpwind之类的，都是可以免费下载使用，后台 *** 作也简单便捷。

3商城网站二次开发

电子商务的二次开发模板是需要购买的，因为程序比较复杂，而且自己也需要有程序员的长时间维护，功能复杂，数据量大，都需要专人维护修改。

这些不同类型的网站二次开发需要大家有一个比较全面的了解，因为这能够帮助我们更有针对性地做好网站开发的各项工作。如果您觉得有必要每个单项去了解的话，也可以尝试在网站上找找有没有相关项目的详细的教程。电商网站建设需要注意到的几点细节

1电子商务网站在外观设计时要注意整体的颜色搭配，切忌为了吸引浏览者而设计的眼花缭乱。往往简约清爽的风格适合更多的电商网站，因为更多的浏览者访问网站是为了购买产品，而非纯欣赏网站。一旦网站设计的过于胡里花哨会使得消费者摸不到头脑，觉得太凌乱，不能很快找到自己想要的信息。

2尽量使用白底黑字的呈现方式。现在很多电商网站喜欢使用背景色或者背景图，而使得网站浏览起来非常的不适，尤其是看文字的时候。如果是为了烘托逢年过节的气氛而设计的尽量是头尾或者两边留白处，中间依旧是以白底黑子为主，又或者是淡淡的底色。这样会让浏览器的眼睛感觉更加的舒服。

3广告特效避免太多。为什么电商网站的首页总是各种广告的聚集地？无论是两边广告、漂浮广告、上下浮动广告等等。一进去就会让浏览者觉得很烦，因为乱七八糟的东西太多了，影响到了浏览者的情绪。估计不少人也跟我一样有关广告的习惯，但是很多广告关了还是会 *** 出，这个就会越发的遭到浏览者的反感。所以避免在首页使用过多的广告特效是很明智的做法，依旧建议广告位设置更好。

4在线咨询的 *** 出影响用户体检效果。时不时的 *** 出一个在线客服是多么恼人的一件事，或许你在浏览某个产品的介绍时突然 *** 出，然后关掉了还会继续 *** 出。这严重影响到了很多浏览器者的购物欲，会使得很多人觉得这个网站怎么做成这样，更有甚者会干脆关闭了浏览器等。

你可以先去绘学霸网站找“绘画/美术”板块的免费视频教程-点击进入完整入门到精通视频教程列表： >