(作者:陈石军,撰写时间:2019年5月12日)
这是一个游戏后台类型的网站,这个网站是有来统计玩家的信息和管理。现在我们来分析一下怎样才能做出一个好的后台网站,首先我们需要布局,布局要简洁、整齐,在布局方面我们可以从统一的画板尺寸、适配方案、网格单位、栅格、常用模度五个方面出发。
第一统一画板:我的后台网站的画板是统一的,因为我的每一个后台页面都是1440x900尺寸。
第二适配:在设计过程中,设计师还需要建立适配的概念,根据具体情况判断系统是否需要进行适配,以及哪些区块需要考虑动态布局。动态布局有两种较为典型的适配方案,其中一种为左右布局,常被用于左右布局的设计方案中,常见的做法是将左边的导航栏固定,对右边的工作区域进行动态缩放,第一张图就是左右布局的案例。另外一种为上下布局,常被用于上下布局的设计方案中,做法是对两边留白区域进行最小值的定义,当留白区域到达限定值之后再对中间的主内容区域进行动态缩放,第二张图就是上下布局的案例。通过观察两个案例就可以知道我的后台网站是属于哪种适配方案,第三张图就是我做出的后台首页,通过观察这三张图就会发现我的后台网站是属于左右布局的适配方案。因为我的后台网站左边的导航栏是固定的,而右边的工作区域可以动态缩放,所以符合左右布局适配方案里的要求。
第一张图为后台首页左边导航栏的部分,通过观察可以发现这个部分的内容还存在很多不足之处,首先这个logo的颜色太浅了,需要加深颜色。还有这个内容太紧密了,还有logo和管理员头像有点靠左排版,需要去调整一下内容的间隔,并把它们全部调整成剧中排版。另外就是导航栏功能区域还缺少了相应的icon,这些就是导航栏部分的不足之处,只有把这些不足之处弥补了才是一个成功的导航栏模块。第二张图是后台首页的数据统计,我用了两种统计图做数据统计,左边的为条形统计图,右边为扇形统计图,这两种数据统计都有毛病,左边的数据统计只有条形显得有点空、单调的感觉,右边也一样内容太空了,所以还需要我们去修改的更完美才行。
这是后台首页里一些文字信息内容,通过观察就可以发现一些小毛病,比如,内容文字的颜色太浅了,没有标题文字颜色的深,内容文字是比标题文字更重要些的,所以它的颜色应该是第二深才行。还有就是两边的文字排版间距不一致,这个也是需调整的,我们可以运用栅格体系调整。