UI设计培训课程是哪些?

html-css010

UI设计培训课程是哪些?,第1张

UI设计 课程大纲

1.设计基础+品牌设计:抠图技巧、图像合成、图像调色、钢笔使用技巧、文字工具、效果菜单、图层蒙版详解、AI绘图手绘快速表现、色彩搭配原则、印刷制品设计。 项目实训:完整一套VI(标志、宣传品)

2.电商+WEB网站设计:电商焦点产品图修饰、字体搭配原则 、网页导航与按钮设计制作电商专题页设计、PC端界面设计、简约风格网站设计制作。 项目实训:展示类型企业站

3.前端开发制作+响应式WEB开发:HTML简介及文档结构 CSS选择器讲解、浮动 定位与布局、CSS3酷炫效果制作、 HTML5新标签、相应式布局原理、Bootstrap模板。 项目实训:响应式网站设计开发

4.移动端视觉设计+可穿戴设备设计:ICON写实图标、扁平画图标、手机主题设计、交互与用户体验、Axure Rp软件详解、ios设计规范、Android设计规范、 可穿戴设备界面设计、智能电视界面设计、 AE交互动画制作、手机动效展示。 项目实战:完整一套ios和Android App设计

用CSS做图层的投影效果,css2是做不到的,在css3中,我们可以通过box-shadow 内阴影与外阴影来实现,用法是,E {box-shadow:inset x-offset y-offset blur-radius spread-radius color},对象选择器 {text-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色};这里我们通过代码来理解:

<html>

<head>

<style>

#nav{

width:900px

height:30px

-moz-box-shadow:5px 5px 5px #999 inset           

-webkit-box-shadow:5px 5px 5px #999 inset       

box-shadow:5px 5px 5px #999 inset

}

</head>

<body>

<div class="nav" >

</div>

     

</body>

</html>

效果如图: