师:各位同学大家好,上节课我们学习并了解了网页制作的相关知识,课后让大家根据网页颜色搭配的知识,设计一个具有个性的网页图标。我想大家都已经完成了,今天老师也带来了几幅网页图标的作品,我们一起来欣赏一下。
这些作品运用了简洁的图像语言,准确传达出图标所代表的不同功能。比如代表通话功能的图标,运用电话或手机图形作为元素;代表邮箱功能的图标,则选择信封图形作为标志。同时,作品选用不同颜色作为背景,使图标不仅美观,而且更加突出。
通过赏析这些作品,我们可以了解到,网页图标最核心的要求就是直观明了,切勿过于复杂。同学们的作品怎么样呢?我相信大家的作品也非常优秀。上节课我们讲到网页设计中颜色搭配的相关知识点,也提出了一些注意事项,以及如何选择与主题相关的颜色素材。在本节课开始前,我们通过一段视频回顾一下上节课的内容。
(视频播放)
师:视频播放完毕,这些网页设计是不是让人大开眼界呢?关于网页设计,除了上节课所说的网页颜色搭配,还有哪些构成要素呢?网页的构成要素主要包括颜色、排版和文字。今天我们就接着学习极致的排版和考究的文字。首先,我们要了解什么是网页排版。所谓网页排版设计,就像传统的报刊杂志编辑一样,我们把网页看作一张报纸进行排版布局,以最适合浏览的方式将图片和文字摆放在页面的不同位置。排版方式大致分为以下几种:对比、重复、对齐以及亲密性。
对比,就是要避免页面中的元素太过相似,不仅可以利用颜色、色调等技巧表现,在内容上也可以涉及古今、新旧等对比。重复,是指设计中的视觉要素要在整个作品中重复出现,这样既能增强条理性,又能加强统一性。
对齐分为两种,第一种是正常平衡对齐,多指左右、上下对照形式,主要强调秩序,能达到安定、诚实、信赖的效果。与之相反的是异常平衡,即非对照形式,但也需要内在的平衡和韵律。这种对齐是不均整的,却能够达到强调性和高关注度的效果。
亲密性是指在制作网页时,将相关项目靠近并归组在一起,而不是多个孤立的元素,这样有助于页面组织信息,减少混乱。刚刚我们分析了解了不同的页面排版模式,无论选择哪种模式,最终都要做到以下两点:
一、主次分明,中心突出。在一个页面上,必然要考虑视觉中心,这个中心一般在屏幕的中央或中间偏上的部位。因此,一些重要的文章和图片可以安排在这个部位,在视觉中心以外的地方,就安排稍微次要的内容,这样在页面上就突出了重点,做到了主次有别。
二、大小搭配,相互呼应。较长的文章或标题不要编排在一起,要有一定的距离。同样,较短的文章也不能编排在一起。对待图片的安排要相互错开,使大小之间有一定的间隔。
以上给大家介绍了页面排版的相关知识点,下面通过一段视频直观地了解版面排版的6种对齐方式。
(视频播放)
师:通过这段视频,大家是不是对页面排版有了更深刻的了解?在页面设计中,除了排版,页面字体设计也很讲究。好的字体能让人产生特定的情境感受,而不好的字体则可能让人产生厌恶感。有谁能说出自己知道的字体呢?
生:我知道有黑体字、宋体字、繁体字和简体字等等。
师:是的,字体有黑体字、宋体字、繁体字、简体字等等,种类繁多。在这么多字体中,如何选择与主题贴切的字体呢?我们可以从以下三种类型来探讨。第一,选择符合整体设计风格的字体。第二,选择字形结构简单的字体。第三,选用中文字体。
符合整体设计风格的字体,其实就是对字形的设计。文字最重要的功能是传播信息,所以在设计页面时,字体的应用要清晰。不管字型多么好看,如果不能很好地辨认,那就是失败的设计。因此,字型设计要准确,不能出现差错,否则会影响网页内容的可读性。
选择字形结构简单的字体,要注意文字间距的设计以及字体排版这两个方面。文字间距设计要注意字体与品牌元素的组合协调性,文字的间距以及文字的形状要具有统一性。字体排版主要体现在页面设计中,一般情况下,网站制作对字体的样式、色彩、大小、排列要求不高,但在制作自己的网页时,恰当运用好看的字体可以提升页面的视觉效果。
