在学习过网页制作设计的基础上,我们来学习综合网页的设计方法。设计网页需要从网页艺术创意、效果图设计与网页制作过程几个方面进行。本篇文章的作品都是大赛的获奖之作, 我们可以从中借鉴与创新。
网页设计创意
风尚志是一家时尚杂志,是国内完全时尚类周刊,也是对潜在消费者影响力极大的时尚周刊,同时也是首家对明星时尚进行全方位报道的时尚周刊。鉴于风尚志杂志网站的实际情况,网页艺术创意主要围绕“时尚”来展开设计,针对追求时尚前卫的年轻人为目标群体进行,为了突出与其他同类型网站的不同,展现出自己的另类所在,网页设计需要从色彩、版面设计、布局以及按钮设计上做特殊的处理。
1.版式
由于风尚志是媒体性质,应考虑浏览者的浏览习惯,因此网页采用横向版式布局。上中下的格局将网站建设名称安排在最佳视域,并通过一致的版式形成统一的风格。版面设计主要运用了多种元素的组合,以机械零件作为导航的背景造型,通过精心设计框架将网站名称和主题内容圈定出来。版式简洁明快,并配合色彩和风格形成独特的造型。
2.颜色
网站整体以黑色、红色为主,辅以白色,荧光绿和玫瑰红亮色在黑色背景上点缀以形成整个画面颜色上的视觉冲击效果。
♦黑色网站的主色调,因为网站定位比较高,所以在设计上采用黑色加灰这种经典的流行色作为主色调,以体现高贵、高雅、沉稳、明确和坚定。
♦红色风尚志网页的主题色突出主题,而且适应流行的中国红,与黑色放在一起显得醒目而有活力。
♦白色作为黑色的对比色出现,用于设置网页的超链接,给人以纯洁、完美、整洁、神圣、无限、沉默等心理暗示。白色给人以光明的联想,尤其是在黑色的背景中显得非常醒目,并带来一种画面的透气感,使人感觉界面清新明亮而没有压迫感和沉闷感。
3.风格
机械的质感是网站给我们的第一感觉,黑色和红色搭配凸显网页的色彩魅力。首页采取了简单的布局,将网站名称和网站内容显示给浏览者,除了可以通过栏目的点击选择进入需要的网页外,也可以在网站中心点击新推出的时尚杂志封面来引导读者的注意力,从而宣传了公司所推出的时尚杂志,使读者更快地了解网站的时尚信息。
网页的内部在保持总体布局框架的前提下,通过动感的人物、荧光绿的色彩、人物惊讶的表情以及空间的构成等形式打破水平框架的沉闷,突出所要表现的主题。