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

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

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

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

必要的启示

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

页面布局

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

一个网页的传统结构，如下所示：

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


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

图形

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


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

模型

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


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

页面大小

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


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


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


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

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

位置信息

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

颜色选择

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


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


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

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

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

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

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

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

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

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


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


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

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


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

选择图像

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


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

彩色背景

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

活版印刷

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


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


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


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

图形符号

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

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