如何自学网页设计 篇1
网页设计不仅是一门科学，也是一门艺术。一半的网页设计工作是基于正确的编程和设计技巧，另一半是基于对美和非美的直觉敏感性。一个称职的网页设计师必须具备良好的核心基本能力，才能在业界脱颖而出。
那么，我们应该如何培养自己的基本能力呢?诚然，经验的作用是不可替代的，但优秀的教育，无论是正规的还是非正规的，也能带来很大的帮助。同时，强烈建议你继续挑战自我，走出舒适区，迎接新的领域。这是区分不断寻找客户和积极寻找客户的关键。
以下是一些基本技能，一个好的网页设计师需要掌握，并能够帮助他们达到卓越的水平。这些基本能力不一定在技术和计算机技能水平。
一、熟悉总体设计流程
注意“整体”这个词。网页设计有时与平面设计重叠，因此不同类型的设计学校有时非常相似。这就是为什么作为一个以工作为荣的网页设计师，他需要学习一些基本的设计过程知识。这包括以下原则：
1、颜色
色彩是网页设计的核心，有助于设计主题和主题的构建。此外，它还具有心理作用，也就是说，颜色会影响网站访问者查看网站用户体验的方式。
2、趋势
趋势是指网站访问者在体验网站时的视觉运动方向。Strike涉及深度、颜色、层次、形状和线条的正确使用。走向包括视角、距离和面向。
3、平衡与比例
这是指视力的稳定和平衡。尺度可分为对称和不对称两种。比例通常用来强调重要的元素和改善信息的方向。
4、间距
间距非常简单。指不同元素之间的距离。为了有一个良好的用户体验，网站必须有一个适当的间距安排。一般来说，间隔应该足够大，以确保不同元素有足够的呼吸空间，但不要太大，以免影响阅读。关键是如何平衡。
二、使用HTML背靠背
当涉及到理解HTML，它是关于编写代码。一些设计师认为他们不会写代码并不重要，但其他人坚信，作为一个合格的网页设计师，知道如何写代码是必要的。在我看来，要成为一个全面的设计师，至少你需要知道最基本的HTML知识。这是最起码的!
Html是所有web页面中最基本的框架，因此设计者应该对此有所了解。理解HTML将使您的设计更有目的性和实用性。如果你能理解基本代码，你可以为你设计的网站创建一个模型。这样，与其他不懂代码的设计师相比，他们在推广服务方面有了更多的优势，也可以更深入地了解自己设计能力的界限。
三、学习如何写一个完美的副本
作为一个网页设计师，你需要做的不仅仅是设计。有时你需要写网站文案，特别是当你没有一个联合文案。你可以这样想：一个有着出色的文案技巧的设计师，不仅对顾客更有吸引力，而且对更高的价格也更有吸引力。
不要认为写一本好的文案只是设计客户网站的副产品。写得好是一个关键的资产，它将使你在推销自己时立于不败之地。想想看。如果你能写出一流的副本，你的销售电子邮件将更加有效。
四、活到老学到老
山外有座山，这是所有网页设计师都应该记住的一个词。不断学习新知识和新技能可以使你不断地恐吓客户，扩大你的创造力，提高你的技能，并提高你的设计热情作为一个整体。
持续开放学习的最大原因之一是网页设计领域正在出现的新趋势。回想一下过去几年中那些熟悉的东西：视差滚动、压平和最流行的材料设计。在设计领域，学习不能停止。不停的学习可以让你始终站在潮流的最前沿，让你成为一个全方位的好设计师。
五、培养一些商业技能
很多网页设计师在职业生涯中或多或少都有自由职业者，因此掌握一些重要的商业技能是合理的。你是一家公司，你销售的优秀服务是你的网页设计天赋。如果你没有商业技能，你将很难推销自己，寻找客户，维护客户。
但如果你知道如何操作，你就可以在寻找客户和项目方面做出更有信心的决定。同时，还可以学习“一心多用”的技巧，让自己成为创意设计师，在商业海洋中赚大钱，在职业道路上大踏步。
六、掌握听力技巧
与客户合作时，一定要听他们解释网站的需求，所以对他们来说掌握倾听技巧是绝对必要的。倾听是一种生活技能，可以运用到各个领域。作为一个网页设计师，有必要掌握它。
如果你不倾听或拒绝倾听顾客的意见，你就不可能成为一个成功的设计师，至少从商业角度来说是这样。客户会要求或告诉您在工作程序中反复调整或修改设计。
但你不能烦人或不专业。相反，你应该学会倾听他们的需求，仔细考虑他们，然后提出自己的意见和建议。如果客户的要求是可行的，那就最好了。你只需要做到这一点，并表现出你对客户需求的关注。
七、登上网页设计之巅
无论你在哪个行业，达到事业的顶峰是最根本的目标。这不是一天甚至一年就能实现的，而是要坚持不懈、不断进步才能实现的。如果你对自己的工作充满激情，你会不知不觉地进入这种状态。当然，你可以采取一些措施来加快这个过程。
但关键是你必须尽一切努力让自己成功。不要把你的工作局限于设计。这是成为一个更好的设计师的关键。以上是网页设计必须的技术总结，希望对于大家有着很大的帮助。
文章来源于互联网，若如有侵权请立即与我们联系,我们将及时处理。
如何自学网页设计 篇2
网页设计大体上可以分为两块内容：UI设计和前端开发。
任何一个网站的建立，都需要“分析策划”——“交互设计”——“视觉设计”——“前端制作”——“后端制作”——“测试上线”
在实际的工作岗位中，一般由“网页设计师”负责“视觉设计”，即我们平常所说的“网页设计”，也称为UI设计。前端制作环节主要由“前端攻城狮”来负责，即用代码来实现设计师的设计稿，简称“网页制作”。题主没有说明发展方向，以下就略微都介绍一下。UI负责把设计图画好，这要求设计师首先要精通设计软件，一般用Photoshop；熟悉设计规范，能按规范和需求出图；对绘画艺术有一定的功底，能将文案创意具体到视觉呈现，更高深层次的需要一定的时间才能磨炼出来。前端开发主要用HTML、CSS和JavaScript语言配合一定的前端库，按照设计稿一步步的实现。前端技术更新快，各种新技术层出不穷，需要多做多想多学。我一般先看教学视频，再看书，对着练习题一道道的联系，这样学习效率还不错，希望能帮到题主。
如何自学网页设计 篇3
这是我对自己三年多电商设计工作的总结，也是对个人职业的未来提出的新要求。以下这20点职业技能和素养，如果我已经具备，则深化之；如果还不具备，则勤学习之。一、职业技能篇
1.摄影后期商业修图技术。电商设计师，俗称美工，我们的工作内容大而全，什么都要会。一开始我与大多数淘宝美工一样满足于基本的后期修图，把摄影公司拿出来的图磨皮调色然后做直通车图。后来看了一些国外的设计网站，看了时尚芭莎和VOGUE杂志，心中渐渐升起一个念想：美工也可以把图片修的很高端，很上档次。跟专业的广告公司相比，市场对美工的整体修图技术要求是不高的，一是因为大部分电商店铺不需要把图片修得多么细致，二是因为美工的工作内容大而全，很难专注于哪一个方面。但是话又说回来，如果我们想要进入一个上档次的团队，去做一个上档次的美工，我们就必须从整体上提升自己的水准，商业修图就是其中之一。没有哪个美工知道了自己可以继续进步而踏步不前的，除非懒癌晚期；没有哪个电商公司不欢迎具有高水平修图技术的美工的，除非公司档次本身就不高。我们的商业修图技术至少要达到广告公司修图师的水准所在的层次，目前我正在提升这个方面。
2.图像合成技术。做海报、店铺装修、各类站内站外推广图都需要用到图像合成技术。图像合成水准也有高低之分。这考察到对软件功能的理解和应用。不是学会了PS就可以做美工了（虽然我一开始就是这么个观点但实际上做了老长一段时间的“PS美工”）一开始走了弯路，学图像合成的时候总是去找美工合成教程，后来领悟到了，开始去找专业的图像合成大师的教程。学一个东西，有了软件基础之后，就从根本上去学，学高级的、专业的东西。如果只将自己的学习范畴限定在美工这个职业之内，很难有长足的进步。
3.字体设计与Logo设计技术。难免会做一些营销字体，或帮忙做一下品牌Logo。不要满足于现有字体，也不要满足于拾人牙慧从素材网站上找现场的东西。主观上讲，一个有了进步的设计师总要有自己的东西、脱离了简单的模仿阶段进入到自主创意阶段；客观上讲，一幅图有它特定的、具体的设计需求，或许现成的东西都不能很精准的表达你的创意，也或许去找现成的东西的时间都能够用来发挥原始创意了。我主要用AI这个软件学习字体和标志设计。对Illustrator这个软件的应用可以不面面俱到，到对字体和Logo的设计要深化理解，要学精。
4.色彩搭配与视觉统筹。有不少美工的技术层面是不错的，但做出来的版面缺乏“品牌感”。有品牌感的页面里的商品，买家看了就比较信任，想买。所谓“品牌感”通常是公司老板或者运营人员的话语，用我们自己的话说，就是色彩搭配和视觉统筹。色彩搭配能力是基础，不仅仅是“审美”这种个人化和感性的东西，还是“逻辑”这种严格的、有明确层次的东西，这是我的理解。对于非科班出身的我们，培养色彩搭配的方法最好是买几本大学美术专业的课程，或者听听大学里教授们是怎么讲色彩的。由此延伸，美术里的三大基础，平面、色彩、立体，都可以学一学。将自己的工作经验与这些基础理论契合，是件很有意思的事情。
说到视觉统筹，最重要的一面就是视觉的统一。一个美工要有从审美上涵盖整个店铺、整个品牌的能力，从里到外、从点到面全部拿捏。
5.网页布局与排版。网店版面在进行了适当的色彩搭配和视觉统筹之后，就要进行布局和排版了。布局和排版，与色彩和视觉统筹是一体的，相辅相成的。除此之外，布局和排版还要考虑到买家的想法，买家点击某个东西方不方便，点进去之后是不是她想看到的东西，会不会有心理落差。以数据魔方等数据工具去考察布局和排版的质量，凭感觉是行不通的。
6.网页代码应用基础。主要涉及到一些简单的网页特效。网店对店铺设计人员特效能力的要求并不高，大多数东西都是后台现成的，但我们在装修过程从有了某个关于特效的构思的时候，还是要会做出来。我认为，一个高端的页面，是简洁的、明了的，特效很少或很平缓，美工要做的就是作出这些不那么夸张的特效。即使我们使用一些美工工具替代了诸如DW之类的软件，也要会修改工具生成的代码，为自己所用。
7.营销活动策划能力。活动策划由运营人员负责，但美工几乎全程参与，所以也要具备这方面的能力。运营与美工的配合，很大程度上影响活动效果的好坏，如果相互合作的两类人，运营懂美工技术，美工懂营销策划，那么这种合作是很有品位的，这个团队是很容易进步的。我们不能要求运营，但可以要求自己懂营销。
8.摄影基础。手里有台单反，周末去拍拍片。我们每天修图，要知道自己修的这些图的光影来源。快门，光圈，曝光，焦距，都要理解。实际操作一台相机，有助于加深我们对图片的理解；学习摄影基础，有助于我们修出更好的图片。
9.对化妆过程的了解。每天都要在电脑屏幕上见到很多张模特的脸，去修她们的眉毛，睫毛，脸，头发，等等。如果我们与化妆师沟通过，了解了她为什么要这样化妆，这有助于我们理解什么才是好的妆面，什么样的模特展示才是好的模特展示。以此类推，与模特的沟通，与摄影师的沟通，都是很有益的事情。同时，可以买一两本关于化妆的书籍，看看这里面的奥秘和原理。
10.美术理论和素描基础。五大面、三大调，一定要搞清楚，从修图到大型的合成，都需要具备这个基础。要有用手打草稿的能力，手与头脑要有对线条和光影的控制能力。对素描的练习可以帮助我们透过色彩去看待屏幕上的图片，做出来的图从结构和光影方面更加自然、和谐。
二、职业素养篇
1.敏锐的审美性格。我从小就热爱“审美”。走到一个河坝旁边，别的小朋友会去换着法子玩耍，我会去从不同的距离和角度观察它，把自己的眼睛想象成照相机，假设我要拍出这张照片，照片中河坝应该是什么色彩，色彩与太阳的关系，等等。后来做了美工，走在街上，最关注的是各个店铺的招牌，它们的颜色，构图，字体设计，以及为什么一个招牌看上去比另外一个上档次。对设计的热爱，对审美的喜好，可能是催促我职业进步的最大动力。当然我的审美还停留在比较初步的阶段，想要进一步培养，就要多读书，多看高端的东西，多接触资深的设计师，国内外的都要看。
2.设计创意能力与团队沟通。美工不应满足于简单的模仿和大同小异的僵化创意，即使你的雇主要求你模仿同行的做的好的店铺就行了，你也不能窃喜，应该感到害怕，因为长期的模仿而缺乏自主创意会阻碍你的进步。如果你已经积累了工作经验、具备了基本功、模仿了一定数量的页面，那么就要去自主创意了。人总是要进步的，设计师也一样。在不耽误工作的前提下，去试试实现脑海中的奇思妙想。
3.与设计相关的职业习惯和生活习惯。我不喜欢将上班的时候拿到下班去做，更不喜欢上班的时候去做私事。我是将工作与生活在时间上隔开的，两不干扰。但我不能将两者在内容上隔绝。上班的时候我们做设计，下班的时候可以学设计。多看看别人的作品，遇到好的想法可以上手试试。平时购置生活用品，我也喜欢从设计的角度出发，买设计感比较强的东西。哪怕是逛超市，我也很喜欢看广告图，看化妆品瓶子的结构，看宣传单的设计水平，等等。形成良好的生活习惯，个人生活不能是“三俗”的。
4.营销思维。美工要懂营销，因为我们做的所有工作最终目的都是把东西卖出去。做设计的过程中处处带着营销思维，不能拘泥于个人的美好设想。但营销思维不能过于功利化，带着感情的营销总比带着利益的营销要温暖人心。温暖的是买家的心，最终目的还是要把东西卖出去。
5.了解国内外的艺术思潮。因为自己只是个小小的美工而不去关注整个设计行业的思潮，这是悲哀的。一个美工也可以在平凡的工作岗位上把事情做的很伟大，或者说一个美工说不定以后就去做了什么别的设计行业。艺术的关心，培养自己的艺术细胞。别人可以把我们的工作--美工看作是一个简单的卖劳动拿工资的活儿，但我们自己不能。
6.浏览英文设计网站的能力和习惯。设计师进步到一定程度到时候，国内设计网站上的东西就不能满足自己的胃口和档次了，这是我最近的感觉。要学着接受更高级别的东西，不是说国外的就一定高级，而是要目光开阔，多看多想多做。还是那句话，进步是无止境的。这里就涉及到一个问题，看不看得懂国外网站。大致意思可以看得懂，看不懂的借助翻译软件呗。
7.个人素材库与作品库。借助网站平台，建立自己的素材库，免去每次都搜索素材的烦恼。建立自己的作品库，用于展示，也用于观察自己的进步道路。
8.对电商行业全过程的了解。以服装为例，要了解面料的成分、织造过程、机器设备、染色工艺、裁剪熨烫；能用手摸、用眼看来大致判断面料好坏；了解服装设计师工作流程、服装设计思路、国际设计风潮；了解包装、运输环节；了解买家判断一件衣服的各种因素，了解售后环节，等等。对整个社会的经济发展趋势要有判断，对中国电商行业的发展势头要有判断。
9.对设计人才的管理能力。我的目标是在30岁之前做到设计主管的级别。除了不断深化技能，还要培养自己的管理能力和管理思维。一个电商设计师，如果在电商行业不断进步，到后来总要去做管理者，将自己贡献于更加广阔的电商发展中去。
10.多学点东西没坏处。虽说学东西不能贪多求全，但多学点东西总是没坏处的。想让给做的画面动起来，或许可以学点影视后期什么的；想让平面的图像立体起来，可以接触一下3D建模，等等。不断学习，是促进职业进步的一把强大武器，也是充实生活的花样菜式。
如何自学网页设计 篇4
零基础能不能学网页设计，答案是：能！虽然设计这个词听起来很高深很神秘，但不是人人都天生是设计师，别人能会的，自己照样也可以。网页设计学起来不算很难，只要掌握了网页设计的软件工具，再了解一些网页设计的基本规范知识，就可以说您已经入门了。真正难的是入门后你能否坚持不停的学下去。下面来说一些零基础学网页设计的基本步骤：
一、熟练掌握photoshop设计软件
PS是最常用的网页设计软件，也很容易学，现在网站很多教程，也可以某宝搜下，很多视频教程。通过这些教程，学会ps的基本工具，一般时间很短就学会了，了解这些工具及菜单的用法后，要多找几个实例的教程来强化一下，目的是让自己看到一张图片或者效果后，马上就能想到用ps的哪个工具制作出来，达到这一步后，可以说你已经具备了网页设计最基本的能力了。
二、了解网页设计基本知识，学习借鉴他人作品
接下来，就要去了解一些网页设计的基本规范了，比如说：常用的网页设计尺寸、网页设计的常用字体字号、网页设计的布局规范等等，也可以多看一些别人设计的网页作品，一边看一边想，是通过PS的什么工具来实现的。下面就要看是实际设计网页了，可能一上来自己做出来的网页总感觉不专业，所以推荐多临摹别人的优秀作品，通过大量的临摹，慢慢积累就会发现自己的水平在不断的提高。这个时候，你已经对网页设计很熟悉了，就可以开始尝试把自己学到的东西运用起来，开始独立设计网页。
经过上面两个步骤的学习和积累，可能自己独立设计网页的时候，会感觉力不从心，脑子里的想法表现不出来，甚至一片空白不知道从和入手，出现这种情况，主要是因为自己积累的东西还不够多，因此，要坚持不懈的去多看多想，多浏览一些网页设计的网站，把自己喜欢的作品保存下来，认真去领会作者的构思和表现手法。也可以在设计之前，去搜索整理一些相关的网页资料，这样在整理的过程中，你的思路和想法就会越来越清晰，后面设计起来也就很容易了。
当你对网页设计越来越熟练，你会发现自己不会的东西也越来越多，因此要不断的去学习新技能，新知识。零基础可以学会网页设计，但一定要坚持下去，不然这样的学习，也只能是昙花一现。坚持自己的爱好，不断的深入探索，才能走的更远更高。
如何自学网页设计 篇5
首先，你得有一个前端路线，了解前端都需要学哪些知识，
前端路线：
然后学一下多做项目，哪里不会就搞明白，如果自学感觉自己坚持不了的话，那还是找培训吧，毕竟培训比你自学要快一些，前端学好了工资也有上万的，快的话一两个月就赚回学费了。总之还是在于自己。
最后如果你是小白可以关注一下 “ 前端小白的必备账号 ” 这个微信公众号挺不错的。
如何自学网页设计 篇6
分享一些我自学页面设计的经验吧，我也是一名从其他行业转行过来当设计师的，从最初的如何下载PS，到知道工具的使用，然后初步的掌握一些页面设计的方法，最后可以独立完成页面的设计，这是需要一个过程的，说难不难，说易也不易，没有那个行业是特别容易的，都需要你肯花时间去学习，肯沉下心来去钻研，当然最好是能找到志同道合的小伙伴和你一起学习，然后最重要的是需要有老师带你入门，不管是网络中的还是现实中的，需要有人带你入门，然后再靠个人的修行，现在网络这么发达，只要想学，网上都可以学到，贵在坚持，我发几个我日常用的自学的网站吧
1.网易云课堂（我的职业课堂）
我最初就是靠着网易云课堂的微专业入门的，很感谢里面的老师，里面关于设计的课程众多，而且质量都较为不错，如果你想有一个系统的入门的话，建议报一个网易云课堂的微专业，会从理论到细分所有你需要的技能和实战，同时会有课后老师督促和作业，还有一起学习的小伙伴，都会使你飞速的进步
2.腾讯课堂（在线教育平台）
相较于课程质量来说比网易的稍差，但是腾讯课堂里面有很多民间大神的课程会让你眼前一亮，学习到很多让自己出彩的技能点
3.虎课网（每天进步一点点）
虎课网适合长期学习提高自己，里面有海量的课程，每天有根据设计界最新的课程更新，同时有周练点评，每天根据自己所缺的东西学一个课程，每天提高一点点，只要肯坚持，相信一定会有长足的进步
最后，设计的学习贵在坚持，设计不同于其他行业，每年都有新的风格，需要持续不断的学习，希望你是以兴趣入门，才可以在其中得到乐趣和提升，从而有一个长久学习的动力
如何自学网页设计 篇7
先回答个问题吧：
A.设计，你是一名有美术基础的学生，有一定艺术基础。
B.制作，你是一名理工科学生，有较强的逻辑思维能力，已经具备了成为一名程序猿的觉悟！
如果你选A：那好吧，你要学习的方向很清晰，由于艺术功底的BUFF加成，你可以很享受工作。你需要学习以下内容：
1.HTML超文本标记语言：虽然HTML也被称为语言，但实际上更应该被称为标签标注，非常简单容易。目前正在使用的是HTML5标准，我觉得学习起来更简单。
发一个参考教程链接，可以先了解一下。
https://www.w3school.com.cn/html5/index.asp
2.CSS层叠样式表单：虽然HTML可以制作出一个功能完整的网站，但他是没有被“美颜”的，要想让你的网站变漂亮，至少要学习这个技术，还好，也不难。
参考教程如下链接：
https://www.w3school.com.cn/css3/index.asp
3.Photoshop：哦，对不起，一名艺术专业的学生怎么可能不会Photoshop，这是必修课，所有网页上的图片、LOGO、Banner等都要用图像处理软件来制作、修改。
4.Axure软件：这个是网站原型设计软件。它可以快速的设计一个网站的用户界面，提交给用户反馈，然后快速修改，直到用户确认。你就可以将这个设计好的原型，提交给同伴去制作成真正的网站了。
好了，选A的同学结束了，恭喜你，靠天赋就能混的不错。
如果你选B：那好吧，恭喜你！格子衫、996、脱毛谢顶走起！学习规划图如下：
1.跑不了的HTML语言：必须一天学会！太简单了，无论是否能熟练应用，但必须一天内学会！学完这个，你就会飘飘欲仙，觉得网站制作如此简单！然后被套牢。
2.逃不掉的CSS样式：即便不完全学会，也要能完全看懂别人写的表单效果，未来是一定会用的！否则以后调试页面会给你逼疯！完全学会也只需要3天，但熟练掌握可能要数月！因为技巧很多，还要注意各种浏览器的坑要填。
3.终极奥义Javascript语言：这里是坟墓！是埋葬了很多人的万人冢！没有网页制作人员能绕的过去，掉进去就会被埋！是否能浴火重生就要看自己的决心了！如果能学会，后面一堆技术都难不倒你。
4.至少学习一个网页框架吧bootstrap：为了快速开发，已经有人帮你整个好了一个库，将前面三种技术整合到了一起，你可以很快速的开发出一个网站来。尤其是网页布局，很容易！2天学会。
至此，网页前台就已经差不多了！
有小伙伴觉得给你的压力还不够，还有一大堆要学的。没关系，你学到上面4个后，自己就会知道还学啥了！不用我们再教你了。
接下来是页面后台了！
要想让你的网站能从数据库中读取数据，并显示出来！或是将文本框中用户输入的数据存储到数据库中。那都要学习后台技术。作为一个初学者，建议你：
1.PHP语言：php是世界上最好的编程语言！（稍等老衲先去包扎一下伤口）。使用会用PHP，可以让你了解网站后台运行的全部机制！相对简单易用。尤其是作为学习阶段，还是可以接触一下的。但现在Java如日中天，用PHP的已经相对减少很多了。
2.Java语言：未来你想从事企业级网站应用的开发、安卓系统移动应用程序的开发，都离不开java！虽然我不喜欢它，但无疑，他是使用最广泛的！
3.. NET技术：好吧，也可以不学，可以跟以上两门语言划等号，可以实现全部的功能。但这个派系人单势微，不提也罢。
4.数据库技术：根据你选择的行业、语言的不同，你可能也会选择不同的数据库技术。这个太麻烦，有需求再细说吧。
5…
6…
这个列表是总也写不完的！一入猿门深似海！这辈子永远学不完！
就到这里吧！