上海网页设计培训、学高级网站框架、做高薪网站设计师

网页设计就业班培训内容： 

1、美工设计：设计美学、se彩搭配、网页创意思维、网页设计软件、网页元素设计、网页界面设计、商业项目设计实训、阶段考核 

2、前端开发：HTML5+CSS3布局与样式、JavaScript交互开发、Web前端整站项目实训 

3、移动端开发: H5高级功能、CSS3动画详解、webAPP开发、微信公众号开发、微信小程序开发、Vue。js实战运用、阶段考核等 

4、高级框架与后台交互：Angular。js、React。js、PHP入门、DedeCMS等综合应用

5、就业指导：心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习工作等 

培训目标：能系统全面的学习界面设计、前端开发、移动端开发、后台交互开发、网页美工设计，结业后相当于有半年左右工作经验，能成功胜任设计、前端、移动端开发等职位。 

认证证书：《网页设计师》《网页美工设计师》《Web前端工程师》 

可免费试听，满意再报名，咨询：干老师，手机：137-6487-7732，qq：2290425711，v信：ffeduhaha，上海多个校区可以就近安排学习，详情可致电! 

数据类页面设计四步骤：明确信息点、搭建信息面、确定数据、设计页面

信息才是页面的主角，不要让功能操作喧宾夺主。

而数据展示类页面比较特殊，相较于常规页面信息量更大，设计方法与常规页面还是略有不同，总结了一些设计思路，结合实例分享一下。

这种页面设计比较考验产品能力，如果只是摆数据就没意思了，产品经理需要让数据类信息清晰易获取，且简单易懂，才能让用户用起来。

一、明确信息点-用户关注什么？

注意是用户的关注点，不是数据项。

数据是产品设计中的产物，而用户期望的并不是数据，而是获取最终处理后的信息，也就是用户的关注点。

所以，先整理出用户的关注点，不要直接将数据项罗列出来。

一个页面往往承载多类信息，建议将信息分类梳理，逐步细化。

1. 明确大类信息点

信息是分层级的，为了避免遗漏，我们先找到大的关注点，也就是大类信息点，然后逐层拆解。

如何明确大类信息点？取决于用户需求和产品目的，也就是用户需要什么 和你想让他看到什么？据此确定功能的关注点。

这一步建议多花时间想想，否则后续都是白搭。

直接上例子，这是一个作业查阅页面-教师查阅学生们单词学习计划的完成情况，这样一个页面教师的关注点是：计划做没做 和 做得怎么样，也就是计划完成情况和单词掌握情况。

2. 拆解大类信息点

大类信息点往往是比较笼统的，不具有落地效果，需要进一步拆解，用子信息点来支撑大类信息点。

如何拆解？

——原则就是：寻找能支撑大类信息点的子信息点。

不同的业务会有不同的拆分维度，但原则是一样的，拆解成可落地的子信息点。

如下图，将上述大类信息点拆解成子信息点，采用总体和当日作为拆分维度，最终拆解出对应的子信息点。

二、搭建信息面-将信息点组织为有效信息

零散的信息点是无效的，将信息点有组织地呈现给用户，才有价值，也就是信息面。

先说一下我所理解的信息面，信息面=能清晰且完整地表达出信息价值的信息点组合。

信息点是存在关联的，我们需要明确组织成什么样的信息面给用户才是最高效的，在常见的设计中，一般可以分为重要信息面和次要信息面。

重要信息面：用户关注度很高，一般是对页面具有高度概括性，让用户可以快速获取页面概况，又或者是特殊关注的重要信息；

次要信息面：用户关注度一般，对概况信息起到详解或补充的作用，可以全面阐述页面信息。

这是常见页面的信息面层级划分，并不是所有页面都这样，有些页面也会是同等级的信息面，这个取决于你的业务需求和产品目标，可以灵活调整。

需要注意的是：一个页面可能会同时存在多个同等级信息面，比如两个次要信息面，就是两个同等重要但表达不同内容的信息面。

这种情况我们就需要根据业务需求，再排列优先级，在设计中体现出侧重。

回到上面的例子，搭建起两个信息面——重要和次要信息面：

重要信息面是是全班信息面，次要信息面是个人信息面。

在后续的设计中，要利用整理好的这份信息框架，让信息点支撑起全班信息面和个人信息面，这对用户来说才是一组有效信息，而不是杂乱无章的信息噪点。