网页设计必要的启示

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

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

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

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

必要的启示

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

页面布局

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

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

在左上角的标志。大部分时间的标志是可点击的,并导致的主页;
的导航区(菜单),左视图和/或右;
头文件,包含该网站的名称,导航栏和区域的旗帜(广告或其他方式);
体的一个页面,包含的基本信息;
页脚收集有用的信息,如日期的更新,链接到一个接触的形式,地图等。


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

图形

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


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

模型

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


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

页面大小

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


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


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


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

选择所支持的最大数目(600至800像素宽,例如)的更小的宽度;
选择一个页与无形的表不同的宽度(以百分比定义为);
检测的分辨率使用脚本(JavaScript的例子)的游客,访问者重定向到一个页面的正确宽度。这种方法需要游客有一个浏览器的JavaScript和需求创建任意多的页面所需的宽度。

位置信息

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

颜色选择

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


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


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

物理:食欲,睡眠,体温等。
情感:感情的恐惧,安全,欢乐,等。
心理上的活力,注意力不集中等。

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

颜色 符号改良 符号贬义 领域
蓝色 冷静,自信,权力,平静,安详,保护,严肃,神秘,善良,水,空间,和平 冷的睡眠 帆船,新技术,计算机,医药
紫色 美食,激情,自由裁量权,谦虚,宗教,政治或其他见解。 忧郁,悲伤,悲伤,沮丧 文化,政治
粉红色 魅力,亲密关系,女人,美女 无辜 日记,女
红色 温暖,力量,勇气,力量,胜利,爱和热情。 暴力,愤怒,危险,紧急情况下,禁止,血,地狱。 豪华,时尚,体育,营销,媒体
温暖,舒适,荣耀,幸福,财富,荣誉,快乐,水果,气味,色调和活力。 消防警报 娱乐,体育,旅游
光,欢乐,阳光,生命,尊严,电力,黄金,财富,不朽的。 欺骗,自私,嫉妒,骄傲,警报 旅游
绿色 自然,植物的生命,帮助,平衡,信心,治疗,休息,信任,宽容,希望,自豪,青年慈善机构。   发现,自然,旅游,教育
棕色 平静,哲学,风土。 污垢 环境
纯洁,天真,雪,洁净,新鲜,丰富。   时尚新闻
灰色 中立,尊重。   设计,社团,非营利组织
黑色 简约,奢华,晚上。 死亡,黑暗,悲伤,单调。 电影,艺术,摄影,并禁止
色彩构成也有一定影响力的看法,卷。颜色组合可以产生幸福的感觉,无论是装饰家庭,一个网站的图形。

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

三原色(红,黄,绿)的颜色“纯”不能获得通过混合其他颜色;
的二次色(青色,品红色,黄色),得到的混合相等的部分的两个相邻的原色。二次色是截然相反它们的互补色在色轮上(减法);
第三色,得到混合的主色和二次色。

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

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


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


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

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


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

选择图像

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


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

彩色背景

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

活版印刷

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


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


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


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

图形符号

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

通常放大镜符号的搜索功能;
包络信号可以通过邮件与网站管理员联系;
的特点是在线帮助的问题;
家是一个链接到主页;
标志是当前页面的语言或更改语言的可能性。