网页设计必要的启示
阅读 · 发布日期 2019-09-27 09:53 · admin“ 网页设计 “是指一个网站的图形结构,通过美学,视觉识别的公司或组织。因此,这是一个步骤的可视化设计,而不是功能设计(人体工程学设计,导航)。网页设计的目的是提升形象的公司或组织通过图形元素,以提高其视觉形象和信心给用户的感觉。然而,根据人体工程学的标准,一个网站必须首先满足用户的期望,使他们能够找到他们寻找的信息。该网站的设计是一个惊人的图形,给信誉和品牌公司和(或皮肤),使用户可以轻松地找到他寻求一个简单的导航演示之间的一种折衷。推而广之,网页设计师的工作是设计一个网站的设计。网站建设★网站设计★网站制作★网页设计-599元全包;企业网络推广☆网站优化☆seo☆关键词排名☆百度快照-2200元全年展示;做网站优化排名-网站建设公司☎13172194676
必要的启示
一 个网页的设计主要是一种艺术行为实施的发明和创造。但是,本指南的目的是提供一些关键要素,以实现有效的设计,一个很好的灵感来源,可能是参观的参考网 站,包括专业网站。这是特别有趣的研究,他们每个人都有的菜单和信息块的信息,提出并在总体上确定什么使网站看起来很专业。
页面布局
它通常会导致创建模板页面(中英文模板),使用模板创建的网站。模板创建的图像层,或网页的骨架图的页面类型。
一个网页的传统结构,如下所示:
在左上角的标志。大部分时间的标志是可点击的,并导致的主页;
的导航区(菜单),左视图和/或右;
头文件,包含该网站的名称,导航栏和区域的旗帜(广告或其他方式);
体的一个页面,包含的基本信息;
页脚收集有用的信息,如日期的更新,链接到一个接触的形式,地图等。
它是必不可少的区分的模板,该模板是不变的元素相同的所有页面,或变量从一个网页到另一个。
图形
被称为“ 图形 “(英语包机图形)的规则总结总结文件,介绍了一个网站的图形,反映了其视觉形象。
定义图形的服装图形页面,包括大小,颜色和外观上的文字,图像和按钮,以及在网站上页面上的对象的相对位置。
模型
一个模型是一个虚拟的网页设计和导航的网站和内容(原型)。www.laiyongfei.com该模型正式确定了网站的设计和验证步骤通常是这个阶段,移动到了实施阶段。
该模型的主要页面静态页面的网站(内容),可以模拟导航。因此,动态元素,例如在搜索引擎例如可以导致一个页面,假的结果。
页面大小
网页的大小主要取决于显示器的分辨率(分辨率为误用这个词)的客户。
在宽度方面,最理想的是选择一个值低于水平分辨率为广大游客,所以不要强迫他们水平滚动条滚动。一个简短的页面访问者的信息来识别感兴趣的项目,它可以很容易地撇去。
关于长度,最好是不超过三至五个屏幕高度。事实上,网页过长,可能无法阅读全文,并需要更长的时间来加载。
为了确保最佳的展示,为广大游客有几个策略:
选择所支持的最大数目(600至800像素宽,例如)的更小的宽度;
选择一个页与无形的表不同的宽度(以百分比定义为);
检测的分辨率使用脚本(JavaScript的例子)的游客,访问者重定向到一个页面的正确宽度。这种方法需要游客有一个浏览器的JavaScript和需求创建任意多的页面所需的宽度。
位置信息
创建页面时,该位置信息是重要的。鉴于信息(对角线从左上角到右下角)的读取方向,在页面顶部的信息更容易被用户读取。
颜色选择
这是最好不要在一个网站上使用三个以上不同的颜色,以满足标准的清醒。色彩的选择与组织(包括标志的颜色)的颜色,并表示,如果一种特殊的情绪。
无论所选择的颜色,它建议,一个主要的颜色,代表大多数的网页,和一个或多个辅助的颜色更鲜艳的(亮)在较小的比例,在以元素高亮显示。
颜色有象征意义暗示的保证。因此重要的是在知情选择。事实上,颜色会影响个人的行为:
物理:食欲,睡眠,体温等。
情感:感情的恐惧,安全,欢乐,等。
心理上的活力,注意力不集中等。
下表总结了传统相关颜色的含义:
颜色 | 符号改良 | 符号贬义 | 领域 |
---|---|---|---|
蓝色 | 冷静,自信,权力,平静,安详,保护,严肃,神秘,善良,水,空间,和平 | 冷的睡眠 | 帆船,新技术,计算机,医药 |
紫色 | 美食,激情,自由裁量权,谦虚,宗教,政治或其他见解。 | 忧郁,悲伤,悲伤,沮丧 | 文化,政治 |
粉红色 | 魅力,亲密关系,女人,美女 | 无辜 | 日记,女 |
红色 | 温暖,力量,勇气,力量,胜利,爱和热情。 | 暴力,愤怒,危险,紧急情况下,禁止,血,地狱。 | 豪华,时尚,体育,营销,媒体 |
橙 | 温暖,舒适,荣耀,幸福,财富,荣誉,快乐,水果,气味,色调和活力。 | 消防警报 | 娱乐,体育,旅游 |
黄 | 光,欢乐,阳光,生命,尊严,电力,黄金,财富,不朽的。 | 欺骗,自私,嫉妒,骄傲,警报 | 旅游 |
绿色 | 自然,植物的生命,帮助,平衡,信心,治疗,休息,信任,宽容,希望,自豪,青年慈善机构。 | 发现,自然,旅游,教育 | |
棕色 | 平静,哲学,风土。 | 污垢 | 环境 |
白 | 纯洁,天真,雪,洁净,新鲜,丰富。 | 时尚新闻 | |
灰色 | 中立,尊重。 | 设计,社团,非营利组织 | |
黑色 | 简约,奢华,晚上。 | 死亡,黑暗,悲伤,单调。 | 电影,艺术,摄影,并禁止 |
在色轮与颜色之间的相互作用是一个很好的工具。色轮是一个圆形表示的颜色,有以下几种颜色:
三原色(红,黄,绿)的颜色“纯”不能获得通过混合其他颜色;
的二次色(青色,品红色,黄色),得到的混合相等的部分的两个相邻的原色。二次色是截然相反它们的互补色在色轮上(减法);
第三色,得到混合的主色和二次色。
颜色也被归类为“温暖”颜色(包括音接近红色)和“冷”(这是接近的蓝色为基调)。
有 规则的普遍的和谐的颜色,由于眼睛的物理性质。事实上,当一个人考虑颜色,眼睛会自动创建,它的轮廓,补色过滤器。被称为“同时对比”。通过这个机制,对 颜色的感知依赖于周围的颜色。好了,黄色似乎更偏向于橙色,结合蓝色和蓝似乎更偏向于紫色。旁边会出现一个蓝色到红色到绿色等。
此外,邻近的颜色的色度图上营造了一种平衡的眼睛,在没有对比,并说“和谐比喻”。
主要有两种方式,使整体和谐的色彩选择:
选择的音调的频率接近相同的色相相同的颜色或颜色的色调,
通过混合的互补色(热和冷),即是说遥控器上的颜色的色度图。对于两种颜色,只需选择截然相反的互补色,三色,所选择的颜色应形成一个等边三角形,等。
最后,整体暖色的元素出现大于冷色调的元素。
选择图像
使用的图像提高了一个网站,让更多的同性恋。然而,滥用的图像可能会妨碍视觉舒适度,以及页面加载。
初级站长喜欢从网上收集的有趣的动画来照亮他们的网站。在可能的情况下最好是去,因为他们可以刺激读者,因为他们给一个字符业余网站。
彩色背景
选择背景颜色(中英文背景)是很重要的,因为选择不当的背景可能会妨碍可读性。一个很好的前景和占主导地位的背景颜色之间的颜色对比是必要的。因此,强烈建议选择背景图片,因为它可能会干扰阅读和一般业余尤显。的背景,一般应选择很苍白。
活版印刷
这是强烈反对不当使用超过2种字体在网站上。程式化的字体应谨慎使用(例如标题),并采用了经典的字体(宋体,黑体,宋体等),大部分的网页,必须完成..
要使用传统的印刷,衬线字体(衬)在整体上促进阅读,因为衬线帮助支持读者的眼球。
在网络上,使用这样的政策是不建议,因为根据定义访问者的屏幕,底座可以迅速成为恼人的乱写阅读。因此,它是明智的选择sans serif字体(无衬线),更圆。
最后,请注意,使用非标准字体的文本可能无法正确显示在屏幕上的用户。要创建标题有这样的政策,通过创建透明图像的文字,但它仍然是可以绕过这个限制。
图形符号
明智的做法是使用的符号或图标,建立一个视觉信号。小心,但作为符号的选择,用户感知的意义是不同的,归因于它,特别是如果该网站有一个国际的职业。下面的符号是常用的:
通常放大镜符号的搜索功能;
包络信号可以通过邮件与网站管理员联系;
的特点是在线帮助的问题;
家是一个链接到主页;
标志是当前页面的语言或更改语言的可能性。