前言
本来早该写这个博客,因为前一段时间一直在学习各种框架,为这个开发做准备。所以一直拖到现在才开始这个系列的文章,估计这个系列文章会持续4-5期,来写下我开发这个网站的全过程。我会尽力开发到理想状态,具体效果在月底估计会出来。
# 正文 #
## UI设计 ##
在具体开发开发之前,我先概括的设计出来一个几个用户界面,包括主页,文章界面,后台用户界面。具体设计软件时使用Axure。
主页界面
主页是采用了比较简洁通用的设计样式,顶部是采用了稍隐藏式的顶部栏样式,顶部栏左侧是Tags,Home链接;左侧是后台界面的登录按钮。其次整个上部是一个轮播图,右侧是一个作者介绍,包括简书,github等的链接,头像,头像左侧准备设计一个按钮,点击时头像隐藏到右侧。
在底部没有采用过多的装饰,作者权限以及在有条件下可以开发一个浏览人数(图片上未展示)。
文章界面
文章界面上部是没有做改动,与主页界面一样,唯一不同的是轮播图改为静态图片展示,为了更好的阅读体验。其次在界面左侧引用了百度的分享控件,用来分享。
在底部,我准备自己开发一个简单的评论系统,并不打算采用第三方评论系统。方案在后面写出。
后台界面
最后的后台用户界面,具体选项目前只准备了写博客与删除博客,以及使用工具的选项。具体美化可以在后期自我发挥~