首页 > 网站建设 >

网站制作怎样处理页面重复与渐变效果?

发布时间:2018-11-20 作者:深圳网站制作

网站制作怎样处理页面重复与渐变效果?
  重复是相同或相似的形态连续而有规律的反复出现。重复的特点是以单纯的手法求得整体形象的秩序和统,具有节奏美,使人产生清晰、连续、平和、安定、无限之感。重复可分为单纯重复和变化重复两种形式。单纯重复是单基本形的反复再现,其形状、大小、方向都是相同的,这种重复体现了种标准化、追求简约的特征。深圳网站制作公司提醒在网页界面中,单纯重复多用于具有同基本形的图案、底纹中。
【示例1】在如图11-3所示的网页中主体图片中间有排重复排列的3个长方形图形,图形中的图案各异,这种变化是为避免重复的单调,或者在重复中有变化,这种重复既整齐又具多样性,因而在网页版式中经常被用作通向其他页面的超链接。
网站设计处理重复渐变效果示意图11-3重复构图
  渐变是形态有规律地连续变化,它通过类似的形态获得了形式的统。渐变能让相互对立的两极形成过渡,从而达到统,如色彩的黑与白之间,形态的大与小之间等。渐变体现了形态的发展变化过程,让人感觉含蓄、柔和,具有强烈的时间和空间特征。网页界面中,各种造型元素都可以采用渐变的方法进行处理。
【示例2】如图11-4所示页面通过明暗的渐变关系,衬托个变幻而又充满神秘的魔界,给人种紧张而又神往的视觉效果。
网站设计渐变效果处理图ll-4渐变构图
网站设计怎样处理界面对称与均衡
  对称是指以某点为中心,其左右或者上下因同等、同量、同形而形成的平衡。对称有以中轴线为轴的左右对称,以水平线为轴的上下对称和以中心点为基准的放射对称。
【示例l】对称的版式设计稳定、庄严、整齐、秩序、安宁、沉静,如同中国古代宫殿样庄重、严肃,体现了种古典主义的风格在如图11-5所示网页中,男、女装以对称的形式左右排布,给人感觉平稳、有序。
网站制作界面对称处理示意图11-5对称构
  均衡是指版面以某点为中心,左右或者上下等量不等形的配置。均衡是种造型上有变化的平衡状态,具有变化的统性。它形式内在的、含蓄的秩序和平衡,体现了造型动与静相结合的动态之美。均衡的形式灵活而富于变化,易于产生现代感。进行网页界式设计时,根据内容的逻辑性,将各要素按主次、强弱关系进行设计,将获得视觉上的均衡感,表现为呼应关系或起承关系,即由转移至承接它的另要素,二者之间必然产生呼应关系,引发观众的情感效应。
【示例2】在如图11.6所示网页中,以个水晶球为中心点,通过两侧色调的轻重使页面版式获得心理上的量的均衡。
网站制作界面对称处理示意图11-6均衡构图
网站设计怎样处理界面的节奏与韵律
  节奏是指单体按照定的条理、秩序,重复连续地排列,形成种律动形式。例如,呼吸、心跳是人的生理节奏,波浪的前进、四季的交替是自然界的节奏,而图案的连续纹样、建筑上的柱窗结构是设计中的节奏。在版式设计中也是如此,同样的形态、同样的色彩变化、同样的明暗对比以反复、渐变的方式出现,使人体会到种类似音乐中的节奏,从而产生美学体验。节奏使单纯的更单纯,统的更统。
  韵律是一种规律性的变化,它是比节奏更高级的律动。韵律是宇宙间普遍存在的一种美感形式,天体的运行、季节的更迭、昼夜的交替、人体的运动体现出种韵律,音乐、诗歌、舞蹈中更是包含着韵律的美。音乐是用时间的间隔使声音在强弱或高低变化中产生韵律,诗歌是运用诗的押韵或语言内在的声韵秩序来表达韵律,舞蹈是靠人的舞姿在空间塑造出变化的形态来体现韵律。而视觉艺术的韵律,则由造型元素的有规律的节奏变化形成。
  一般来说,节奏感和韵律感同时存在,但细分起来,节奏较多地强调“节拍”,韵律较多地强调“变化”,如果说韵律感不够,是指缺少变化,过于平板;如果说节奏感不强,是指变化缺乏条理规则。
  【示例】运用节奏与韵律的形式法则,能刨造出形象鲜明、形式独特的视觉效果,表达轻松、优雅的情感,使网页界面产生不可思议的活力与魅力。如图11. 7所示的网页,页面反复通过不同的人体排列在起,让人处处感受到音乐的轻松节奏。如图11-8所示,用大弧度的曲线、椭圆形作轿车的背景,使页面流畅、富于韵律,用来衬托产品的高贵品质。
             网站制作界面效果处理示意图11-8韵律构
网站设计对于界面效果处理之对比与统一
  对比是指将性质相异的形态要素直接或间接地配置在起,相异的特点因比较而更加鲜明,(大小、方圆、长短、曲直、宽窄等),色的对比(色相、明度、纯度、冷暖),质的对比(刚柔使人产生强烈的紧张感。对比有形的对比粗细、强弱、干湿、轻重、软硬、虚实等),势的对比(疾缓、疏密、动静、抑扬、进退等)。对比能使视觉效果更生动、强烈、感人、富于活力,从而使人记忆深刻。对比关系越清晰,视觉效果就越强烈。在网页界面中,文字与文字、图形与图形、实体与空白间处处都存在对比关系。在个页面中,通常是多种对比关系同时并存,以产生多姿多彩的表现效果。
【示例l】如图11-9所示网页中,大大的椅子与水平放置的黑色色块构成方向上的对比,同时还具有色彩纯度、明度、色相的对比,使人获得视觉上的平衡感。
  如果说,对比是将矛盾强化,强调“异”的概念,那么统就是将矛盾弱化,产生调和,趋向于“同”的概念。统是指性质相同或类似的形态要素并置在起,形成种致或趋向于致的感觉。统并不是设计形式的单化,它使多种多样变化的因素具有条理性和规律性,使各个局部相互联系。为了获得版面的整体效果,我们常用各种手法来取得统,如在页面的不同位置运用相同的字体、相同的色调,出现相同特征和形状的造型因素等,使版面各处协调致。
【示例2】如图11-10所示页面,背景用色、线条均与照片中产品的风格致,页面充满了和谐的美。好了,网站制作公司关于界面设计时对于重复渐变效果方面的经验本文就分享到这里,谢谢您的关注,博纳网络编辑整理。
文章标题:网站制作怎样处理页面重复与渐变效果?
本文地址:https://www.198bona.com/news/1756.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯