深圳信息职业技术学院

QQ交流群:489-966-875

实训作业

当前位置: 首页 >实训作业 >实训项目01

实训作业

  • 学习交流
    13823603552
  • QQ交流群
    489-966-875
  • 传真号码
    0755-89226555
  • 公司地址
    深圳市龙岗区龙翔大道2188号

17数媒应用3-3班实训安排表

如果遇到问题记得提问!!!!!!!!!!!

yi实训期间要求:每个同学做一个网站(PC版+手机版)


日期 实训内容 备注
2018-6-25(星期一)

1.网站类型的确定(确定主题),比如《网站建设公司官网》网站开发;

2.网站思维导图,网站整体栏目结构,详情点击 思维导图

3.确定好公司logo,整体色调(需要提交AI源文件或者psd源文件),点击查看参考

4.素材下载,确定好自己所需要的素材:素材地址

5.网站首页效果图设计

5-1:网站画布设计:1924px*6000px(高度不限制),内容在1200px里面;

5-2:网站的字体12-24px之间,标题可以36px,正文控制在14-16px之间;

5-3:网站首页根据你logo的色调,统一确定色调,记住色调不能超过3个颜色。

(演示一遍,网站整体的设置参数)

网站首页应该包含:logo,栏目导航,banner图的设计,服务项目,解决方案等。

6.域名和服务器的理解,域名注册 服务器如何使用;


推荐:

一、优秀网站参考:站酷模板之家速鸟云品等,建议大家根据同行的网

站,设计出高端的作品

二、素材下载地址:千库网摄图网全景网


本次实训课程运用到的软件:photoshop,CorelDRAW等;主要ps居多;

下课后,同学需要复习和巩固一下ps软件:运用较多的工具:图层,蒙版,移动工

具,矩形工具,文字工具等。

作业:

1.思维导出

2.logo设计

3.网站首页设计

2018-6-26(星期二)

网站首页的效果图制作

效果图(1924px*6000px高度不限制),内容在1200px里面,(通栏,banner图除外)

所包含元素:

Logo嵌入

Banner设计(两张)--高端,大气,符合现代主流;

图标,图片素材等;

正文文字在14px-16px之间;

标题在18px-46px之间;

主题明了,网站首页内部所有元素根据自己确定的主题来设计。


电脑版本(pc)
1924px*6000px  分辨率72 RGB
重点:编辑》单位与标尺》单位px  标尺px
1924-1200=724/2=362(内容在中间1200px)要记得打好辅助线

1924-1000=924/2=462(内容在中间1000px)要记得打好辅助线

标尺ctrl+r(打开标尺)

辅助线(ctrl+h)


手机版本
750px*高度不限制(两边控制出10-15px左右)

作业:

网站首页设计

2018-6-27(星期三)

作业要求:

第1步文件夹命名:


第2步文件包含:

作业在2018年6月27日9点30分之前交上来



今天的任务内容:

网站列表页,详情页,简介页面的制作等。根据自己主图来弄(2个页面)


2018-6-28(星期四)

一、任务要求:

本周项目*网站PC版设计(共5个页面)

1.首页

2.网站列表页--产品展示(展示页面)

3.产品详情页(点击进来的一个单页面)

4.公司介绍页面

5.联系我们

6.新闻中心(技术支持)

7.新闻中心点击进去(产品详情页面)

8.服务优势

9.文化,个人介绍等

根据个人确定的主题,*根据个人的思维导图栏目*,任挑选5个栏目来设计


二、设计要求:

设计简洁,主题鲜明,质感强烈

具有创新性,审美上达标,设计延伸,能够让人赏心悦目,激发想象

优越品质,使用方法,传递产品的多方面信息

简洁不等于简单,网站不需要太过于花哨

排版美观,色彩搭配优秀


类似:

https://www.zcool.com.cn/work/ZMjc3ODQ2ODg=.html

https://www.zcool.com.cn/work/ZMjgyODYxMDg=.html

https://www.zcool.com.cn/work/ZMjgxNDQ1Mjg=.html

https://www.zcool.com.cn/work/ZMjgxNDMzMDA=.html

https://www.zcool.com.cn/work/ZMjg0NzE4ODQ=.html

https://www.zcool.com.cn/work/ZMjgyNDY1NTY=.html

https://www.zcool.com.cn/work/ZMjg2NTAyNjg=/1.html

https://www.zcool.com.cn/work/ZMjcwMjE0MTY=.html


------------------------------------------------------------------------------------------

通知:周五实训1-3节,10点50分下课,下午不用上课!

本周作业完善好,做到最好,反复修改,达到最佳!作业在下周一上午交上来。

作业包含:

1.思维导图*1

2.logo设计源文件*1,logo设计jpg图片*1

3.网页设计效果图*5(最少5个)psd源文件和导出jpg图片

总分:50分

评分标准:

主题鲜明:10分

创新性:10分

排版美观:10分

色彩搭配:10分

考勤:10分

2018-6-29(星期五)
2018-7-2(星期一)

本周任务:

手机版本的制作,依据电脑版的页面,转化成手机版本,或者另外确定一个主题。

一、在电脑端如何查看手机预览的效果:

①下载360浏览器,谷歌浏览器等,不要使用自带的ie浏览器;

②按F12键,就可以查看,如图,就可以查看手机版



二、手机的尺寸:

iPhone/iPad/Android UI尺寸规范:http://tool.lanrentuku.com/guifan/ui.html

APP布局规范:https://www.25xt.com/appdesign/12095.html

《APP开发》APP规范实例-详细的UI设计方法:http://knyart.com/article/141.html


三、作业参考:

https://www.zcool.com.cn/work/ZMjM3NDUxMTY=.html


四、作业要求

5-10个界面(每个人最少设计5个页面)


2018-7-3(星期二)
http://knyart.com/list-167.html

2018-7-4(星期三)


2018-7-5(星期四)

实训作品提交:

文件夹命名:学号+姓名(例:1710110301蔡锦娜)

实训作品包含(psd源文件+jpg图片)不用提交压缩包。

今天下午2.50分之前提交作品



另外:

设计logo,logo主题(佛系)--主要是卖牛奶, logo线条可以参考“面点王”;主要以线条为主;


2018-7-6(星期五)

学习视频:

高级篇:http://www.gogoup.com/course/GMTQ=/

基础篇:http://www.gogoup.com/course/GNQ==/


备注:

本次项目结束后,按照教务办评选出优秀作品,分别为:一等奖二等奖优秀奖等。