网站建设

当前位置:首页 > 新闻 > 网站建设

网页设计的布局和载体与平面设计的构图和载体有哪些不同?

2018年04月10日查阅次数:

网页设计,主要是制作网页的工程师,负责网页前台页面的视觉化制作;平面设计,一般指用一些图像软件来处理、组合、排版图像的过程。成功的设计师都应具备一些共同的素质:例如强烈敏锐的感受能力、 创造的能力、对作品的美学鉴定能力、对设计构想的表达能力、具备全面的专业智能、具有宽广的文化视角等。用到的常见设计软件有 photoshop、AI、flash、dreamwever等。网页设计与传统平面设计在可视化艺术表现上有相似之处,但是在技术实现方面又是有很大的不同,那么,网页设计与普通的平面设计有哪些明显的不同呢?


一、图像的输出模式

传统平面设计的作品大多是以印刷的平面形式表现出来,比如出街的广告、墙上的装饰画、路边发的传单等等;网页设计的作品是通过显示器展示在用户面前的。因为实现的载体不同,一个是纸张,一个是显示器。平面打印作品设计时的颜色模式为CMYK,而电脑的显示器的色彩是 RGB 模式。即使同一种颜色,在这两种模式下,显示的色差也是很大的。做过设计工作的小伙伴多少都会有所体会,小编亲测,曾经拿同一张图片在PS里调成CMYK模式和RGB模式,两者的显示差别是非常大的。


输出模式图像.jpg


二、输出图像大小

同样也是因为加载的载体不同,受到网络加载速度等各方面的限制,网页设计中的图像输出处理也不同于普通的平面设计。普通的平面设计为了打印清晰,会输出高分辨率高尺寸的图片,而网页设计师为了保证加载速度,在保证所做图像质量的前提下要尽可能的缩小图片大小。网页设计师在输出网站所用图片时必须在保证图像清晰的前提下,尽可能缩小图片文件大小。


三、构图布局

网页设计的构图布局与平面设计构图布局理论上是相同的,但是因为显示载体和技术的限制,网站页面的构图排版远不能像平面设计一样任由设计师发挥。比如,在平面设计中想把某一色块或者形状放到某一位置的时候只需要在平面软件里拖曳摆放就可以完成。但是在网页显示中想对某一形状某一色块进行定位的话就必须有后台代码语言的支持才行。所以在进行网页的视觉化设计时,除了视觉展现的创意,还要考虑技术上的可行性。有些网页还会有动态特效,实现起来会更困难。所以网页设计师在作图时不仅仅是要做视觉创意,还要兼顾网站后台制作技术能否实现。


网页布局.jpg


四、互动性

网页设计师所做的可视化图像必须配合网站的内容设计,并不是只为表现艺术观赏效果而设计。网站图片除了美观的效果,往往还有引导和连接功能,也许一张小小的图片在网页上都可能具有很强的操作性和互动性。要考虑到用户在看到网页上的某张图片时开始会把目光落在哪个位置,如果有互动和链接功能要考虑用户乐于去点击哪个位置,链接和互动效果的好坏,直接影响用户在网页上的体验度和停留时间。


由此我们可见,网页设计不同于普通的的设计,需要时刻兼顾网站建设的特殊性,网页设计可以说是传统平面设计的视觉艺术效果创意和网路后台技术的结合,综合了设计艺术和网路技术,不仅要美观,还要专业噢。



本文松一设计原创编辑,转载请注明来自/news/1250.html




下一篇:企业制作网站需要先了解网站制作的基本流程
上一篇:网站制作完成以后会遇到什么问题并且该如何解决呢?

每个成功网站设计的项目,从一通电话开始

交流项目,沟通创意,我们是上海松一

Close