技能素养
首先,既然还是网页设计师,要精通掌握 Photoshop 以及 Illustrator 这类软件。除此之外,还要深入学习页面布局,色彩搭配,构成等平面视觉的基础设计规范。例如:网页设计需要简练的布局,需要了解常见的网页布局形式,同时,绝大多数的网页设计都具有明朗的板式结构,为整体页面的画面营造秩序感,突出重点资讯。
选取颜色鲜亮的网页主题色调将有助于视觉效果的提高,注意 Logo 或者图示等 UI 细节在色调上的统一性。
负空间的利用在互动设计中越来越多,因此需要注意页面设计中适当的留白,不要将网页页面填充得满满当当的。
UI 中布局块与元素之间可通过大小、主次、强弱、动静、虚实、色彩等对比关系来传递意图、情感以及互动逻辑等等 UI 设计上的细节,这些通过细节上的视觉设计元素从而提高网页的品质与多用户的使用观看体验。
除了网页的视觉效果需要关注与学习以外,成熟的互动设计师需要学习网页设计在技术层面的知识。前面我们也已经提过,网页设计师也是需要看懂起码的程序语言,需要学习网页程序设计设计语言,例如:HTML,CSS,JavaScript,jQuery,H5 等等。乍一看这些 Web 设计的语言多到似乎令人生畏,但其实这些教程由浅入深,线上可以找到大量的免费教学资源。
w3schools
W3schools 是非常实用的学习网页设计技术的免费开发教程网站,它提供给多用户所有有关 Web 开发的语言(例如 CSS,HTML,JavaScript,Python,Java 等)参考与教程。所有课程和教程都是左右,或者上下的双视窗形式展现的,根据所挑选的语言以及函式,在对应的实时预览视窗中直接检视代码所带来的视觉效果,轻松地从该平台学习网页设计。
当然,学习网页设计要慢慢来,罗马不是一天建成的。为了学习网页设计的核心概念,我们需要从基本的东西开始。除了上述的技能素养外,还有一项很重要的学习内容就是 UX,也就是我们经常提及的多用户体验设计。
网页是为了多用户,多用户去设计的,所以需要无时无刻站在多用户的角度去进行考量设计,通过合理的互动选单引导多用户的行为,充分考虑到多用户的需求,把重要的资讯内容设定在显眼的位置,方便多用户查询。
综上所述,网页设计涉及到从概念构思到美学规划,安排和执行所有工作。因此网页设计是一个笼统的术语,它要求了网页设计师需要对技术代码,UI 以及 UX 设计都有一定的了解。