2023年网页设计师必备技能.docx

2023年网页设计师必备技能 网页设计师必备技能 不少做平面的设计师想转行走网页设计这条路，做网页和做平面是完全不同的思维，加上还要熟识或了解html和CSS代码，所以就很考验设计师的自学能力了。而且还有一点，我们在设计网页的过程中，并不是你想怎么设计都可以的，还要考虑编码实现和用户体验。以下是我为大家搜寻整理的网页设计师必备技能，盼望能给大家带来关心!更多精彩内容请准时关注我们免费学习网! 想转型成为网页设计师，需要必备的一些技能学问点： Photoshop Illustrator HTML CSS Responsive 加分：Bootstrap、Sass、Compass、Susy…等，会套用现成的 jquery 包、JS 包之类也就差不多了。再深入就是F2E的领域。 Photoshop 基本中的基本，只要是任何单位是PX、给屏幕用的图稿我都建议用 Photoshop 制作，Illustrator 是印刷用软件，对 PX 支持度很差。 Grid 如今新开发的网页通常会要求制作 Responsive ，为了要方便套用 Bootstrap 或 Susy ，Grid 就是肯定要懂的观念。 切图 当你会写 Html、搞懂 Div、Css 后，你就知道怎么切图了无误，不会写 Code 的视觉设计师切出来的图经常被退货也只是刚好…做个蛋糕需要糖和巧克力粉、材料供应却老给他盐和胡椒粉，是想逼写 Html 的人从种甘蔗和可可树开始吗? Illustrator 既然都是平面设计师想转型，这套肯定用的特别熟识，惋惜我对这套的定义就是送印刷厂用。在我的制图过程中，全部能用向量绘制的部份我都会用向量。PS 的向量工具不太好操作，遇到比较冗杂的图型我会在 AI 里画好、贴进 PS 为样子图层，再来调整图层样式。所以 AI 只会用到画向量的功能，其他全进 PS 处理。 HTML 推举：HTML5 不会切图、不会手写 Code 的不要说自己是网页设计师，做网页只靠 Dreamweaver?和蒸饭箱蒸出来的便当感觉差不多，牵强能入口但很难吃。有的 RD 会接受用 Dreamweaver 之类可视化软件产生的 Code，这要看和设计师协作的 RD 接受度到哪里。通常平面想转网页设计很大部份是薪水可以喊比较高，假如想拿更高的薪水就不要依靠 DW ，老老实实的练英打吧。推举：死亡打字员—— YouTube视频，自备梯子。 想当个网页设计师， W3C 是肯定要懂的。当然特别多的元素不会每个都记得，把这个网址当名目用吧，不懂或遗忘就跑来查一下。All Standards and Drafts – W3C 补充： W3Schools Online Web Tutorials W3Fools – A W3Schools Intervention CSS 推举：CSS current work & how to participate margin、padding 是初学者最简单搞混的两个值;Float 很常用但不当心就破版;熟识 Background 可以玩出许多花样…等等。在 CSS 详情部份就可以偷懒一点用现成的了，虽然产出的 Code 比较丑不优雅，但 RD 比较少去动到这一块，所以还可以接受。我自己常用的偷懒工具如下： 圆角框：CSS Border Radius Generator 阴影：Box Shadow CSS Generator 按钮：Buttons – A button library built with Sass and Compass 可以看 browser 对 html、css 等等的支持度：Can I use… Support tables for HTML5, CSS3, etc 当然很有许多其他在线生成或是外挂包，欢迎大家补充，好让我能更偷懒一点… Responsive 先把 Html 和 Css 练熟了再来看 Responsive 这个大难题。要做好一个 RWD 从 Wireframe 就要规划好。在 Wireframe 阶段我习惯先设计 Desktop 版本，功能最多最完善。但在写 Code 的时候会是反过来、先从 Mobile 的尺寸开始刻。刚接触 RWD 的先套 Bootstrap 增加成就感和手感，等熟识了觉得不够用绑手绑脚的时候，差不多该踏进 Sass、Compass、Susy 的领域。 别用现成的软件做 Responsive，除非是纯静态网页不需要和 RD 合作，原始码脏就脏没关系反正不会有人看了。目前我看到排排版就好的软件产出的 Code 没有洁净的，只要是之后有人还要接手的产出、拜托维持它的洁净整齐。有没有打开厕所门看到一团乱产生晕眩感脸色发青的阅历?看到恶心的 Code 就是这种感觉。 结论 以上写的特别粗浅，只能算是给个方向让初学者知道要怎么学习。最好还是去找个 F2E 拜师学艺一下，靠自己自学写出来的东西肯定会被正规 RD 嫌弃，我就被老公骂过这是什么邪魔歪道，边哭边学被他嫌弃了一整年才得到牵强及格的评语。 假如能把上述 5 项都练起来，就能自己接案赚外快了。只要和程序无关的静态网页都难不倒你。网络上有些套装的特效包可以拿来改一改套用，看起来也很炫。遇到需要套程序接后台的可以两手一摊说这超出网页设计的领域要找 RD 协作。 网页设计和 F2E 职务范围部份重迭，都要写 Html、Css，注重使用者体验等等。最大的差异在于网页设计师要画 Flow、Wireframe、Mockup、切图、标示文件，会写 JS 特效最好，不会写也没关系。但 F2E 就要对 JS 很熟识了。网页设计师算是一脚踩在 UI/UX 圈、另一只脚踩在 F2E 边在线的角色。千万当心在 Code 上不要和 F2E 起争吵，请虚心求教，没事拿自己的弱项去撞别人的强项做什么?RD 写 Code 输给设计师是哪门子笑话?设计师强的当然是视觉啊! PREV ARTICLEC语言指针的概念NEXT ARTICLE在PHP中操作MySQL要留意哪些问题