网页版式的基本类型主要有骨骼型、国字型、拐角型、框架型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、自由型等12种。
1、骨骼型
也可称为栏型,网页中的骨骼型版式是一种规范的、理性的设计形式,类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏居多。这种版式给人以和谐、理性的美,几种分栏方式结合使用,显得网页既理性、条理,又活泼而富有弹性。这种版式常用于公司网站的设计。
网页版式的基本类型主要有骨骼型、国字型、拐角型、框架型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、自由型等12种。
1、骨骼型
也可称为栏型,网页中的骨骼型版式是一种规范的、理性的设计形式,类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏居多。这种版式给人以和谐、理性的美,几种分栏方式结合使用,显得网页既理性、条理,又活泼而富有弹性。这种版式常用于公司网站的设计。
目录框架是由分类页、陈列页、内容页以及引导连接构成,四个元素缺一不可。并且把这几个元素连接在一起,就成为了互联网的骨架。
1.分类页
分类页在构成目录框架的一系列界面中居于首位,由于它能轻松地分类,所以网站的首页也划入分类页,这样我们就能通过它概览网站里的所有内容了。分类页还有一个子类页,被UIE称为“搜索部门”但是这种方法只适用于搜索关键词。如此一来,把相关内容按照大的分类进行分组,这样就能帮助用户排除对用户无帮助的内容,只关注能满足用户的需求的内容。
点、线、面是所有构成设计中最基本的造型要素,存在于任何设计之中。所以网页设计图形图像也不例外,在网页设计中,可以运用对比、节奏、统一、组合、均衡等构成方法将它们进行合理安排,互相衬托、补充,这样就可以创造出形式多样而且引人注目的网页了,进而将网站信息有效地传达个浏览者。
1.点
一定是以视觉为前提的,所以点是一种具有空间位置的视觉单位,并且点有大小不同的面积和不同的外观特征以及属性。点没有一定的大小和形状但是却具有视觉集中的属性。点要想充分展示其自身个性必须通过人为的组织排列。不同的排列会创造出无穷变化的视觉形式。
搜索框架下包含了多个设计模式,包括快速搜索、搜索结果、高级搜索、过滤器和分页模式等。不过与大多数模式不同,这些模式根据用户的目的以及所应对的解决方案的范围大小,还可以进一步被细分为多个类型。
快速搜索
快速搜索(Quick Search)通常只有一个简单的输人栏以及相邻的按钮,用于提交查询。它通常被放置在页面中最容易找到的地方。不过它有时候也会变得比较复杂,我们在设计时需要考虑不少因素。
最为重要的一条是首先要理解用户为什么会使用快速搜索:只有理解了它,才能为我们后续的一切有关搜索的设计决定打下基础。我们已经讨论过,用户并不是因为他们偏好搜索优先才依赖搜索,而是因为有些内容确实适合这种方式,或者是因为该网站缺少符合用户的触发词。为了说明这一点,我们可以考虑一下类似Amazon.com和Cancer.gov这样的网站之间的不同。
诸如咨询公司或供应商这样的服务性公司通常都会提供一份客户名录 (Client List)。客户名录并不一定隶属于“关于我们”(有时它自成一体),但我 们认为这一信息仍然应该被划分到“关于我们”框架内。
使用客户名录完全就是为了建立信任。展示这一信息没有其他的目的,就是要让潜在的客户相信你能够(而且已经)为那些信誉良好的公司提供过很好的服务。列出的客户可以用于参考,而展示的推荐语可以作为对供应商工作质量的认可。一份好的客户名录甚至能够展现公司价值,打动投资者。
很多客户名录都是如此简单,就是单纯的一系列客户的名字。不过,如果名录中包含能证明工作结果的链接,其说服力会大得多。比如,一个网页设计公司的客户名录可以直接指向该公司设计过的网站或Web应用,这远比简单的一串公司名称要有说服力得多。这种方式能让网站的访问者直接观摩该公司的作品,并自行判断其设计水平。
网页这个概念有点抽象,听起来似乎很难懂。其实,说到互联网的基本元件,那肯定就是网页了,简单点总结,网页是由多种代码编写的文件形式,包含图片、视屏、音乐等非常丰富的资源。今天,本文就和大家共同了解网页的组成 部分,也顺便了解各部分的作用。
网页究其本质,是电脑浏览器展现出来的一个个的页面。我们作个有趣的比喻,网站是一本书,网页就是这本书中的一页纸。标准网页由四大部分组成:
网页的基础-内容
内容是网页之中纯粹的信息,有文字、数据、图片等等。内容才是网页的根本,可以试想,当我们打开一个网页时,如果一点内容都没有,那肯定就不成其为网页了。这好比我们打开一本书,里面都是白纸,这样的东西能叫书吗?