2024年网页设计视觉感 篇1
一、定义不同
一般来说，我们将网站分为前端和后端。前端主要负责页面的展示，后端则是业务逻辑的实现。
1、web前端
这里所说的前端泛指web前端，也就是在web应用中用户可以看得见碰的找的东西，包括web页面的结构、web的外观视觉表现以及web层面的交互实现。
2、web后端
后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性能等。
二、需要掌握的技术不同
1、web前端
精通JS，能熟练的应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。
（1）精通HTML，能书写语义合理，结构清晰，易维护的HTML解构；
（2）精通CSS,能够还原视觉设计，并兼容业界承认的主流浏览器；
（3）熟悉JavaScript，了解ECMAScript基础内容，掌握1-2种js框架，如JQuery；
（4）对常见的浏览器兼容问题有清晰的理解，并有可靠地解决方案；
（5）对性能有一定的要求，了解yahoo性能优化建议，并可以在项目中有效实施。
2、Web后端
后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。
(1)精通jsp，servlet，javabean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解；
(2)练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力；
(3)熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑；
(4)精通面向对象分析和设计技术，包括设计模式、UML建模等；
(5)熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力。
另外建议前端工程师可以使用蓝湖来做代码生成，可以提高开发效率
2024年网页设计视觉感 篇2
网页设计与平面设计都是出于艺术设计，虽然核心的东西差不多，但是网站设计和平面设计还是有很多不同的地方，那么我们网页设计与平面设计的区别在哪?
一、在于视觉的呈现
两个设计在色彩方面的选择都是不一样的，平面和网页的设计时用的色彩模式都是不同的，平面页设计在创意是运用的色彩在其注重视觉的冲击力及视觉流的引导，网页设计注重的是信息结构，简洁明了关系的梳理，如果将色彩运用的过重过多过强，这样会很容易引起用户浏览时的视觉疲劳感。平面设计因为后期的实现是因为要依赖于印刷，才能展现在用户体验的视觉中，所以必须采用的是CMYK的色彩模式;而网页设计是根据其显像方式，在互联网上展示出真实的视觉，所以使用的是RGB色彩模式。
二、在于展现的形式
平面设计的的展示方式是静止状态的，而网页设计是拥有许多动态的元素，包括按钮、表单、导航等等。在视觉上也较为丰富，没那么死板，这样才能够引导用户有继续看下去的可能性，增加用户的互动性。
三、在于视觉的焦点
平面设计的完整性较强，用户在一页内基本上可获得相对直观的感受。而网页设计受制于显示屏大小，会尽可能将重要信息在第一屏内予以展示，因此完整性相对较弱。
四、在于排版的设计
在内容传播上，平面设计仅限于纸质媒介，传播力度小，因此在内容排版上的灵活性受限于纸质印刷尺寸的大小。而网站设计则可以灵活出现于各种电子产品载体当中，如桌面显示屏，智能手机、平板电脑等。而且随着互联网科技的发展，自适应页面技术日趋成熟，同样的内容，在不同尺寸的浏览器下都可以获得最佳的排版效果，加强了网页内容排版的灵活性。
五
、在于浏览的方式
平面设计的属于渐进式的浏览方式，无法对整个浏览的过程进行多样化串联，网页设计拥有滚动条下拉、按钮链接跳转等多样化的浏览信息方式，在拥有同样一种信息架构的条件下，信息之间的串联性更为丰富，用户选择信息的自由度更大。
这里主要介绍了网页设计与平面设计的技术性差异。从设计范畴来说，网页设计接近于平面设计，甚至说，网页设计是平面设计的一种也不为过，但是网页设计确实有其独特性，比如网页设计的设计空间、设计模式，与平面设计就有很大的不同。
这两种设计形式拥有着不同的用户体验，我们应该根据不同设计内容，选择正确的设计形式提升用户体验。
2024年网页设计视觉感 篇3
网页设计中并不需要多么丰富的元素，元素多并非能使网页出彩。合理运用元素、构造好布局、营造层次设计便有了吸引力。
一、选一张好的背景图
选一张好的背景图就成功了一半，背景图很重要，图片对视觉的吸引力更胜文字，好的图片带来好的效果，更方便对图片进行处理设计。网页设计中一张布局合理细节丰富高清的图片，同时贴近主题有品质的图片，稍加一些装饰，配上标题、按钮、文字、小元素，就能做出很好的视觉效果。
二、兼顾设计和功能
网页设计中需要兼顾好功能，UI组件的使用很重要。导航、按钮需要兼顾功能和视觉，既让页面不繁琐有章法，也要让视觉上用户喜欢，不觉得单调。
三、色彩叠加和对比的运用
在图片上叠加黑白灰及其他有色色彩，让前景文字更具有可读性可识别性。巧妙的运用颜色对比叠加，背景主体鲜明，信息丰富，简单但不单调而且耐看有吸引力。
四、围绕视觉焦点强化设计
围绕视觉中心进行设计，突出和强化重要信息，使用鲜明的对比、弱化的背景突出重要信息，主体、关键内容要突出。
五、使用蒙版分割图文
对图文进行分割处理，通过底层元素分割图片或叠加渐变，整个页面简单但有层次，营造设计感十足的视觉效果。
六、卡片式设计图文信息结合
采用卡片式布局，分区明确、内容清晰。这种设计布局及美观，有方便用户浏览，同时后期开发维护也节约时间和成本。
七、打破常规，组合拼接背景
和页面布局图片素材不必使用常规的矩形布局，可卡采用多边形、原型、抽象几何形等方式进行组合拼接或分割，让页面有有角度和方向感，同时也要注重页面的平衡。巧妙的布局，设计因此而出彩。
八、合理运用元素强化视觉效果
运用些小元素，起到画龙点睛的效果，让视觉效果更丰富。设计布局中点线面运用是关键，点也是不可忽视的部分，小元素点的运用起到了画龙点睛的关键效果，要让设计更出彩小元素要运用到位。
网页设计也要兼顾功能。好的网页设计，不仅视觉要出彩，功能上也要合理。视觉、功能都能给用户带来好的体验才是好设计。
2024年网页设计视觉感 篇4
您好！很高兴回答您的问题！
一、平面
平面设计是这三种设计里最“古老”的专业了，可以说平面设计是一切设计的鼻祖，学任何设计都绕不开它。因为所有的设计理论比如配色，排版，字体等都是平面的基础也是设计的基础。同时平面设计也是比较复杂的，因为除了要了解基本的设计技巧以外也要了解材质，工艺等，不同的工艺和材质出来的效果也是千差万别，甚至在预算上都会差出好几个层级。
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的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品，找出好处加以学习使自己进步。
最后说一句设计这个行业对于学历没有特别的门槛，你可以没有学历，但不能停止学习。
2024年网页设计视觉感 篇5
在学习UI设计的过程当中，特别想学或者零基础的人来说，需要学习到很多知识，比如软件 PS AI ，理论 色彩 排版 规范 UE 等，这些都是一名UI设计师需要学习的知识，而学习到这些知识，可以通过视频，书籍，网站，培训等多种方法学习，今天就和大家推荐下学习设计所要看的一些书籍。
一、《设计心理学》
内容简介：
设计心理学是设计专业一门理论课，是设计师必须掌握的学科。设计心理学是建立在心理学基础上，把人们心理状态，尤其是人们对于需求的心理通过意识作用于设计的一门学问。它同时研究人们在设计创造过程中的心态。以及设计对社会及对社会个体所产生的心理反应，反过来在作用于设计，使设计更能够反映和满足人们的心理作用。
推荐理由：
心理和情感激发是鼓励用户付诸行动一个的宝贵工具。激发包括像内疚和担心的这样的情绪，当然还包括吸引人的那种归属感和人的价值观念认可。
在设计中结合激励性情绪的通常做法是如果网站上的广告语言，再加入一些图形元素作为辅助支持，使用图片和图表加强激励效应。
二、配色设计原理
作者：
佐佐木刚士，1978年出生于神奈川。大学毕业后，进入WORKS CORPORATION公司。在入社仪式上发表了题为“我喜欢的颜色是粉色。我喜欢的食物是茶碗蒸”的谜语一般的自我介绍，使公司的前辈职员和上司大为吃惊。他曾经工作于月刊《DTPWORLD》编辑部，现在以自由作家、编辑的身份从事各种活动。
简介：
怕配色理论枯燥冗长么？怕技巧方法不够实用么？《配色设计原理》保证让您学到实用而又系统的配色知识！《配色设计原理》通过简明易懂的示例作品，逐条讲解了绝对不可背离的配色理论；将具体的设计案例进行修改前后的对比，分析了如何才能使配色更具效果和表现力；根据希望达到的不同表现效果和目的，展现了设计师必须要了解的配色技巧；介绍了在理论无法适用时应对的配色设计方法；讲解了基本的色彩知识和易用的PhotoShop技法；刊载了日本目前活跃、专业的设计师的主题性访谈。
三、《破茧成蝶》《破茧成蝶2》
内容简介：
本书从用户体验设计师的角度出发，系统地介绍了其职业生涯中的学习方法、思维方式、工作流程等，覆盖了用户体验设计基础知识、设计师的角色和职业困惑、工作流程、需求分析、设计规划和设计标准、项目跟进和成果检验、设计师职业修养以及需要具备的意识等，力图帮助设计师解决在项目中遇到的一些常见问题，找到自己的职业成长之路。
推荐理由：
这本书简单明了的从用户体验方向出发，把你的设计更人性化，更符合用户的预期范围，更注重用户体验，让你设计出来的作品更容易说服甲方爸爸。互联网下半场来袭，从业者需要做出怎样的变化，以应对风云突变的大环境呢？本书主要讲述“用户导向”的用户体验设计师，与“业绩导向”的产品经理，在瞬息万变的互联网新时代如何顺势转型成“以产品价值为中心”的产品设计师的过程；作者结合数年来从事互联网产品架构和设计工作的思路，融会贯通，提炼出顺应新 时代的互联网产品设计内在规律，旨在帮助读者在波涛汹涌、充满不确定性的大环境下，改变命运，不惧未来！
四、《形式感》
内容简介：
《形式感+:网页视觉设计创意拓展与快速表现》可以帮助有一定基础的网页设计初学者或在职者，在遇到设计创意瓶颈时，能够在较短的时间内解决设计上的创意和视觉形式感的问题。不论是应对紧急的工作需求或是求职面试都能够给观者一个新颖的视觉表现。
推荐理由：
很多小伙伴在设计的时候都只是为了好看而设计，如果你的设计加上一些故事是否更生动呢，本书很多结合生活中的案例用故事引导的形式展示在案例中，希望你看完此书你的设计也是一个有故事的设计，有故事的设计会给你的设计加分哦。
五、《简约至上》
内容简介：
作者Giles提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约至上的终极策略，讲述了为什么应该站在主流用户一边，以及如何从他们的真实需求和期望出发，创造出历久弥新的用户体验。
推荐理由：
追求简单易用是人类的本性，无论是互联网产品，还是移动应用，亦或其他交互式设计，简单易用始终都是赢得用户的关键。
六、《用户体验要素》
内容简介：
本书用简洁的语言系统化地诠释了设计、技术和商业融合是最重要的发展趋势。全书共8章，包括关于用户体验以及为什么它如此重要，认识这些要素、战略层、范围层、结构层、框架层、表现层以及要素的应用。 全书用清晰的说明和生动的图形分析了以用户为中心的设计方法(UCD) 来进行网站设计的复杂内涵，并关注于思路而不是工具或技术，从而使你的网站具备高质量体验的流程。
推荐理由：
很多设计师设计都仅从设计的角度出发，排版、布局、色彩搭配是否和谐，做出来的设计稿总不如人意，本书从用户体验 的角度出发，帮你简单明了的了解什么是要素、战略层、范围层、结构层、框架层、表现层以及要素的应用及方法，从而使你的设计更加的接近用户的心里；
七、《在你身边为你设计》
内容简介：
—腾讯的用户体验设计之道。本书内容包括：设计理念、设计方法、用户研究、体验设计、设计流程和工具，以及团队成长与管理等方面的知识与经验分享。
推荐理由：
很多设计师只知道依葫芦画瓢的设计，但是却不知道自己设计这个产品有什么原理，用的是什么方法，针对的用户是什么，它能够给客户带来什么？当甲方爸爸问到的时候一无所知，希望你读完本书可以学到一些，能轻松解决甲方爸爸的尴尬问题，最终你的作品是一个有理有据的活生生的作品。
八、《交互设计精髓》
内容简介：
研究交互设计，交互设计一门综合性很强的学科，包括逻辑学，计算机科学，心理学，社会学，认知学，视觉设计等等。很多设计认为，交互设计就是画画原型，做一些页面的基本跳转等再简单不过的事情。等踏入这个行业以后，价值观彻底被颠覆了，有没有！我们只有沉下心来，慢慢学，慢慢做....
推荐理由：
在工作中，常常市场研究和用研把研究结果隔着窗户扔给了设计或者程序员，对着冷冰冰的用研报告是很难能设计成用户想要的产品的。解决方案就是设计人员参与到用户研究的过程中，与用户进行直接而广泛的接触，那么，设计出来的产品也一定会让用户所喜欢的。让设计人员参与用户研究，设计人员可以参与用户访谈过程，并做一下访谈记录等。
九、《UED体验设计之旅》
内容简介：
《腾讯网UED体验设计之旅》是腾讯网UED的十年精华输出，涵盖了丰富的案例、极富冲击力的图片，以及来自腾讯网的一手经验，通过还原一系列真实案例的幕后设计故事，从用户研究、创意剖析、绘制方法、项目管理等实体案例出发，带领读者经历一场体验设计之旅。
全书核心内容涉及网媒用户分析与研究方法、门户网站未来体验设计、H5技术在移动端打开的触控世界、手绘原创设计、改版迭代方法、文字及信息图形化设计、媒体产品的交互设计、大项目设计管理方法等。
推荐理由：
很多设计师接触的工作比较单一，可能是单一的APP或网页设计，《腾讯网UED体验设计之旅》这边书设计的领域比较广，包括网页、APP、专题、微信、H5、字体、图形等一系列设计，读完这本书希望给你的设计成长之路更广；
十、《交互设计精髓》
内容简介：
研究交互设计，交互设计一门综合性很强的学科，包括逻辑学，计算机科学，心理学，社会学，认知学，视觉设计等等。很多设计认为，交互设计就是画画原型，做一些页面的基本跳转等再简单不过的事情。等踏入这个行业以后，价值观彻底被颠覆了，有没有！我们只有沉下心来，慢慢学，慢慢做....
推荐理由：
在工作中，常常市场研究和用研把研究结果隔着窗户扔给了设计或者程序员，对着冷冰冰的用研报告是很难能设计成用户想要的产品的。解决方案就是设计人员参与到用户研究的过程中，与用户进行直接而广泛的接触，那么，设计出来的产品也一定会让用户所喜欢的。让设计人员参与用户研究，设计人员可以参与用户访谈过程，并做一下访谈记录等。
十一、《动静之美》
内容简介：
笨书向读者全面细致地介绍了Sketch的使用方法，以及和Sketch无缝衔接的几款交互动效软件的使用方法本书不局限于软件本身的使用，更多的是设计思路和设计规范等内容的分享，让读者在掌握UI设计和交互动效设计精髓的同时彻底掌握Sketch，并能用keynote、principle和pixate等软件进行交互动效设计。
推荐理由：
随着UI设计师的市场竞争越来越激烈，单一只会做用PS、AI设计的已经不能轻松在市场立足了，很多企业要求设计师会Sketch，Keynote、principle、pixate等软件。
十二、《新印象 解构UI界面设计》
这是一本全面介绍UI设计的书，是帮助初级和中级读者快速学习UI设计知识、技巧和操作的参考书。
本书从UI设计基础入手，结合大量的案例分析和针对性实战，全面深入地阐述了UI设计的界面类型、界面构图、版面布局、元素运用、界面用色、设计原则与规范、切图与标注、图标设计及艺术二维码设计等方面的内容。
本书共9章，每章分别介绍一个板块的内容，讲解细致，案例分析与实战数量丰富。通过丰富的实战练习，读者可以轻松而高效地掌握UI设计的相关技术。
2024年网页设计视觉感 篇6
设计是个很考验耐心细心和费脑子的工作。
要做网页设计的话，从画图工具开始学。
主要学习ps，看视频比较好(不太建议看书，因为好多书都ps版本都很古老)，免费的教程很多，网易云课堂 腾讯课堂 慕课都有，挑个详细的看。
AI也要学下，画图标的时候可能会用到。
其他工具可以先放一边，以后再学，ps ai你都需要一段时间学
哦，对，先看下李涛的ps视频，前三课多看几遍，先把色相 饱和度 明度 看懂。
其实入门最好找个网上的培训班最好，找个靠谱一点的，因为有互动，而且会详细一点，毕竟人家收费了，而且会有点氛围，自学比较苦。线下的培训班就不去了，太贵。这个看你自己决定。
工具学习属于零基础入门，就按视频上的顺序学就行，也没什么太多好说的，钢笔工具 路径 形状工具 蒙版 等等。抠图一定要学好，能扣到基本看不出破绽最好，这是你以后修图的基础，还有布尔运算，这是做图标用的。
这个你时候已经可以画图了，开始了解简单的html和css，看视频或者去w3school网站，也可以买书，我买的是工具书，就不推荐你看了，你做设计不需要懂太多，知道个大概就行，到时候跟前端好配合，这也是大多数公司的要求。
工具学完之后你已经能画出来东西了，但是感觉不好看。这个时候你要学排版配色等等。学排版就可以看书了，买本《写给大家看的设计书》(一定要买)，《形式感-网页视觉设计创意拓展与快速表现》，也可以再买几本设计基础类的书，没事看看站酷 behance dribbble 上的网页设计提高审美，有教程的话也去看看。
在学习排版配色 这些设计理论基础的同时，多临摹，也要多做些作品(自己想的网页或者改版不好的网页)，拿着你的作品去找工作，千万不要拿临摹的，刚开始工作肯定不太好找，多面试几次，向面试官问自己的缺点，并且改正。面试的简历最好做成PDF的格式，方便hr复制你的信息。
大概就这些，还有不懂可以问我。
手机码字 没好好排版，见谅。
最后强调一下，如果学网页设计的目的不是因为很感兴趣，而是因为好找工作之类的，最好不要学。
2024年网页设计视觉感 篇7
想要做好网页设计，需要掌握的软件和技术还挺多的，但不建议都把这些技术掌握的很精通，毕竟人的精力是有限的，可以选择其中的一项技术来认真钻研，并达到熟练掌握运用。
一.视觉方面
如果你是设计专业或者对视觉有很浓厚的兴趣，那就可以选择做这个方向的网页设计，也就是通过设计软件，根据原型图或者草图制作高保真效果图。要做这方面的网页设计，需要掌握的设计软件有photosho,illustrator等视觉设计软件。
ps主要用来设计网页效果图和对效果图进行切片以及一些网页小元素的处理和制作，用处可以说相当大，学好PS就完全可以制作出精美的网页了。illustrator主要是处理一些矢量图形或者图标，辅助PS进行网页设计，这要看你哪个软件掌握的熟练，就以哪个为主。
掌握了基本的网页设计软件，下面就要多学习一些网页的基本知识，比如网页尺寸，网页布局排版等规范，这些需要长时间的练习和积累，要多看多想多做，慢慢你就会发现自己水平提高了，设计的网页也越来越专业和漂亮。
二.网页前端
这个方向的网页设计，需要掌握和精通前端html代码以及css样式js这些，也就是通过这些把ps设计好的效果图实现成可以通过浏览器浏览访问的网页页面。对代码有兴趣的朋友可以朝这个方向发展。
推荐使用的软件是Dreamweaver，方便易学，可以快速进行网页布局和css，当然随着学习的深入，你会知道其他很多前端设计软件，这里不再一一介绍。
上面介绍的是网页设计的两个方向，当然也可以两者都掌握，那就是全能型网页设计师了，很受欢迎。最好精通其中一个，另外的技术适当了解。