碧云网页设计培训班、让您在2018年设计更出众的网页

使用微信扫描二维码分享朋友圈，成交更快更简单！

碧云网页设计培训班、让您在2018年设计更出众的网页

WEB全栈工程师就业班(前端+移动端+后台交互+美工)培训内容：

1.美工设计：设计美学、色彩搭配、网页创意思维、网页设计软件、网页元素设计、网页界面设计、商业项目设计实训、阶段考核
2.前端开发：HTML5+CSS3布局与样式、JavaScript交互开发、Web前端整站项目实训
3.移动端开发: H5功能、CSS3动画详解、webAPP开发、公众号开发、小程序开发、Vue.js实战运用、阶段考核等
4.框架与后台交互：Angular.js、React.js、PHP入门、DedeCMS等综合应用
5.就业指导：心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习工作等
培训目标：能系统全面的学习界面设计、前端开发、移动端开发、后台交互开发、网页美工设计，结业后相当于有半年左右工作经验，能成功胜任设计、前端、移动端开发等职位。
认证证书：《网页设计师》《网页美工设计师》《Web前端工程师》
学习周期：全日6个月；双业余12个月

网页设计干货分享：第yi眼很关键！网页设计如何吸引眼球！

对用户而言，有趣而吸引人和清晰直观是同样重要的属性。今天的设计实战，将会为你展现的不仅仅是着陆页本身的设计，还有的着陆页的设计流程，来自 Tubik 的设计师 Ludmila Shevchenko 将会为你展现着陆页
设计各个阶段的具体操作，以及实用的技巧，希望你会喜欢。

项目说明

为不同的服务设计着陆页页面。

预处理过程

客户对于着陆页的要求很明确，要求设计特，能够传达出全新的服务和愿景。希望整个着陆页的设计能够让网站在同类产品中脱颖而出，对于用户而言，有着显著的差别。受此启发，设计师针对用户和市场进行了研究和探索，
设计师决定巧用色彩和形状作为设计的突破口，通过寻求不同的组合方式，来完成整个设计。

草稿和线框图

整个工作的起点是 UX线框图。开始，设计师构建了几个简单的布局，每种布局都有着不同的侧和优势。我们将不同的构思和不同的部分构建成为立的页面，通过分析和研究用户的注意力会集中在哪些信息上。
Ludmila 提到，由于整体结构并不包含很多元素，绘制草图也不会太麻烦。将脑中构思借由手绘的方法来呈现，可以帮助设计师更好地琢磨和探索整个设计。

在纸上绘制草稿是一个不断绘制不断思考又不断修改和探索的过程，终成型的设计方案会使用 Sketch 绘制成 UX线框图。基于任务需求，无论是手绘草稿的探索过程，还是基于不同需求而绘制的线框图，都可以向客户展示。

接下来是比较关键的 UI设计的过程了。由于页面的第yi部分，也就是首屏，只包含有公司的名称、Slogan 和引导用户向下滚动浏览的箭头，所以我们认为这个部分需要创造出一个色彩明亮、引人瞩目的背景。
设计师开始试图将不同的抽象元素排列组合起来，并且做好让这些元素动画化的准备。第yi个变体是基于菱形元素和矩形元素来构建，这些几何图形边缘等距，加入渐变色彩，营造出丰富的层次感。不过，在探索过程中，
设计师发现可能柔和的曲线元素会更加友好，一方面是视觉上得以友好度更高，另一方面是它的寓意会更贴合产品。加入动效之后，整个页面会显得更加生动。

色彩的选取一直都是整个设计中有趣的部分。由于是要创造出生动而又具有视觉吸引力的设计，设计师开始寻找渐变色的配色方案。想要强调特定的色彩并不容易，因为渐变色通常是多种色彩共同构成的，
在具体的顺序和搭配上有着多种变化，需要持续地尝试和探索。总体上而言，设计师是通过品牌和需求而确定了基础的四种不同配色方案，再在其中挑选出对比度和协调度都比较高的组合。
终，她所选取出变化比较平稳的渐变配色，将公司的名称和 Slogan 置于渐变色块的中间位置，控制对比度确保可读性。

通过之前的探索，确定使用曲线波纹来构建背景图形。在这样的项目当中，通过色彩来主导设计是一件很有趣的事情，同样也是挑战性的任务。至于这个流程，按照 Ludmila 的说法，她是在单的页面上进行
渐变色彩的组合，仔细调整渐变色的过渡。她将注意力集中在色彩本身的选取上，确保整体的配色是干净且富有活力的。

随后，将这些曲线波纹应用到每一屏，尽量确保一致性和完整性。之后，为每一屏添加的 UI 元素。其中，CTA按钮的色彩需要契合渐变色的位置和特点，背景图片元素则不用完全展示，借助半透明渐变阴影来营造过渡效果，凸显 CTA按钮。

后，添加动画效果，让各种元素之间的互动和联系更加自然。这个环节需要团队中其他的设计师加入进来，并且协同合作，完成整个设计。
在背景图形上，设计师尝试了许多不同的色彩搭配方式，在这个阶段，她尝试了调整色彩、渐变的程度以及不透明度。在这个过程中，控制布局中的对比度是至关重要的任务。
在创建背景的曲线的时候，建议尽量少地使用定位点，同时控制好曲线的平滑度。
至于在控制渐变色彩的时候，设计师特别注意到了冷热色调的结合，从终的结果来看，整体上保持了暖色调，营造出明亮和轻快的氛围，渐变的色彩主要采用了红橙黄、紫红粉和青蓝渐变。此外，在每一块色彩的边缘都需要注意，避免过于强烈的对比，保持整体的微妙感。

，需要培养自己的品味，注意各个领域的设计实例，而不限于移动端UI、网页和企业品牌设计，还要从平面设计、建筑、摄影和艺术等多领域获得灵感。通过广泛的涉猎，会让你知道现如今整个大趋势是怎样的，什么样的设计更加时尚，更加贴合主流。
在工作之余一定要自己多做一些项目，这些小项目可以是创建概念设计，也可以是解决一些当前的问题。
总有一些技能能够提升，有些技能可以打磨，比如排版，比如构图，有意识地在工作中提升和钻研这些技能。
想推荐一本非常不错的配色书《Interaction of Color》，作者是 Josef Albers，书中讲述了许多关于色彩的研究、原理以及创建色彩的技巧。

---------------------------------------------------------------
免费试听，满意再报名：（发送短信姓名+课程到老师手机，即可获得试听信息）
咨询顾问：干老师
咨询直线：021--6212--0771
手机：137--6487--7732
在线：2290--425--711
课程咨询：ffeduhaha
上海多个校区可以就近安排学习，详情可致电，谢谢!