如果你对网页设计有兴趣,想成为网页设计师的你该具备哪些条件与能力?我们就设计业的角度提供给你一些学习建议,即使你不是设计相关科系,都能透学习成为独当一面的网页设计师。
以前的网页设计师
大约10年以前,网页设计师是一个多才多艺的工作,需具备美感、善沟通、熟稔设计趋势,要会用的软体有Fireworks(网页设计图)、Dreamweaver(网页编辑)、Photoshop(图片处理)、Flsah(网页动画),从网页设计图档、网页编辑(HTML)、图片处理、设计动画都由网页设计师一手包办。
现在的网页设计师
现在的网站不再流行静态网站,走向完整的CMS内容管理系统(网站后台),网站建置也走向专业分工,根据网站设计流程分成前端设计、后端设计,前端又分成掌管视觉的「网页设计师」、负责切版与相容性的「前端工程师」、负责撰写后端系统程式的「程式设计师」。Flash动画因为效能不佳已经走入历史,网页设计师不再需要设计动画、不再需要切版,只需要专注在「网页设计」的视觉设计上。
专业网页设计师需要具备什么条件?
很多客户会说,我们有平面设计师,可以自己先设计网站画面再给你们切版、写程式吗?当然可以,但前提是要有网页知识与观念,会「设计」不代表就可以是「网页设计师」,不具备网页知识与观念,只仰赖原先的设计经验是无法胜任网页设计工作的,以下是专业网页设计师需具备的条件。
沟通能力
网页设计师需要跟客户沟通网站设计,透过沟通了解客户产业需要的设计呈现,要跟前端工程师(切版)沟通为什么要这样设计,具备沟通与表达的能力对于一个设计师来说是非常重要的,才能将每一个需求精确的处理。
美感与创意
「美观」是网页设计很重要的一个基本元素,而对美感的强烈程度会影响网站整体的视觉,对色彩、图片、细节配置、平衡、逻辑性越坚持的设计师,最有机会成为优秀的网页设计师,至于创意就是一个突而其来的想法,创意如何被实现就是需要网页设计师的经验累积了。
RWD设计逻辑
要做出RWD响应式网站就要具备RWD的逻辑概念,不然就会设计出前端工程师无法切版的窘况,当画面从大到小的时候,RWD会产生内容重组、画面排队的状况,如果没有预先想像前端的变化,那肯定会被前端工程师退件,这就是目前网页设计师需要培养的RWD能力,当然采用现成的Bootstrap套版的设计师不在这边讨论。
SEO概念
这也是目前网页设计师最缺乏的,因为视觉与网站速度产生冲突的时候,很多网页设计师不懂得如何用「减法设计」同时达到SEO网站优化与设计的目标,网站有一些基本的设计准则,例如:导览列(面包屑)、页尾Sitemap、点logo可回首页、右上搜寻、下方联络资讯、可以快速上下页… 还有一些SEO需要注意的内容编排,首页不要放影片、图片要控制大小与数量、效果不要过多…等,都要随着SEO指标进行网站的设计微调。
基本HTML/CSS能力
虽然将网站变成HTML/CSS的过程(切版)已经变成前端工程师的工作,但是网页设计师最好还是要有基本的HTML的能力,因为随着CMS内容管理的时代来临,很多的管理都会使用HTML编辑器与CSS样式调整,如果没有HTML的基础能力,将无法满足客户要求的维护与修改,如果希望成为全面的网页设计师,HTML的能力最好是越强越好。
使用者体验
网页设计师本身也是一个网站使用者,对于网站的使用者体验也是有个人的看法,但是使用者体验不能单凭个人的看法,所以越有经验的网页设计师,经过多年客户反馈累积之后,越能设计出「符合大部分人」期待的网站流程,顺手好用的网站,而这些UX/UI是专业具体的过程,要成为一个好的网页设计师必须具备UX/UI的知识与具体实践能力。
结论
以上就是要成为一个网页设计师所需具备的能力,设计师的本质是沟通、美感、创意,熟悉设计软体是最基本的,再来就是要有RWD逻辑、SEO观念、基本HTML/CSS能力、使用者体验…要从无到有完成一个网站,需要经过网页设计、网站切版(html)、程式设计、系统测试、网站代管,网页设计师必须熟悉每一个流程才能把每一个环节需要注意的事情内化到设计里,这也是成为专业网页设计师最大的挑战。