真人线上国际
service phone

0566-88666668

<
>
联系我们

0566-88666666

中国杭州

技术案例中心 您的位置: 主页 > 技术案例中心 >

用一篇特别全面的教程帮新手掌握网页设计基础

发布人: 真人线上国际 来源: 真人线上国际 发布时间: 2020-08-13 21:04

  @研习设K先生:我们每天都会浏览大量网页。现在,让我们回想一下,你印象最深的网页。在你浏览它们的时候,是不是只看到了网页中想要查找的信息呢?

  这是因为,每一个网页设计师的首要任务,就是要把信息有效地传达出来。那是不是说,网页只需要有信息传达的功能,就足够了呢?显然,回答是否定的。那么接下来,我们就来看一下到底什么是网页设计。

  我们通过他的字体、图片和颜色,一眼就可以看出来,这是一个面向儿童市场的网页。

  而这个网站和前面是截然相反,通过文字图片和颜色,传递出一种专业,冷静的感觉。

  那么网页的另一半,就是功能,通过编排文字和图片将信息,最有效的传递出来。这就需要我们合理的编排信息,让它可以方便阅读,有的时候还要配合网站的动效展示信息。

  客户通常在项目上,会有很多的需求点。客户的这些需求,很多时候是混乱,甚至他们自己也不明白真正需求是什么。

  所以,当客户直接面向目标人群,传递信息的时候。目标人群,更多的是茫然的状态,完全不知道这个到底是什么。

  在保证了印象和功能的前提下,将信息最有效的传递出来,让用户可以更容易的理解网站的信息。这个,也就是网页设计师职责。这个是不是和平面设计师,很相似呢?

  平面设计师,通常是在限定了尺寸的版面下,进行排版。而网页设计师,则需要根据不同的平台,在保持统一性的前提下,来变化尺寸和样式。

  平面设计师,由于更多的是面向印刷,所以在设计时更多的采用,CMYK 模式。而网页设计相反,多采用 RGB 的模式。

  平面设计师,在设计的时候,不需要考虑动效的问题。而网页设计师,在设计的时候,更多时候需要考虑,文案和动效的相互搭配。

  平面设计师,在一旦定稿了,交付印刷了以后,这个内容就没有办法继续更改了。而网页设计师,则需要在保持统一性的基础上,适应不同的信息,更改版式。

  到这里,我们已经知道了,什么是网页设计,以及网页设计师的职责。接下来,我们再来看一下,一个网页,它的布局都有哪一些呢。

  乐高玩具,好玩的点就在于,可以自己随意地创造出新的东西。网页的每一个板块其实就像是积木,可以模块化的进行调整,但是有顺序性的。

  一个网页中,通常包含页眉、全局导航栏、主栏、页脚,这四个部分组成。我们来看一些网站案例,加深一下理解。

  网页的浏览顺序,不同于平面类,它分为 Z 字形浏览顺序和 F 型浏览顺序。

  网页的基本组成模块,我们已经了解到了,这些模块在设计的时候应该怎么做呢?接下来,我们分别来讲一下,每一个模块的功能和表现形式。

  页眉,网页的起始位置。通常是由标志、导航栏、社交媒体、照片和视频组成,并不是每一个导航栏都需要这些元素,它们是可以相互组合的。

  导航栏,不仅仅只是一溜长条,在网页中,还有将图片和导航栏结合的案例。我们继续将这个案例分解。分为图片,文案信息,设计媒体,导航栏和副导航栏这几个部分。

  除了添加图片,现在更多网站选择放置视频,可以更好的吸引用户,传递项目属性。我们看一下它的结构,他是由视频、标志、文案信息、收放式全局导航栏、社交媒体组成。

  通常情况下,是由版权声明、网页地图,相关的跳转链接,和一些其他的内容组成。他们同样也是不固定的,可以相互组合。

  快速地让用户查找到,上手容易是导航栏的要求。接下来,配合动效来理解一下。

  在下滑网页的过程中,导航栏会随着下滑的位置弹出后,置顶在画面中,方便用户使用。

  单一的通过文字,有的时候,并不能有效的传递出信息,搭配了图标的菜单,可以进一步提升识别度。

  现在,我们已经清楚了,网页中的页眉,页脚,全局导航栏的形式和功能。其实一个网页中,还有很多小的元素,它们同样是可以让用户更好地去接收和理解信息,但是我们却常常忽略它们。

  首先来看一下,按钮和图标。它是为了引导用户进入或者返回页面而存在的。它的特点是易识别和反馈性。

  表格,在网页中将复杂的信息通过网格的形式,让用户可以一目了然的识别信息。它的特点是,易识别和规范性。

  让必须填写的项目变得一目了然,并且在填写栏中展示填写的信息,让用户可以更加容易理解。

  通过今天的学习,我们了解到了,一个网页设计师的职责,以及他与平面设计师之间的区别。同时告诉了大家,网页设计中页眉,页脚和全局导航栏的结构,以及它们的特点分别是什么。既要向用户传递出准确的信息,又能体现出网页的印象,也就是怎样做得又对又好,是网页设计师的职责,但是网页设计和平面设计,都需要一个良好的版式设计的基础上进行的。

真人线上国际
版权所有©杭州 真人线上国际 通信技术股份有限公司
真人线上国际 京ICP备17049943号 网站地图