动态网站设计的色彩应用上海天象网络技术
动态网站设计的色彩应用---上海天象网络技术有限公司
一:网页界面布局
在动态网站设计课程的教学实际中,网页布局是授课重点,常见的布局技术手段是采用DIV+CSS。其技术核心是:DIV实现网页用层进行区域划分,在区域与区域的位置调整和细节效果的处理方面利用CSS盒子模型原理来实现,盒子模型如图一所示。利用DIV+CSS技术来布局网页界面使得网页整体效果看起来更为精美,但学生仅仅只掌握DIV+CSS技术还不能做出耳目一新的网页效果,DIV+CSS只是网页界面设计的一个工具,熟练掌握和运用工具还不能达到境界高的网页制作,想要随心所欲的根据不同浏览人群特点设计出相应的美工效果的界面则需要掌握和运用色彩学。
二:色彩构成与搭配和网页界面设计的关系
1色彩
色彩是光经过物体散射到达人眼睛中的颜色,由明度、纯度、色相三要素组成,分为无彩色系和有彩色系。不同的要素组合出不同的颜色效果。色彩的构成是将两个或两个以上的色彩,根据不同的目的,按照一定的原则,重新组合、搭配、构成新的、色彩关系,在网页设计中要运用这个原理来进行素材搭配。现实生活中,人们看到的颜色大部分是多种色彩的混合。即用两种或多种颜色互相混合而产生新色彩的方法,分为加色混合、减色混合和中性混合三种。网页界面设计中,整体色彩搭配选择图片组合的时候要重点考虑,可运用色彩混合来控制网页整体效果,从而达到设计效果耳目一新,具有强烈的色彩视觉冲击感,给网页浏览者留下深刻的印象。
2色彩与网页设计
一般来讲,网站美工设计要完成如下任务:表达一定的界面艺术效果、使页面结构清晰可读性强、实现不同的功能、丰富网页的内容。其中界面艺术效果设计主要包括色彩运用。在网页制作中,用户视觉上看到的往往是图片、线条、文字、动画等,这些元素在色彩方面都有色彩的构成要素。把诸多的网页要素放在同一个页面上,需要考虑网页元素之间的色彩搭配以及整体色彩的构成。根据不同的设计应用需求,选择性地把网页元素整合放在一起才能获得色彩美观的网页效果。
一:网页界面布局
在动态网站设计课程的教学实际中,网页布局是授课重点,常见的布局技术手段是采用DIV+CSS。其技术核心是:DIV实现网页用层进行区域划分,在区域与区域的位置调整和细节效果的处理方面利用CSS盒子模型原理来实现,盒子模型如图一所示。利用DIV+CSS技术来布局网页界面使得网页整体效果看起来更为精美,但学生仅仅只掌握DIV+CSS技术还不能做出耳目一新的网页效果,DIV+CSS只是网页界面设计的一个工具,熟练掌握和运用工具还不能达到境界高的网页制作,想要随心所欲的根据不同浏览人群特点设计出相应的美工效果的界面则需要掌握和运用色彩学。
二:色彩构成与搭配和网页界面设计的关系
1色彩
色彩是光经过物体散射到达人眼睛中的颜色,由明度、纯度、色相三要素组成,分为无彩色系和有彩色系。不同的要素组合出不同的颜色效果。色彩的构成是将两个或两个以上的色彩,根据不同的目的,按照一定的原则,重新组合、搭配、构成新的、色彩关系,在网页设计中要运用这个原理来进行素材搭配。现实生活中,人们看到的颜色大部分是多种色彩的混合。即用两种或多种颜色互相混合而产生新色彩的方法,分为加色混合、减色混合和中性混合三种。网页界面设计中,整体色彩搭配选择图片组合的时候要重点考虑,可运用色彩混合来控制网页整体效果,从而达到设计效果耳目一新,具有强烈的色彩视觉冲击感,给网页浏览者留下深刻的印象。
2色彩与网页设计
一般来讲,网站美工设计要完成如下任务:表达一定的界面艺术效果、使页面结构清晰可读性强、实现不同的功能、丰富网页的内容。其中界面艺术效果设计主要包括色彩运用。在网页制作中,用户视觉上看到的往往是图片、线条、文字、动画等,这些元素在色彩方面都有色彩的构成要素。把诸多的网页要素放在同一个页面上,需要考虑网页元素之间的色彩搭配以及整体色彩的构成。根据不同的设计应用需求,选择性地把网页元素整合放在一起才能获得色彩美观的网页效果。