网页美工设计精品班
培训内容:
1.预科:美术设计(素描、水粉、透视原理)构成设计、色彩配色、审美观念
2.网页创意思维:平面构成、立体构成、色彩构成设计,实现审美、创意、提升设计理念
3.静态网页设计:DW、FW、PS、AI实现制作出精美的静态页面设计
4.网页界面设计:页面设计基本流程与设计规范的概念性讲解,重点了解Web界面设计规范;网页配色技巧、色彩与构图的概念及技巧;网页Banner排版与设计、网页元素及规范
5.商业项目设计实训:网站设计流程策划、企业类网站项目实训、电商平台类网站项目实训、分类网站项目实训及阶段考核
6.Web前端HTML5+CSS3:熟练掌握各种 HTML 标签,能够手动快速完成各种页面的编写;
完成各种页面样式的定义和编写,保证浏览器兼容性,实战项目及阶段考核
7.就业指导:心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习工作等
认证证书:《网络设计师》、《网页美工设计师》周期:全日制4个月;业余制10个月网页设计如何吸引眼球!对用户而言,有趣而吸引人和清晰直观是同样重要的属性。今天的设计实战,将会为你展现的不仅仅是着陆页本身的设计,还有专业的着陆页的设计流程,来自 Tubik 的设计师 Ludmila Shevchenko 将会为你展现着陆页设计各个阶段的具体操作,以及实用的技巧,希望你会喜欢。
项目说明
为不同的服务设计着陆页页面。
预处理过程
客户对于着陆页的要求很明确,要求设计独特,能够传达出全新的服务和愿景。希望整个着陆页的设计能够让网站在同类产品中脱颖而出,对于用户而言,有着显着的差别。受此启发,设计师针对用户和市场进行了研究和探索,设计师决定巧用色彩和形状作为设计的突破口,通过寻求不同的组合方式,来完成整个设计。
草稿和线框图
整个工作的起点是 UX线框图。最开始,设计师构建了几个简单的布局,每种布局都有着不同的侧重点和优势。我们将不同的构思和不同的部分构建成为独立的页面,通过分析和研究用户的注意力会集中在哪些信息上。Ludmila 提到,由于整体结构并不包含很多元素,绘制草图也不会太麻烦。将脑中构思借由手绘的方法来呈现,可以帮助设计师更好地琢磨和探索整个设计。
在纸上绘制草稿是一个不断绘制不断思考又不断修改和探索的过程,最终成型的设计方案会使用 Sketch 绘制成 UX线框图。基于任务需求,无论是手绘草稿的探索过程,还是基于不同需求而绘制的线框图,都可以向客户展示。
UI设计
接下来是比较关键的 UI设计的过程了。由于页面的第一部分,也就是首屏,只包含有公司的名称、Slogan 和引导用户向下滚动浏览的箭头,所以我们认为这个部分需要创造出一个色彩明亮、引人瞩目的背景。设计师开始试图将不同的抽象元素排列组合起来,并且做好让这些元素动画化的准备。第一个变体是基于菱形元素和矩形元素来构建,这些几何图形边缘等距,加入渐变色彩,营造出丰富的层次感。不过,在探索过程中,设计师发现可能柔和的曲线元素会更加友好,一方面是视觉上得以友好度更高,另一方面是它的寓意会更贴合产品。加入动效之后,整个页面会显得更加生动。
色彩的选取一直都是整个设计中最有趣的部分。由于是要创造出生动而又具有视觉吸引力的设计,设计师开始寻找渐变色的配色方案。想要专门强调特定的色彩并不容易,因为渐变色通常是多种色彩共同构成的,在具体的顺序和搭配上有着多种变化,需要持续地尝试和探索。总体上而言,设计师是通过品牌和需求而确定了基础的四种不同配色方案,再在其中挑选出对比度和协调度都比较高的组合。最终,她所选取出变化比较平稳的渐变配色,将公司的名称和 Slogan 置于渐变色块的中间位置,控制对比度确保可读性。