网页页面设计方法
网站上的每一处设计都应该是有目的的,都相应地迎合用户的某个行为或者需求,这是显而易见的。这也为行为召唤的设计提供了依据。引导用户的文案、按钮和链接都应该清晰、明显,永远不要让用户错过。
将多页面的内容简化为可管理的区块,不要让用户为了查看内容而多点击,将相关的内容保存到一起,方便用户集中阅读和查看。删除过期的、过时的内容和信息、小插件和第三方的信息都合并到相应的区块当中,不要零散的放置。
零死角打磨课程大纲
课程概况 | 节点课程学习内容 | 目标成果综述 |
平面预热 | 选区、变形、自定义图案、渐变、自由变换等;图标设计趋势;矢量图标绘制;各平台图标设计规范;Flash超媒体设计 | 学习平面设计基础,掌握平面图形软件使用技巧,掌握矢量图标与矢量动画制作技巧 |
网站页面基础制作 | html语言学习;div+css网页制作;网站页面布局及网站地图规划;网站框架搭建;javascript脚本基础;网页切图与优化;HTML5+css介绍 | 掌握静态页面制作技巧,可独立完成完整的静态页面布局和搭建 |
用户心理引导与运用 | 色彩与体验;色彩与注意力集中;AIDA(注意力、兴趣、期望、行动);永远提供下一步操作 | 掌握色彩设计技巧,掌握用户心理学设计 |
设计的可用性原则 | 用户如何思考;使用整洁连贯的视觉设计;交互的体现;建立良好的导航 | 掌握web ui设计原则,可完成良好的视觉设计与交互表现 |
网站响应式布局:HTML5+CSS3 | HTML5响应式设计;CSS3交互动效设计;手机网站制作;浏览器兼容 | 掌握html5技巧,可使用html5+css3完成页面动画效果制作,可独立完成页面特效开发 |
用户体验优化(UEO+SEO) | 在IMG标签中表明正确的图片尺寸;服务器和内容分发网络;合并CSS和JavaScript;验证页面;如何探测长时间跳转链;避免死链接;页面内容、功能布局优化页面元素配色优化;页面描述,引导性内容优化;SEO与UEO有效结合 | 掌握用户体验优化技巧,可对制作完成的页面进行后续优化和seo优化 |
项目设计流程 | 需求分析、用户场景模拟、竞品分析;根据产品的用户定位进行设计;UI设计师交出产品设计图时,更多的配合开发人员、测试人员进行截图配合。;UI设计师需对产品的效果进行验证,是否可用,用户是否接受,以及与需求是否一致 | 通过综合项目实训,掌握产品设计分析技巧,可独立完成实际工作中的各种工作环节与完善作品 |
课程概况 |
节点课程学习内容 |
目标成果综述 |
GUI基础学习,UI设计师入门 |
行业趋势 职业定位于规划 |
图标结构分解 |
行业规范、交互原型设计 |
移动端的规范和尺寸:IOS的尺寸规范。 |
功能设计+交互设计+视觉设计 |
移动端主题专享训练 |
iphone各型号尺寸快速手机吃适配,iPhone到安卓的适配。 |
达到策划、UI\UE交互设计标准 |
项目实战、设计进阶 |
来一次简单高效的设计,workshop实践,产品生产流程。 |
建立用户模型 |
课程概况 |
节点课程学习内容 |
目标成果综述 |
Premiere基础学习,视频剪辑课程 |
掌握pr软件工作区间,工具栏,常用命令使用,学习时间轴概念,通过练习剪辑剪短的视频短片 |
通过本课程学习掌握使用pr软件对音频,视频的基础剪辑工作能力 |
Pr项目管理,镜头,过场与调音 |
学习项目管理功能使用,剪辑中镜头注意事项,音频处理(混音,过场等) |
掌握影片剪辑中常用的镜头知识,可以独立对音频进行专业级的剪辑处理 |
字幕特效制作 |
学习pr处理字幕的功能使用,学习用模版创建字幕,简单的字幕特效制作 |
学员可以独立对影片加字幕,并对字幕做简单动画特效处理 |
AE基础知识 |
掌握AE项目窗口,时间线窗口,流程图面板,效果面板等功能使用 |
学员可独立使用AE对需要处理的视频进行加载,并作基础预设工作 |
AE文字特效与颜色调节 |
学习3D文字特效,霓虹特效,飞入飞出,打字机,涂鸦,旋转等多种文字特效处理 |
学员可独立使用AE对影片进行文字特效制作,并对视频颜色进行专业级的处理 |
动态背景与转场特效 |
学习电子相册制作,马赛克转场,像素转场,玻璃转场,螺旋转场等数十种转场制作技术 |
学员可独立完成专业级视频转场与背景处理工作,掌握Fractal Noise、Venetian Blind、Vector Paint、Polar Coordinate等滤镜使用 |
光效与粒子特效 |
学习火焰效果制作,火花文字特效,光芒散射特效,探照灯动画等;学习半透明抠像技术,学习生长精灵,文字反弹,粒子汇聚等粒子特效制作 |
掌握光学插件Shine,掌握使用AE外挂插件Trapcode 的Shine外挂滤镜、Light Fatory外挂滤镜、Shatter等多种滤镜;掌握radio wave滤镜使用,学会使用CellPattern,Mosaic,Polar Coordinate和Mirror制作光束,掌握粒子特效技术在影视后期中的使用技巧,掌握Particular粒子插件,还有AE内置的CC粒子仿真世界等关键技术 |
C4D入门基础 |
学习C4D软件的基础工具,面板,工程设置,显示模式设置,层级关系 |
通过本课程学员对C4D软件有初步认识,为后续深入学习打下基础 |
C4D建模基础 |
学习初始三维模型对象编辑,多边形模型编辑和技巧,多边形编辑工具,挤压、放样等生成器使用,布尔对称,细分曲面 |
学员可以掌握简单三维模型的制作,通过手机模型,鼠标模型等多边形模型的制作学习,可以独立完成简单物品的模型制作 |
C4D材质灯光渲染 |
学习摄像机创建,点光源,聚光灯和区域光,默认渲染器设置,材质赋予,常用纹理贴图,材质属性通道,全局光设置等 |
学员可以掌握三维模型的贴图方法与后期材质灯光渲染技术,将制作的三维模型生成更为逼真的3D模型 |
C4D动画制作 |
学习C4D的动画制作知识,动画曲线知识,简单小球弹跳动画,蝴蝶飞舞动画,扭曲变形器,样条约束,动画模糊等特效制作,AE合成方案讲解 |
学员可以掌握三维动画的制作工作,并掌握如何结合AE,进行更复杂的动画特效制作工作 |
UI动画效果展示制作 |
结合PR,AE,C4D三大软件,学习如何制作一段精彩的UI效果展示动画,并将其生成影片格式与Gif格式 |
通过全部课程学习,学员可以独立完成自己制作的UI项目的动态展示工作了,这样可以增加项目的效果 |
看教授知识点,学习UI设计不仅仅是学习软件,学习软件只是基础,是你学习UI设计的基础,千万要走出这样的误区,会操作软件不代表会UI设计。 在机构培训这里,课程大部分都是实战项目的练习,课程中老师都是拿实例来讲解UI,包括UI的组成,UI的构成,UI里面的细节的构成以及制作,UI的配色,UI的表达方式等。这才是UI设计的精髓所在。
战疫在家学设计
海量试听课程在线试学
详尽节点课程大纲赠送
各种环节服务透明化
可自由组合课程模块