微信咨询

网站建设好复杂?李牌视觉设计师浅谈有效率的网页设计心法(上)

319次浏览

开始进行网页设计时,如果能提早把握几个要点,一切就会顺利许多。此篇文章以此为题,将一些制作网页时的心得进行整体归纳。

. . .

Hello ! 我是Kelly Lee,目前在李牌担任视觉设计师。我从事平面设计约五到六年,也曾在动画公司工作,工作范畴偏创意为多。但在2018年时,我决定踏入界面设计领域,成为了一位视觉设计师。从平面设计转职介面设计看似容易,实际却不然,因此我想将其中所得所闻记录下来,由自身经验出发,分享给有相同处境的设计师们。

前一阵子刚完成了一个较大规模的网页设计案例,由于项目的规模大,因此复杂度也较高。其中牵涉的人众多,我在一旁观察着他们的工作流程和模式后,笔记下了一些重点。希望以此为例,让未来再次执行时可以更有效率地进行。

设计网站时考量的很多,除了设计问题,也牵扯了很多技术的问题,初想起来似乎没有很难,但真正要制作时才发现每个细节都需要很多时间讨论,例如:图片的风格?文字书写口吻?眼印象的呈现?网站的目标族群?他们期望是什么等等。

要探究的问题太多了,而这就是进行设计时必须一一理清楚的部分。因此对于网站设计,有系统有架构的进行是非常重要的。
这篇文章希望可以把整个流程中需注意的细节都提点出来。

本篇文章适合平面设计师或介面设计师阅读

在开始前,先了解一下网页设计的目的和团队分工?

网页设计的目的?

网站就如同店家的线上店铺。当使用者有需求时,可以透过网站更即时、快速达成任务。因此,网页的体验及形象设计至关重要,不管是色彩、文案、图片、载入速度等,都建构了该品牌在使用者心中的样貌。当网站的设计够完善,自然使用者对于品牌的感受也会有很大程度的提升,而该如何有效地执行,这就是设计师必须协助客户完成的功课。


Image for post

网页设计团队的组成?

网页设计团队通常会有四个角色,但角色可能会因为预算或项目大小而产生差异。项目如果不够大,设计师也会兼任PM,前端工程师也可能需连同后端一起做。

1.设计师: 负责将客户的需求转换成视觉,与客户确认设计后,提供设计素材和规范给工程师。

2.前端工程师:负责将设计师的视觉需求转换成程序语言。

3.后端工程师:前端工程师是负责网站的门面,门面后的东西就由后端负责,例如资料的计算、资料库的操作及存取等等

4.PM:负责与客户协调时程、控管团队进度

接着,我们来谈谈在完全进入设计前,设计师可以做什么准备

1.明确的定义网站定位

在开始执行设计前,建议请客户先思考几个点

  1. 浏览网页的目标群体?
    不同的目标族群所喜爱的风格会很不同。例如如果今天产品是要卖给40至50岁的人,网页设计就不能做得太Fancy,字体也不能太小,并且避免太过大胆的用色。必须考虑该族群的喜好,他们的生活情境与他们期待接收的资讯。

  2. 希望因为此网站达到目的的优先顺序?
    网页有如实体店,有些实体店是为了要销售产品,有些店家则是为了要展示产品或建立品牌形象。我们必须确认客户希望达成目的的优先顺序,进而知道设计时最需考量的重点。

2.确认风格走向

跟做所有设计一样,再进行设计前,请先清楚了解客户喜欢的风格,以防建构完画面后需大幅调整。建议以下几种方式:

  1. 请客户针对网站提出3~6个形容词
    如果客户对于网页设计还没有太清晰的概念,我们可以先从形容词开始和客户沟通,例如:的、干净的、丰富的、日式的…。虽然乍听之下好像很抽象,但至少可以从形容词开始进行风格收敛,接着在进到下一步的Moodboard整理或是网站参考案例的寻找。

  2. 以Moodboard的方式进行沟通
    如平面设计在进行主视觉设计或品牌设计的流程,我们可以利用片段的图片画面拼凑出一种「感觉」,这就是Moodboard。

  3. 提出网页设计参考进行确认
    提出网页参考时要格外小心,因为客户有可能会误以为你会做得跟参考的画面一样又或是对设计的期望过高。因此,在提出画面案例时,要明确的列出该网页的参考重点与洞察。例如:网页的插画配置方式或风格、网页的色彩风格与比例、网页的流程架构等。不要仅提供作品给客户,就十足肯定客户可以理解你要传达的意涵。

3.确认能拍板决定的有谁?责任归属清晰化

在一个网页设计项目中,牵涉的人往往都很多。可能有客户营销部门的人、设计部门的,甚至客户的大老板也会加入讨论行列中。但不管加入讨论的人有多少,总会有一个最终决策者,而我们必须在开始设计前知道这个人是谁,并确保在执行的过程中,他都有参与其中。

此外,除了知道握有最终决定权的人外,也必须明确的知道如何分工,例如网站文案由谁提供?图片由谁提供?网页架构由谁提供等?责任分工的清晰化,可以为之后的设计流程提供不少效率。

4.沟通时程与流程

一个较大型的网页设计项目动辄半年至一年。除了时间长,其中参与的人员也很多。因此,时程的安排至关重要。承上,当我们明确知道利益相关者及责任归属后,就可以推断设计完成后会需经哪些人的确认,以此就能知道时程该如何安排,将此客户说明,让他们了解时程紧凑的原因,并把这件事情的优先顺序往前推。

5.彼此都要先做功课

网页设计不是设计师一个人的事情。就如同室内设计一样,设计师会希望客户先搜集自己喜欢的室内风格,并说明平常的生活习惯与喜好,设计师再以此进行规划和设计。网页设计亦是,客户也需要做一些功课,清楚知道自己的需求是什么,双方一起把其厘清后,设计师才能精准地做出对应的风格与设计。如果没有先想清楚,最终很容易变得乱枪打鸟,除了会耗费许多时间外,相信产出也会不够完美。

由于内容较多,网页制作中及制作后的部分会于下篇继续说明!

感谢你阅读了这篇文章,希望这篇文章有帮助到你。如果觉得这篇文章不错,希望你能给我一点「鼓励」,也可以留言让我知道你的想法,我会更努力写出更多内容的!


相关阅读