响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。
1、网站建设。
网站设计艺术作品和信息语言多以二维网站方式呈现。网站本身是有生命、有空间的,而非普遍认识的“平”。“空”即空间,我们运用或多或少的语言元素,采用简洁或复杂的处理手段,对网站建设进行一点一画,一形一色的构造。每一元素在网站建设中的状态,对画面意境的传达都起极强的视觉作用。比如,网站中的有意空间较为有序、冷静,往往带来理性的视觉体验;无意空间多为激情式、跳跃式的创作形式给观者以感情的、热烈的视觉享受,网站建设各种表现方式并非截然分开,有时综合运用,可产生意想不到的视觉意境。
2、矛盾空间
矛盾空间的运用既可以制造反逻辑的三维视觉效果,亦可以利用二维图形通过双关、混维、互悖等手法创造奇异的错视效果。这类图形因其多维性、合理与矛盾共生性往往给我们带来耐人寻味和奇妙的视觉享受和意境体验。矛盾空间的产生是对多个正常、合理空间的巧妙连接。超现实主义大师埃舍尔为我们创造了大量怪异、矛盾而又合理的视觉作品,带给我们极大的启示。所以善于从细微、合理中进行变异,是较好的一种创作方式,给人以极强的视觉吸引力。
3、虚实空间对比。
“空白”这一经营画面的技巧是造境的重要手段之一。网站设计中,二维空间上虚实的运用可以使空白处充满了空灵、虚幻、简约、大气之感。空白理论反衬出意境美的创造核心:以实写虚,虚实相生。“空白”的意境美所表现出来的是多元、生动的空白“形象”,而非直白“空”的白。空白的含义引伸到网站设计中,是指画面实体形象之外的空白部分,也就是虚空间,它是和整个画面融为一体的。如中国画中的“计白当黑”、“知白守黑”,是实体和虚形的相互交融。将这种处理手法运用到现代网站设计当中,能达到无声胜有声的效果。
了解更多长沙网站制作知识,请点击官网http://www.singyu.cn/
响应式网页设计就是一个网站能够兼容多个终端
日期:2016-18-03来源:浏览:次