网页设计需要学什么( 二 )


另外,因为是在电子屏幕上设计的,所以比传统的平面设计有更多的时空变量 。时间的延长可以推导出更多的相互作用和动态效应;空间:其布局可以上下滚动,也可以左右切换,不受固定大小限制 。但其本质是平面设计!只是网页设计可以在交互中发挥更多的创造力;平面设计可以改造印刷工艺、材料和印刷刀盘,让更多的创意和互动效果触手可及 。
在文章《认识一下什么是平面》中也分享了自己的观点:广告设计师、UI设计师、网页设计师等 。是不同领域的专业研究和细分的发展成果,广义的平面设计更像是对这些职位的一个更一般的称呼 。
以下是以上问题的答案 。
1.必须学习Photoshop软件
既然是网页设计,Photoshop自然是必须要学的 。在写代码之前,我经常使用photoshop来完成网站内页的渲染 。学习Photoshop不是最终目的 。更需要的是了解一些视觉方面的知识,设计理论,交互设计,避免一些常识性的错误 。
已完成PS:网页设计批注图
2.精通Dreamweaver软件
一个网页设计师知道一些HTML和CSS前置代码,掌握Dreamweaver是标准的(点击下载DW) 。DW是第一套专门为专业网页设计师开发的可视化网页开发工具 。初学者有必要重新设计你所看到的就是你所得到的 。因为网页设计稿完成后只是一张静态图片,你需要配合网页前端工程师在浏览器中重构设计稿,才能完成工作 。
关于合作
虽然在实践中,前任工程师负责编写代码,但是需要掌握一些代码知识 。您必须了解您已经设计了什么,应该在代码中实现什么,应该使用什么图片实现,方便你更好地切图、以及图片资源输出以提高效率 。相信在这样的情况下,你会和Web前段配合得很愉快的 。
每天工作时,我的Partner(前段工程师)就坐在我的旁边,每天交流密切,感情甚好 。还好我懂点代码,偷笑:-D 。
精通以上两款软件,对于从事网页设计工作是足够了的 。如果需要更好的提升、以及团队协作 。可学习以下一些软件 。
3.illustrator软件、CorelDRAW
处理矢量图形、提取一些素材、同事之间协作,可能会用得到 。CorelDRAW软件同理 。
4.After effect软件
用于做一些网页所需的动画效果制作,可导出为mp4、swf等多种格式 。可能也有人会想到用Flash,不过感觉用flash有些过时,没必再要学了 。
以上就是 @酷coo豆 整理的有关“从事网页设计需要学什么软件?”问题的全部内容,最后感谢你的阅读 。
――
网页设计的核心技能是视觉、交互、代码,这是网页设计师自家技能的一亩三分田,值得我们在上面一直去下功夫的,其相关度由强到弱 。
相关教程:网页设计自学教程(来自BAT网页设计师的实力巨献)
网站建设流程:
1. 解析需求――2. 交互设计――3. 视觉设计――4. 网页重构――5. 调试上线,其具体的内容,过几天我将在「平面设计学习日记 – 知乎专栏」详细分享一下其制作流程 。
实例说明:
▲浏览器测试 | 代码撰写| PS输出的设计稿 。
上图为 @酷coo豆 制作平面设计设计学习日记网(的过程截图,像这种比较简单的网站就主要运用到Photoshop、Dreamweaver软件就可搞定 。上图中编写代码用的是件sublime_text(用Dreamweaver也行,看个人习惯) 。
(完)
――
作者:@酷coo豆,公众号:followdesign;
原文地址:
主站:平面设计学习日记网(
本文为@酷coo豆原创,首发于知乎与平面设计学习日记网 。非商业转载请注明「作者」、「原文地址」,若需商业转载或用于培训转载请联@酷coo豆 获得授权 。