2024年网站设计所用的软件 篇1
稍微懂设计的朋友都知道，网页设计和平面设计其实是相辅相成的，在某种层面上说，他们还是有一定的交叉点的。不过硬要问这两种设计中哪个更有前途的话，我个人认为还是网页设计比较有前途。
首先从现在工作薪资上看，一般平面设计的工资在一线城市也就是5000-6000左右，资深平面设计可能会有8000-10000，如果在二线甚至更小的城市，工资会低到2000-3000，而网页设计的工资在一线城市可能就是8000-10000了，如果技术好的话可能会更高，而在其他城市最低也是3000往上。从这方面来讲哪个更有前途我想是一目了然了。
然后从平面设计和网页设计的从事内容来讲。平面设计的范围很广，网页设计、包装设计、DM广告设计、海报设计、平面媒体广告设计、POP广告设计、样本设计、书籍设计、刊物设计、VI设计、彩页设计、logo设计。所使用的软件包括Coreldraw或者Illustrator，平面图像处理软件Photoshop，文字排版软件。而网页设计就是单纯的写代码或者利用Dreamweaver，相比之下虽然网页设计的范围窄，但是难度系数要比平面设计大。
最后从实际需求来看，现在互联网越来越发达，各种网站也是应有尽有，网站的维护与创建也是供不需求，而网页设计也需要平面设计的辅助，而网页设计是网站建设中的一种设计，他是对访问者最直观的表达，为了让页面看起来合理，清晰有条理，布局规范有创意，还是比较难的。
由于平面设计范围广，学习比较简单，所以很多人都会选择学习，而网页设计就相对很少有人学习了，从社会中最现实的生存法则来说，物以稀为贵，网页设计的需求量大，人才少，所以就会有前途，而平面设计需求大，人才也多，所以相对来说就不是那么有前途。当然这个定论不是绝对的，根据社会的发展，市场形势会不断发生变化，所以网页设计和平面设计哪个更有前途还真不好说，不过现阶段来说，我个人觉得还是网页设计比较有前途。
2024年网站设计所用的软件 篇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的图标丑的都是没有用过的人。有心的人能谦虚的去看比自己优秀的作品，找出好处加以学习使自己进步。
最后说一句设计这个行业对于学历没有特别的门槛，你可以没有学历，但不能停止学习。
2024年网站设计所用的软件 篇3
本期分享从文案策划到交互设计共包含19个工具/网站，把控你的H5制作，最终专业H5工具主推意派Epub360。
关于H5制作流程
笔者接触的H5制作辅助制作工作基本构成分为文案策划、设计交流学习、制图、视频编辑与剪辑、原型、H5动效/动画制作、图片/音视频压缩、素材存档，所以中间所使用的的工具也是这些。
注：分享的有一些软件需下载，有标注，无标注基本上是在线网站。
文案策划
数英网-数字媒体及职业招聘网站
介绍：
数英网是一个数字营销媒体平台，内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域，并且进行热门项目推荐，平台还包含了人才招聘和社区版块，用户可通过平台查找合适招聘信息，也可在社区发布动态或关注他人。
推荐理由：
数英网是一个比较不错的综合平台，无论是热门的话题、品牌活动、刷屏的文案都可以找到对应的板块，还有单独的大厂的优秀的H5项目分享，是营销媒体人必上网站之一。
TOPYS | 全球顶尖创意分享平台 OPEN YOUR MIND
介绍：
作为中国成立最早、最受欢迎的创意垂直网站,TOPYS立志打造一个多元、完备的泛创意知识产品系统和学习平台,试图成为“A Creative Institution”,希望借由创意的学习……
推荐理由：
作为全球顶尖创意分享平台，每个创意、视觉、文案都很让人惊艳，十分推荐。
视觉交流学习
站酷(ZCOOL) - 设计师互动平台
介绍：
站酷(ZCOOL),中国设计师互动平台。深耕设计领域十二年,站酷聚集了650万设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。
推荐理由：
站酷在设计师圈子有着超高人气，汇聚了大批优秀设计师、摄影师、插画师、艺术家、创意人，每天都有大量的首页加精的优秀作品分享，是一个不错的集灵感、设计技巧和项目经验学习和交流为一体的设计师平台。
UI中国用户体验设计平台
介绍：
UI 中国,前身为 iconfans,是专业的用户体验设计平 台。会员均为职业 UI 设计师,覆盖全国互联网公司。我们将打造中国最专 业的 UI 设计交流平台,为 UI 设计师……
推荐理由：
UI 中国与站酷面向人群基本重合，不过正如品牌名称，特色是突出UI方面领域，倾向官网、APP、H5、小程序UI的用户体验设计，注重情感表达在人机交互中的表现，平台定期会举办设计教程分享和大赛。
制图/排版
制图&修图：Adobe Photoshop（需下载）
介绍：
Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。
推荐理由：
这个不需要多介绍了吧，一款作图的软件，设计师吃饭的家伙，我们平常说P图大多是说这个。
矢量图&排版：Adobe Illustrator（需下载）
介绍：
Adobe illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。
推荐理由：
这个也不需要多介绍了吧，一款排版、制作矢量图的软件，做的视觉无论放大多少倍都不会失真，一般配合PS综合使用。
素材网站
千图网-免费设计图片素材网站
介绍：
千图网是中国素材最多的网站之一，拥有800多万张素材。 提供：矢量图 、psd源文件、图片素材、网页素材、3D模型 素材、手机 APP 素材、 ppt 、画册 、图标热门主流素材下载服务，千图网以其独特的定位和全新运营模式，处于素材 网站 领先地位。
推荐理由：
千图网各类素材较多，质量整体中等，部分图标、节日元素、海报可以作为H5使用，快速短期出平面，建议企业用户，可以商用素材，避免不必要的版权风险，若自己有原创能力尽量自己PS。
包图网_专注原创商用设计图片下载
介绍：
包图网是素材在线交易网站，主要服务是提供图片、视频、音频、psd 源文件 等形式的素材。包图网内容版块已有广告设计、摄影图、字体、UI设计、电商淘宝、多媒体、办公文档、装饰·模型、插画配图九大类别。
推荐理由：
包图网与千图网属于同类网站，但偏向于UI、插画等方向，质量整体中上，部分图标、节日元素、海报可以作为H5使用，建议企业用户，可以商用素材，避免不必要的版权风险。
视频编辑/剪辑
视频编辑：Adobe After Effects（需下载）
介绍：
Adobe After Effects简称“AE”是 Adobe 公司推出的一款图形视频处理 软件，适用于从事设计和视频特技的机构，包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。
推荐理由：
同样是 Adobe 旗下的为设计打造的视频处理处理编辑软件，利用三维插件和关键帧动画可以制作出网页原生动画实现不了的动画效果，可导出视频、序列、GIF增加H5的视觉表现和互动效果，制作H5互动视频是个不错的玩法。
如H5互动视频作品：《王小艺的朋友圈》
视频剪辑：Adobe Premiere（需下载）
介绍：
Premiere的简称，由 Adobe 公司开发是一款常用的视频编辑 软件，由 Adobe 公司推出。现在常用的版本有CS4、CS5、CS6、CC 2014、CC 2015、CC 2017、CC 2018 CC2019以及2020版本。Adobe Premiere是一款编辑画面质量比较好的软件 ，有较好的兼容性 ，且可以与Adobe公司推出的其他软件相互协作。
推荐理由：
十分强大的视频剪辑软件，也是Adobe旗下的产品，是如今自媒体人必学的软件之一，可以剪辑、配乐、专场，一般会配合AE一起使用。
会声会影中文版免费下载-会声会影中文官网（需下载）
介绍：
会声会影是 加拿大 Corel公司制作的一款功能强大的视频编辑 软件，正版英文名：Corel VideoStudio，具有图像抓取和编修功能，可以抓取，转换 MV、DV 、V8、TV和实时记录抓取画面文件，并提供有超过100 多种的编制功能与效果，可导出多种常见的视频格式，甚至可以直接制作成DVD和VCD光盘。
推荐理由：
平常使用的不多，还是在大学时期使用了一些，小白可以很方便制作看起来有些炫酷的视频特效与剪辑。
原型设计
墨刀- 远程办公好帮手 在线产品原型设计与协作平台
介绍：
墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。
推荐理由：
产品特色包括素材库、设计、高效演示及评审、导入Sketch稿、云端编辑、多人协作，可以在线制作APP及活动页面。
H5制作工具
意派∙Epub360-专业H5页面在线交互设计制作工具
介绍：
意派Epub360隶属于上海意派科技，是专业级的H5交互设计平台，采用可视化组件编辑，可实现复杂的H5交互动画、数据及逻辑，是华为、招商银行、上海观察等企业的共同选择。
专业交互功能：支持专业级动画控制、交互设定、社交应用与数据应用，保障企业的商业需求顺利实现。
操作简易：采用由简到难递进式产品设计模式，效果组件化，减少用户上手难度，稳定的操作环境助力企业持续创意输出。
提供企业服务：我们为企业/媒体单位提供H5工具培训、定制及私有化部署服务，定制服务包含扫码签到、大屏互动、H5游戏等多种场景，是上海解放日报、招商银行、广西日报等多家单位长期合作伙伴。
提供优质模板：提供丰富的模板库，500+优质的企业H5模板，各种邀请函、招聘、节日海报、H5小游戏应有尽有。
推荐理由：
意派Epub360是一款专业的H5交互设计神器，无需下载软件，在线编辑制作H5作品，2014年上线，算是比较早的专业H5设计工具，可以零代码制作电脑、ipad和微信端H5作品，国内领先支持SVG支持SVG路径动画、SVG变形动画、精细控制、手势触发、摇一摇、拖拽交互、碰撞检测、重力感应、关联控制...并结合Epub360提供的数十种触发器控制，曾经两天时间快速上线一个炫酷产品宣传的H5作品，超神速！算是一款可以制作出高质量H5作品的H5交互设计神器。
图片压缩
图片压缩：Tinypng
介绍：
TinyPNG For Photoshop 插件是一款 PNG 图片压缩插件，通过这款插件你可以将 PNG 图片进行高压缩但对图片质量的影响微乎其微。只需要简单的两步就可以完成对 PNG 图片的高压缩而且还不会影响 PNG 图片的质量，这样就可以解决网页设计师因图片太大而影响网站加载网页速度的难题。
推荐理由：
TinyPNG虽然是英文网站，但打开很快，不需要看懂，拖动图片到中间上传的图标上就可以， 压缩率很高，支持压缩JPG、PNG，整体压缩幅度是 70%，而且几乎不损失画质。 但每次压缩限制大小5兆和 最多20 张图片，如果是序列图则不太适合，不过一般使用是完全够用的，另外自定义压缩质量还可以使用国内压缩工具“压缩图”。
图片压缩：压缩图
介绍：
压缩图是在线图片压缩工具,支持GIF压缩、PNG压缩、JPG压缩,还可以在线图片加水印、图片旋转、制作长图拼接、图片改颜色、图片添加文字、图片去底色、证件照换底色……
推荐理由：
有损压缩，但支持压缩JPG、PNG和GIF，支持压缩质量百分比、宽高比，有时我会跟tinypng混着用，部分大图压缩使用压缩图。
音视频压缩
Handbrake
介绍：
HandBrake是一款小巧到极致的实用视频转换软件，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。HandBrake中文版支持Win/Mac/Lin操作系统，批量转换视频格式，并自带压缩功能。需要的朋友千万不要错过哦!
推荐理由：
这款软件是界面是英文的，需要看懂几个基础的英文专业用词，现在经常在Mac系统上，之前用的window国产小软件不能用了，但是它同时支持Mac与window系统，有设置压缩速率，我一般设置成22左右，压缩质量和体积综合较强，压缩速度快，曾经我用这款软件把1.2G的视频文件压缩到22.6兆，可谓是惊呆了我和我的小伙伴们！确实是一款国外的优秀压缩软件！
格式转化：格式工厂
介绍：
格式工厂是一款免费多功能的多媒体文件转换工具。格式工厂功能强大，可以帮助用户简单快速的转换需要的视频文件格式。不仅如此，格式工厂软件操作简便，用户安装后就可以上手进行使用，为用户带来快速简便的使用体验。
推荐理由：
这款软件我个人用的不是很多，因为有一阵子使用Windows系统比较多，经常需要压缩音频、视频和各个视频格式的转化，挺方便，同时这也是一个免费的国产压缩软件，界面是中文的比较好操作。压缩质量中上，但速度很快，很适合对质量要求不是很专业的小白用户。
修改建议协同文档：
石墨文档-远程办公系统/解决方案
介绍：
石墨文档是全新一代云 Office 办公软件,支持多人在线协作编辑文档和表格,独有内容级安全,全过程留痕可追溯。PC 端和移动端全覆盖,随时随地远程办公。
推荐理由：
石墨最大的特点是协同办公，这点可以在我们项目制作修改意见有效的沟通并记录，传统方式，客户在项目交流群里，以聊天的形式反馈建议，一会儿没看可能就几十条，有时还穿插着59秒的语音建议，分分钟想哭好嘛？要是对方领导太多，一个人一张嘴，不经历你根本想象不到有多惨！有了这个，不会忽视每一条修改建议，客户通过标注的方式，实时反馈与按条修改，修改效率会大大提升！
素材存档
百度网盘,让美好永远陪伴
介绍：
百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固,支持教育网加速,支持手机端。现在注册即有机会享受15G的免费存储空间。
推荐理由：
这个也不需要多介绍了，之前有几家网盘接连官宣停止运营，目前也就百度网盘、腾讯微云等大平台还在。我们在做H5项目一开始就养成一个好的习惯，每次做完项目，项目中所有的源文件、图片、音频、视频请新建文件夹归类。老设计师都知道，随着接触的项目越多，文件都放在电脑上，每个盘都塞得慢慢的，时间一长电脑运行肯定卡，这时候基本上要依靠移动硬盘和云盘，移动硬盘本地储存安全私密性高，但是某宝某东上搜一下，价格偏高，如果坏了难以修复，百度网盘基础使用的空间一般是够用了，缺点是免费版的下载速度真是龟速，不过也没花钱不是嘛哈哈。
本期分享就到这里了，关注我 ，有更好的推荐也欢迎留言或私信~