网页设计要点分析

来源:文书网 1.04W

近年来网站如雨后春笋般大批的出现在网络上,网页设计制作也变得越来越重要。以下是小编为大家搜索整理的网页设计要点分析,希望能给大家带来帮助!更多精彩内容请及时关注我们应届毕业生考试网!

网页设计要点分析

“ 网页设计 “是指一个网站的图形结构,通过美学,视觉识别的公司或组织。因此,这是一个步骤的可视化设计,而不是功能设计(人体工程学设计,导航)。

易雅达网页设计的目的是提升形象的公司或组织通过图形元素,以提高其视觉形象和信心给用户的感觉。然而,根据人体工程学的标准,一个网站必须首先满足用户的期望,使他们能够找到他们寻找的信息。

该网站的设计是一个惊人的图形,给信誉和品牌公司和(或皮肤),使用户可以轻松地找到他寻求一个简单的导航演示之间的一种折衷。

推而广之,网页设计师的工作是设计一个网站的设计。

  必要的启示

一 个网页的设计主要是一种艺术行为实施的发明和创造。但是,本指南的目的是提供一些关键要素,以实现有效的设计,一个很好的灵感来源,可能是参观的参考网 站,包括专业网站。这是特别有趣的研究,他们每个人都有的菜单和信息块的信息,提出并在总体上确定什么使网站看起来很专业。

  页面布局

它通常会导致创建模板页面(中英文模板),使用模板创建的网站。模板创建的图像层,或网页的骨架图的页面类型。

一个网页的传统结构,如下所示:

在左上角的标志。大部分时间的标志是可点击的,并导致的主页;

的导航区(菜单),左视图和/或右;

头文件,包含该网站的名称,导航栏和区域的旗帜(广告或其他方式);

体的一个页面,包含的基本信息;

页脚收集有用的信息,如日期的更新,链接到一个接触的形式,地图等。

它是必不可少的区分的`模板,该模板是不变的元素相同的所有页面,或变量从一个网页到另一个。

  图形

被称为“ 图形 “(英语包机图形)的规则总结总结文件,介绍了一个网站的图形,反映了其视觉形象。

定义图形的服装图形页面,包括大小,颜色和外观上的文字,图像和按钮,以及在网站上页面上的对象的相对位置。

  模型

一个模型是一个虚拟的网页设计和导航的网站和内容(原型)。该模型正式确定了网站的设计和验证步骤通常是这个阶段,移动到了实施阶段。

该模型的主要页面静态页面的网站(内容),可以模拟导航。因此,动态元素,例如在搜索引擎例如可以导致一个页面,假的结果。

  页面大小

网页的大小主要取决于显示器的分辨率(分辨率为误用这个词)的客户。

在宽度方面,最理想的是选择一个值低于水平分辨率为广大游客,所以不要强迫他们水平滚动条滚动。一个简短的页面访问者的信息来识别感兴趣的项目,它可以很容易地撇去。

关于长度,最好是不超过三至五个屏幕高度。事实上,网页过长,可能无法阅读全文,并需要更长的时间来加载。

为了确保最佳的展示,为广大游客有几个策略:

选择所支持的最大数目(600至800像素宽,例如)的更小的宽度;

选择一个页与无形的表不同的宽度(以百分比定义为);

检测的分辨率使用脚本(JavaScript的例子)的游客,访问者重定向到一个页面的正确宽度。这种方法需要游客有一个浏览器的JavaScript和需求创建任意多的页面所需的宽度。

  位置信息

创建页面时,该位置信息是重要的。鉴于信息(对角线从左上角到右下角)的读取方向,在页面顶部的信息更容易被用户读取。

  颜色选择

这是最好不要在一个网站上使用三个以上不同的颜色,以满足标准的清醒。色彩的选择与组织(包括标志的颜色)的颜色,并表示,如果一种特殊的情绪。

无论所选择的颜色,它建议,一个主要的颜色,代表大多数的网页,和一个或多个辅助的颜色更鲜艳的(亮)在较小的比例,在以元素高亮显示。

颜色有象征意义暗示的保证。因此重要的是在知情选择。事实上,颜色会影响个人的行为:

物理:食欲,睡眠,体温等。

情感:感情的恐惧,安全,欢乐,等。

心理上的活力,注意力不集中等。

下表总结了传统相关颜色的含义:

颜色 符号改良 符号贬义 领域

蓝色 冷静,自信,权力,平静,安详,保护,严肃,神秘,善良,水,空间,和平 冷的睡眠 帆船,新技术,计算机,医药

紫色 美食,激情,自由裁量权,谦虚,宗教,政治或其他见解。 忧郁,悲伤,悲伤,沮丧 文化,政治

粉红色 魅力,亲密关系,女人,美女 无辜 日记,女

红色 温暖,力量,勇气,力量,胜利,爱和热情。 暴力,愤怒,危险,紧急情况下,禁止,血,地狱。 豪华,时尚,体育,营销,媒体

橙 温暖,舒适,荣耀,幸福,财富,荣誉,快乐,水果,气味,色调和活力。 消防警报 娱乐,体育,旅游

黄 光,欢乐,阳光,生命,尊严,电力,黄金,财富,不朽的。 欺骗,自私,嫉妒,骄傲,警报 旅游

绿色 自然,植物的生命,帮助,平衡,信心,治疗,休息,信任,宽容,希望,自豪,青年慈善机构。 发现,自然,旅游,教育

棕色 平静,哲学,风土。 污垢 环境

白 纯洁,天真,雪,洁净,新鲜,丰富。 时尚新闻

灰色 中立,尊重。 设计,社团,非营利组织

黑色 简约,奢华,晚上。 死亡,黑暗,悲伤,单调。 电影,艺术,摄影,并禁止

色彩构成也有一定影响力的看法,卷。颜色组合可以产生幸福的感觉,无论是装饰家庭,一个网站的图形。

在色轮与颜色之间的相互作用是一个很好的工具。色轮是一个圆形表示的颜色,有以下几种颜色:

三原色(红,黄,绿)的颜色“纯”不能获得通过混合其他颜色;

的二次色(青色,品红色,黄色),得到的混合相等的部分的两个相邻的原色。二次色是截然相反它们的互补色在色轮上(减法);

第三色,得到混合的主色和二次色。

颜色也被归类为“温暖”颜色(包括音接近红色)和“冷”(这是接近的蓝色为基调)。

有 规则的普遍的和谐的颜色,由于眼睛的物理性质。事实上,当一个人考虑颜色,眼睛会自动创建,它的轮廓,补色过滤器。被称为“同时对比”。通过这个机制,对 颜色的感知依赖于周围的颜色。好了,黄色似乎更偏向于橙色,结合蓝色和蓝似乎更偏向于紫色。旁边会出现一个蓝色到红色到绿色等。

此外,邻近的颜色的色度图上营造了一种平衡的眼睛,在没有对比,并说“和谐比喻”。

主要有两种方式,使整体和谐的色彩选择:

选择的音调的频率接近相同的色相相同的颜色或颜色的色调,

通过混合的互补色(热和冷),即是说遥控器上的颜色的色度图。对于两种颜色,只需选择截然相反的互补色,三色,所选择的颜色应形成一个等边三角形,等。

最后,整体暖色的元素出现大于冷色调的元素。

  选择图像

使用的图像提高了一个网站,让更多的同性恋。然而,滥用的图像可能会妨碍视觉舒适度,以及页面加载。

初级站长喜欢从网上收集的有趣的动画来照亮他们的网站。在可能的情况下最好是去,因为他们可以刺激读者,因为他们给一个字符业余网站。

  彩色背景

选择背景颜色(中英文背景)是很重要的,因为选择不当的背景可能会妨碍可读性。一个很好的前景和占主导地位的背景颜色之间的颜色对比是必要的。因此,强烈建议选择背景图片,因为它可能会干扰阅读和一般业余尤显。的背景,一般应选择很苍白。

  活版印刷

这是强烈反对不当使用超过2种字体在网站上。程式化的字体应谨慎使用(例如标题),并采用了经典的字体(宋体,黑体,宋体等),大部分的网页,必须完成..

要使用传统的印刷,衬线字体(衬)在整体上促进阅读,因为衬线帮助支持读者的眼球。

在网络上,使用这样的政策是不建议,因为根据定义访问者的屏幕,底座可以迅速成为恼人的乱写阅读。因此,它是明智的选择sans serif字体(无衬线),更圆。

最后,请注意,使用非标准字体的文本可能无法正确显示在屏幕上的用户。要创建标题有这样的政策,通过创建透明图像的文字,但它仍然是可以绕过这个限制。

  图形符号

明智的做法是使用的符号或图标,建立一个视觉信号。小心,但作为符号的选择,用户感知的意义是不同的,归因于它,特别是如果该网站有一个国际的职业。下面的符号是常用的:

通常放大镜符号的搜索功能;

包络信号可以通过邮件与网站管理员联系;

的特点是在线帮助的问题;

家是一个链接到主页;

标志是当前页面的语言或更改语言的可能性。

热门标签