首页>zblog建站

第三届西华师范大学实训总结

4.22—6.13为期20天的实训马上结束了,这是我带的第三届西华师范大学的学生,这次的实训主要包括了zblog建站和简单的app设计等。

考虑到时间关系,我主要还是以zblog建站为主,同学们自选主题,自行设计,我主要讲解zblog整个系统的运用,加上了响应式设计和一点app设计,图标设计等内容,主要的软件是DW、PS、AI。

我就以我的案例为例,大致梳理一下整个过程。

一、zblog php 系统运用

1、安装zblog php到本地,自选主题,以zblog默认的主题来重新设计。

zblog运行.png

2、色彩的三大属性讲解,根据主题完成网站主色调的配色选择。可以直接用配色网站:https://colordrop.io/

3、logo设计,利用ps或者AI完成logo的设计。

logo.png

4、zblog后台应用,掌握后台的各个模块,比如导航栏、侧边栏配置,新建文章、文章管理、附件管理、插件的安装等。

zblog后台.png

5、幻灯片配置,利用幻灯片开发版插件,再结合jquery插件完成幻灯片,并自己设计幻灯片banner图。

6、网站整个布局的修改,比如网站的宽度、颜色、间距、结构、内容等样式重定义。

首页.png

7、发表文章的技巧,文章页面的灯箱插件,点赞插件,评论框等插件。

8、新建单独的页面、新建模板等操作。

9、专题页面设计,利用滚屏插件实现专题页效果。

专题设计1.png

专题设计2.png

10、针对移动端完成响应式布局。

响应式菜单设计.gif

二、APP设计

因为APP设计要掌握的规范和交互设计比较多,很难在短时间搞定,还需要有较强的AI技能,所以主要是利用现成的iconfont图标来完成的图标设计,布局排版利用ps完成。

1、利用axure绘制低保真原型图,做了两次都忘了保存,让我原地爆炸三分钟!!

2、ps图标绘制和AI线性图标绘制的基本方法。

AI矢量图标.jpg

3、完成两个启动页

启动页1.jpg

启动页22.jpg

4、登录页

登陆页.jpg

5、主页

首页.jpg

三、总结

20天的学习,让同学们掌握了一个zblog系统的运用和简单的一点设计方法。算是增加了一点学习的技能和经历!

同学们总体表现不错,每个同学都很有自己的想法,能够根据老师的指导举一反三,学习的态度和方法很值得肯定!

知识结构的沉淀是一个漫长的事情,学习更是一辈子的事情,只有保持兴趣,掌握方法,愿意付出时间和努力,相信每一个同学都会学有所成!

明天实训答辩,每个同学都好好准备哈!

四、资源下载

如果需要我的zblog完整网站和ps设计稿的,可以自行下载哈。

zblog网站下载↓

链接:http://pan.baidu.com/s/1qYpvr7A 密码:q3k3

ps设计稿下载↓

链接:http://pan.baidu.com/s/1geI3FEz 密码:k49e

点赞


4
保存到:

相关文章

Top