APP下载

几何线条的风格魅力

2015-01-30郑建鹏

网络传播 2014年8期
关键词:斜线钻石网页

郑建鹏

二十世纪初的荷兰,以杜斯伯格、蒙德里安为代表的画家、设计师和建筑师组成了一个松散的创作集体,维系这个集体的是杜斯伯格创办的一本名叫《风格》的杂志,现代设计史将这个组织称之为“风格派”。风格派是二十世纪初期三大现代主义设计运动之一,其与俄国构成主义、德国包豪斯错综交织在一起。在“风格派”存续的十年间,他们向世人展示了抽象几何线条在建筑设计、产品设计、平面设计中的巨大魅力。

在“风格派”那里,传统建筑、家具、产品设计、绘画和雕塑中的所有平面设计特征都被剥离和抽象为基本的几何结构单体,艺术家和设计师将这些几何结构单体进行组合,形成简单的结构形态。如今,在网页设计领域,设计师们又重新拾起风格派大师对于结构和形态的独特理解,将网页设计变成极具简洁魅力和造型震撼的现代“风格派”。

当然,与风格派大师不同的是,现代网页设计在几何造型上已不再局限于纵横结构,而是将更具动感的倾斜线、菱形、多边形、弯角形、不规则四边形等创意图形作为视觉元素和组合结构应用于网页造型中。这里面,近似于钻石形态的菱形最受设计师欢迎,或许因为这种形态很好地融合了端正和动感两种心理感受吧!NEO Lab是挪威一家互动创意与技术机构(图一),其网站以钻石形作为首页主要的图形造型要素,多个钻石图形拼合组接,构成一个连续的不规则多边形。每个钻石图形链接一个独立页面内容,当鼠标悬停于其上时,原本灰色模式的倾斜方块内图片便呈现其原本的颜色。这些规整的钻石图形通过相互之间有规律的组合产生倾斜、别致、又充满了运动张力的特殊造型效果,并产生大量的页面留白,更凸显作为视觉中心的倾斜图形的存在感。

斜线不仅在平面造型中很容易被人知觉到,它更有助于网页形式上的不均衡感和生动性的形成,进而同网站内容传播产生内在的默契统一。Smilegate是韩国一家网络游戏公司,其在中国大陆以《穿越火线》游戏为人所熟知。公司网站以三角形为创意元素,表现现代游戏公司无以伦比的创新活力(图二)。公司网站动画被设计为白色背景上不断运动着的大量等边三角形。这些色彩斑斓的三角形可拼合为一个更大形状的规则三角形,也可反向组合为有尖角边缘的四边形(图三)。在这些三角形运动组合的过程中,浏览者感受到万花筒般的绚烂与迷幻。除页面中心变化着的三角形或类四边形外,外围三个导航也被设计为以三角形为单面的多边体,白色背景上更散落着零星彩色三角形。随着鼠标的随意运动,整个页面也以逼真的透视关系呈现出页面在立体空间内朝各个方向运动的效果。不仅几何形态的设计充满新意,网页的远动效果更让人有在平面载体中体会立体空间的特殊感受,而这正是电脑游戏产品极力创造的浸入式体验。

网格设计是网页设计的基础,这是源自二十世纪中期瑞士国际主义平面设计风格的悠久传统,以斜线为基础的个性化创意图形打破了这一页面设计的金规玉律,使网页呈现更加多姿多彩的效果。而相对于用静止与稳定的斜线创意图形切分页面,处于运动和变化中的非常规图形对于网页布局脱离网格线的意义似乎更耐人寻味。图四是法国饮料品牌Orangina的官方网站,这个以橙汁为主要产品的饮料品牌现已投入来自伦敦的欧洲知名软饮料企业舒味斯旗下。Orangina官网首页在上部设置了产品大图片,下部则编排了品牌Facebook、喝前摇一摇的饮用方法、品牌的历史遗产、产品的益处、1953年品牌第一支广告以及产品的类型六项内容。每项内容均设计为不规则的四边形。当鼠标悬浮于四边形区域内时,对应图形的四个边框便向外围扩张膨胀,在面积及形态上同周围图形产生明显差别。Orangina官网几乎集合当下网页设计的所有重要趋势:在首页采用大面积的图片背景和斜线造型;产品类型的下级页面更将运动的斜线造型发挥得淋漓尽致;品牌历史页面则使用视差滚动,展现不同时期的品牌状况;隐形按钮和简洁的创意导航图标也在主页中多次出现。

如文中所说,斜线图形创意是极简风格的现代网页设计的个性化表现,它在造型上试图跳脱出网格设计的窠臼,以满足现代视觉审美的多样化需求。但从页面整体视觉的角度看,斜线图形本身也是建立在网格基础之上的,是对网格页面的另一种几何化切分,这是纵横结构、斜线结构同有机曲线结构造型的本质不同。

链接

www.secondworldcup.com

第二个世界杯。由KRDS社交媒体机构发起的根据球迷的Tweet文章支持度来决定世界杯球队胜负及冠军归属的大型社交活动。巴西世界杯32强及核心球员被设计成一个个的圆形小气泡,漂浮于首页中,随着鼠标的运动,这些气泡还会上下左右浮动,甚至飞舞。

www.theuniversaltypeface.com

全球字体实验。法国比克公司在全球范围内邀请人们用圆珠笔手写26个英文字母,并将这些手写字体和书写者信息呈现于网站之上。网站在页面中部设计了一个类似中国书法的回宫格,26个英文字母以上下运动的形态依次出现在回宫格中。

irontoiron.com

Irontoiron网页设计机构。这是一家创始于2010年的网页设计公司,两位创始人一位以品牌和视觉设计见长,一位则擅长于网页技术开发。网站首页以左右对称的形式设计两个相邻的钻石图形,展示两位合伙人的形象。深灰色页面上则另有两个稍大的钻石图形交叉叠放作为背景。

wybieramyklienta.pl

Peppermint网页设计机构。位于波兰首都华沙,网站所有的内容都被安排在众多大小不等的五边形内,这些五边形无规律地散落在页面内。整个页面呈现为白色大背景、薄荷色的五边形、深绿色的线条与文字,色彩及造型极为简单,五边形内有生动的手绘图形,并设置了有趣的动画效果。

www.vonvape.com

Vonvape电子香烟网站。首页设计为一个倒V字形与正三角形的叠加,形成一个漏斗的形态。上部的倒V字形内编排首页大图片,下部的正三角形内则编排产品列表,左右两侧也形成两个三角形留白区域,仅设置个人事务与加盟销售两个导航图标。endprint

猜你喜欢

斜线钻石网页
鹌鹑蛋里的钻石
比钻石更值钱的
立体几何问题的传统解法剖析(不用向量的方法)
变成一颗钻石
基于CSS的网页导航栏的设计
基于URL和网页类型的网页信息采集研究
网页制作在英语教学中的应用
10个必知的网页设计术语
疯狂的游戏
趣味数独