有哪些值得推荐的平面设计自学视频教程,或平面设计培训班,尽在平面设计学习日记网。
当前位置: 首页 > 学习日记 >

微专业栏目上线,想学IT技术的同学,又多一个选择!

@酷coo豆-头像 酷coo豆 2018-12-27 浏览次数:-
微专业栏目上线,想学IT技术的同学,又多一个选择!_平面设计自学教程,0基础到精通。系统学习,并掌握平面设计软件,色彩搭配,版式布局。实例包含印刷设计,户外设计,包装设计等平面设计自学视频教程。

小编:最近,@酷coo豆 在知乎沉寂了一个多月,是因为潜心开发#微专业#栏目去了,现目前已基本完毕。这个栏目主要收集了网易云课堂旗下的微专业系列课程,以热门IT职业技术为主,适合对互联网行业感兴趣的同学学习,内容涵盖有:人工智能、产品设计、营销推广、技术开发等领域。

微专业栏目上线,想学IT技术的同学,又多一个选择!_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

1. 有了一个想法

最近,@酷coo豆 沉寂了一个多月,是因为潜心开发#微专业#栏目去了,现目前已基本完毕。这个栏目,主要收集了网易云课堂旗下的热门IT职业课程,适合对互联网行业感兴趣的朋友学习。主要内容涵盖有:产品策划视觉设计技术开发人工智能数据分析营销运营等领域。

在策划微专业这个栏目前,我希望它是响应式的,能够一套代码适应PC、iPad、iPhone多个终端,而不想为了移动手机端,再去开发新的页面,因为两套代码维护起来真心太累了!

微专业栏目上线,想学IT技术的同学,又多一个选择!_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

△微专业栏目-响应式布局-视觉设计稿

2. 去实现它

在有了这个想法后,内心还是有点小激的,毕竟这是我第一次做响应式布局的网页。之前的经验告诉我,纯PC端的布局问题不大,纯移动端用rem单位来做适配也没问题,但接下来要面临的挑战是:如何才能实现从PC到手机端的平滑过渡,而无需撰写两个HTML文档呢?

起初想套用Boostrap框架做出响应式,但花了一周时间去学习后,发现套用Boostrap的不可控因素太多,而且重复撰写样式会比较臃肿,于是就没有完全套用这个框架,而是有从中借鉴了Boostrap的@media媒体查询,以及响应式排版的HTML结构,来开发微专业这个栏目。

通过这次实践,发现CSS3 中的@media真是个好东西,只要针对不同设备建立好临界点,然后针对不同设备逐一编写样式,就能实现从PC大屏到移动端小屏的平滑过渡了,完美的解决网页适配的各种困扰。

3. 效果展示

微专业栏目上线,想学IT技术的同学,又多一个选择!_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

△PC、Pad、笔记本终端效果

微专业栏目上线,想学IT技术的同学,又多一个选择!_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

△移动手机端效果

微专业栏目上线,想学IT技术的同学,又多一个选择!_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

4. 总结

在这次栏目开发过程中,遇到的问题自然是一个又一个,技术文档也是查了一篇又一篇,虽然有点小累,但看到自己的想法,在一步步的蠕动中逐渐实现时,也会有一丝丝快感在鼓舞着自己。痛苦与快乐共生,成长便是如此吧!

微专业栏目上线,想学IT技术的同学,又多一个选择!_系统全面的平面设计培训、自学教程推荐,尽在平面设计学习日记网(www.xxriji.cn)

△实现过程

体验地址:http://www.xxriji.cn/wzy/

>>关于平面设计学习日记网
平面设计学习日记网xxriji.cn)”是一个发布分享平面设计自学教程和分享设计经验的学习平台。为零基础自学平面设计的小伙伴提供快速入门的资源参考。让学习有路可循,成长更加高效。
>>平面设计教程资料推荐
平面设计自学视频教程:市面上最为系统全面的平面设计自学教程体系:http://www.xxriji.cn/career/9.html
设计师必备的阅读书单:百万设计师热心推荐的设计类图书目录。http://www.xxriji.cn/books

喜欢站长,留言赞赏

职业路径