三种网页风格设计

进行网站的视觉形象设计,首先要明确网站的视觉风格。网站视觉风格并不是仅仅由视觉元素决定的,它更大程度上取决于网站的内容、功能、用户、市场定位等因素。下面我们将学习不同类型网站的视觉风格定位为了更直观和形象地掌握不同风格的特点,我们通过几组产品设计与网页设计进行类比。

1.简洁型

功能和体验至上的设计是两个立式衣架的设计。与我们平时常见的挂衣架[图29(b)]的设计不同,这位设计师的设计使用了最少的设计材料,在整个衣架上也几乎没有任何装饰。但这样的衣架并非因为没有装饰而不具有审美价值,我们发现它给人们带来一种简约和得体的视觉感受,造型的囻角与白色都显得十分温和,这件产品设计是功能至上的,崇尚功能的设计师认为当一件物品具备了所有良好的功能也自然会有一个完备而良好的外形,中的水杯造型看起来跟我们常用的拥有“耳朵把水杯有所不同,而这样的造型又是由它的功能决定的,每个水杯的三角形是放手指的地方,四个三角形合并为一个菱形更方便一次拿多个杯子。在实现了这样的功能后,这种水杯自然就具备了尖口的造型这也是功能产生形式的一个造型简洁的产品设计实例简洁型的网页设计更偏重网页的功能设计,指网站的信息内容就是网站的艺术设计内容,这类网站沿袭了现代主义设计在传统设计领域的风格特点:功能即形式。功能良好是每个网页设计都必须满足的标准,通过合理的色彩设计,文字粗细、大小间距设计、版面布局设计实现网页信息的最优化。良好的功能设计使网页的信息结构清晰,用户更容易获取自己想要的信息,一般来说个网页设计只要满足了功能,就具备了合理的视觉特征简洁型页面设计要建立在符号学的基础上。国际符号学会对符号所下定义是:符号是关于信号标志系统(即通过某种渠道传递信息的系统)的理论,它研究自然符号系统和人造符号系统的特征。广义地说,能够代表其他事物的东西都是符号,如字母、数字、仪式、意、动作等,最复杂的一种符号系统可能就是语言。设计简洁型、功能为主的页面,需要通过各种符号以及色块、文字的层次差异让用户更方便地体验网站功能,快速和便捷地获取所需要的信息。每操作对用户来说应是符合思维逻辑的,是人性的;而对网站本身来说则应是准确的、确定无疑的;信息的内容和层级在视觉设计的基础上是显而易见的;促进双方的信息传递是功能页面的核心内涵.

2.表现型

功能和形式并重的设计你一定不会通过图片一眼认出这两个产品究竟是什么。一个挂在墙上的蜘蛛网以及一盘新鲜的草莓和西瓜,其实他们分别是暖气和优盘。我们概念中的暖气是方方正正,暖气片均匀排列的,我们概念中的U盘也是如此,规则的几何形。这样的设计与我们概念中的暖气及U盘不同,第一个暖气的设计除了造型新颖,还具有更好的散热性,且体积小,可以节省空间;第二件水果形状的U盘同样是在保持了U盘存储功能的基础上对外部造型进行了个性化的设计。在功能基础上进行艺术表现的设计.

表现型的网页设计是在满足网页功能设计的基础上进行丰富的艺术表现处理,在网站的版式上寻求突破,追求与众不同的色彩设计及搭配,对页面的各个构成元素进行与主题相适应的夸张处理。表现型页面设计是在保证较好的功能运行下,极力增加形式感的表现。一位艺术家的个人主页,页面中出现的元素与艺术家的个人创作风格保持了一致,具有较强的装饰性和丰富的视觉效果。

3.趣味型、颠覆型

形式至上的设计是一组书架设计,这组书架设计成了人形,比方块形的传统书架多了很多趣味。但这组书架在空间的运用上并没有做到最好如果在面积较小的房间里摆放会占用较多的空间,不能达到功能的最大化利用。图218是日历设计,在这本日历中,圣诞老人象征12月,20日的人物露出了灿烂的微笑,其他日期的人都朝向她,这些信息告诉了我们今天是2007年12月20日。这样的设计有较强的幽默感和动性,但相比传统日历来说,功能性并不是最好,如果在繁忙和紧急的情况下并不利于迅速查找当天的日期信息。

这两套设计都侧重形式感和视觉表现,是以形式设计至上的设计形式设计至上的网页艺术表现大多出现在艺术题材的页面设计中颠覆型页面设计是指页面的艺术表现忽略一般网站的设计规范,对设计风格甚至功能进行较大程度的挑战。例如,一般网站都尽量避免设计得过长,以防止有效信息在后面几屏被用户忽略,但有些个人主页却故意将页面设计得非常长,将所有的网站内容作为一屏显示,忽略了—部分功能效果去追求楼房式的形式感,给人耳目一新的感觉。

网页设计的另一个禁忌就是页面的宽度一般都限制在固定的像素之内,因为用户很少有横向拖动滚动条的习惯。针对当前多数页面,这个固定值在960~990像素之间,但有些设计会故意将页面的宽度设计超过显示器宽度几倍,给人制造一种新鲜感.