系统分析教育类网站改版
时间：2023-04-26 00:30:02 | 来源：网站运营
时间：2023-04-26 00:30:02 来源：网站运营
系统分析教育类网站改版：关于网站改版的大体思路分为
一发现问题，二解决问题
1、布局问题
（改版前）
在设计上，每个模块之间没有衔接性，布局的层级不够清晰，没有轻重缓急（应该围绕课程内容和教学特点作为重点）。在内容上，界面越往下走内容层级关系应该越弱。因此在banner以及banner下方的位置应该放的内容是整个网页的突出内容，在这里应当放的内容就是四大课程内容的学习流程。
（改版后）
2、文字问题
（改版前）
一般情况下，字体常用萍方常规，或者萍方中等。字号14-16-18px（最小12最大60不等需要看层级关系，除banner标题外）。
尽量避免标题用大红色，如上图所示。
注意各个层级标题的字体层级关系，主标题的字体大小、颜色、字号要与此标题区别开来。
（改版后）
3.颜色、风格把握
（改版前）
改版前颜色较为低调，偏黑白灰为主，整个网页没有情绪在，颜色平平风格平平。
玩颜色需要大胆。教育类很多网站走扁平、卡通风格，大多数网站都是黄蓝互补色的调调。
类似于这种
或者这种
每个版块颜色最好不要太复杂（除了banner部分），避免整体网站视觉流不清晰，给用户一种杂乱的感觉，采用两到三种色系，例如蓝色和黄色系，其他颜色都通过改变这两个色系的明度和饱和度来调整。目的是为了让界面有整体性。例如图
（改版后）
4.排版
（改版前）
像这种有关于类似分级的标题，1234的数字排版，应该用图形去表示，一二三四点的去排版很呆板，并且一般在这种数字标题下还需要有二级三级四级标题，不用图形进去，就很容易排版成下图的情况。
文字太多，太繁琐，层级不明显，排版只是单独的梯形居中。更好的方式是用图形去简化文字的内容，即使通过前后图层层级关系（透明度）来叠盖，也不会显得繁琐。
（改版后）
5.细节
细节。
大到背景图的选择，构图，排版，颜色，字体，图标，布局，控件。
小到元素中的一个圆形的透明度调整。
在线咨询
