网页设计相关知识

网页设计相关知识

以下就是网页设计相关知识等等的介绍，希望为您带来帮助。

网页设计(web design，又称为Web UI design，WUI design，WUI)，是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。

网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

设计网站标志(LOGO)。LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。

设计网站色彩。网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩，要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。

设计网站字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，那么辛苦设计制作便可能付之东流了。

设计网站宣传语。也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。

域名相关知识详解

域名是网站建设的最基本要素之一，也是企业进行网络营销的前提，它具有惟一性，是企业重要的网络商标，在网络营销中起到企业标识的作用，在进行域名的注册选择时，要先了解哪些基础的知识呢?

1、域名的分类

a、国际域名：也叫国际顶级域名。这也是使用最早也最广泛的域名。例如表示工商企业的 .com，表示网络提供商的.net，表示非盈利组织的.org等。

b、国家顶级域名：又称为国内顶级域名，即按照不同国家的分配不同的后缀，这些域名即为该国的国内顶级域名。目前200多个国家和地区都按照ISO3166国家代码分配了顶级域名，例如中国是cn，美国是us，日本是jp等。

c、就是以中文表现的域名。中文域名是域名体系中的最新发展。 由于互联网起源于美国，使得英文成为互联网上资源的主要描述性文字。这一方面促使互联网技术和应用的国际化，另一方面，随着互联网的发展特别在非英文国家和地区的普及，又成为非英语文化地区人们融入互联网世界的障碍。 中文域名是含有中文的新一代域名，同英文域名一样，是互联网上的门牌号码。以下域名都是中文域名：中文.COM 、中文.net、中文.org , 中文.cc, 中文.CN 中文.中国、中文.公司、中文.网络。

2、域名的级别

a、顶级域名：一是国家顶级域名，例如中国是cn，美国是us，日本是jp等;二是国际顶级域名，例如表示工商企业的 .com，表示网络提供商的.net，表示非盈利组织的.org等。

b、二级域名：指顶级域名之下的域名，如m.yungu.cc。

3、域名的注册

a、注册域名需要遵循先申请先注册原则，管理机构对申请人提出的域名是否违反了第三方的权利不进行任何实质审查。同时，每一个域名的注册都是独一无二的、不可重复的。因此，在网络上，域名是一种相对有限的资源，它的价值将随着注册企业的增多而逐步为人们所重视。

b、最为通用的域名.com/.net的管理机构是ICANN，但ICANN并不负责域名注册，ICANN只是管理其授权的域名注册商，在ICANN和注册商之间还有一个Versign公司，注册商相当于从Verisign公司批发域名，但管理注册商的机构是ICANN。CN域名的管理机构是CNNIC，在CNNIC和注册商之间就没有类似Verisign这样的公司，注册商是直接从CNNIC批发域名。

c、国际域名的注册中只能包含以下字符：26个英文字母,0到10的十个阿拉波数字，以及 – ;

d、域名不区分大小写，对于一个域名的长度是有一定限制的,国际域名最长只能有67个字符 ;

4、域名续费

域名到期后，网站将无法打开，域名到期前一个月应该提醒客户续费;

a、国际域名过期30天内可以原价续费; 过期后30-60天为赎回期(redemptionPeriod)可以交赎回费用进行赎回，但是也不保证成功，过期后 60-75天为删除期(pendingDelete)这种状态只有等待删除后重新注册。

b、如果国际域名过期后进入赎回期状态：(REDEMPTION PERIOD)，您只能选择办理赎回或者等待域名释放后重新注册。

5、域名解析

a、域名解析是把域名指向网站空间IP,让人们通过注册的域名可以方便地访问到网站的一种服务，域名解析也叫域名指向、服务器设置、域名配置以及反向IP登记等等。服务由DNS服务器完成，是把域名解析到一个IP地址，在此IP地址的主机上将一个子目录与域名绑定。

b、常见解析方法：CNAME解析又叫别名解析;A记录又称IP解析;

“A记录”是常见的域名解析方式，它是直接将域名指向某一个固定的IP地址;天助网采用独立服务器，期间由于机房的调整和服务器扩容等因素，有可能IP地址会有改变，如果IP地址改变，以A记录方式则会出现网站会无法访问的现象，需要大量的更改工作。为了域名解析更为方便，我们推荐使用别名(CNNAME)解析，别名解析是直接解析至二级域名，这样即使更改服务器IP，别名记录也会实时更新，不会造成网站的无法访问。

实用的网页设计头图原则

平衡意味着和谐。当你看到一些看起来不错一致性和相似的感觉，你看到一个完美的平衡的构图。它可能是一幅画，一栋楼，一个摄影，甚至一个网站。

在这篇文章中，我们希望你去注意网页设计中的视觉平衡。如果你希望学会完美的构图方法，那么不妨好好看看这篇文章。

对称平衡

如果你想在你的网页看上去美观和优雅，那么你应该做一个网站对称。这种效果很容易通过将类似的对象上的中心轴线的任一侧来实现。这可以通过相同的尺寸，基于网格的文本段落，或具有匹配文本相片的图像进行说明。这里有一对遵循这一格式的网站设计实例。

您可以轻松地在网上找到各地的许多中心的布局，实际上，对称性设计被认为是最赏心悦目的设计。这也是大多数人的典型思维模式。

当然，当你准备采用对称性设计的时候，更多的时候它并没有你想象中那么肤浅简单。考虑到这点，你不妨以平面配色方案开始。如果你是新手，可以尽量多运用白色，直到你有足够的能力创造你自己的设计。

毕竟这样的设计最赏心悦目，所以大多数人都喜欢干净简洁并且完美对称的网页。但是更多别出心裁的设计师会采用一些更加新颖的一些更复杂的设计布局。

不对称平衡

不对称平衡带来一种自由随意的感觉。尽管有时候看上去不是那么自然，但是它还是经常在网页设计中得到实用。你可以看到不对称平衡常常运用在一些大的高清图片作为页面背景，主体远离了中心轴线的情况，目的是为了把更醒目的标题留在中间。

它的设计的主要目的是移位到左边或右边(或顶部或底部)。因此，如果您决定要用不对称功能，你应该准备好多次的试验，以避免混淆网站的访问者。

无论什么类型的对称，核心就是你要让整体平衡。

水平平衡

水平平衡是网页最经典的页面布局。大部分人都习惯从左向右阅读，所以左右布局也是最自然的一种布局方式。

这是最经典的一种布局设计，如果你的客户比较传统，那么你的设计也应该简单明了。这里有几个案例。

垂直平衡

垂直结构用于头部和底部的元素非常相似的情形。这样的布局往往运用于小图片的展示。

结论

平衡是网页设计中最重要也是最容易忽略的东西。视觉上的平衡可以通过对界面元素的布局来调和，比如选择最合适的配合，元素的大小和位置。有的时候，也需要大胆创新，不要拘泥于传统。

web前端设计知识

web前端设计基础知识

JavaScript的基本数据类型

内置对象的常用方法

理解事件机制

理解原型继承

理解作用域问题

理解模块化

性能优化

知道基本的编程语法，比如循环，判断，try/catch 等等

理解包括多种函数定义以及赋值的方式，包括匿名函数

理解基本的命名空间，全局(window)空间以及对象空间(不包括闭包)

理解上下文的角色以及 this 变量的使用

理解各种对象以及函数的初始化和声明方式

理解 javascript 比较操作符，如<,>, ==, ===，以及对象和字符串比较的原理和对象映射

理解对象属性和函数的数组索引，以及这和真实的数组之间的区别。

Web前端设计排版技巧

一、强调字体

字体的设计与强调在网页当中相当重要，合适的排版和适当的字体强调，不仅可以让用户快速的抓住网站中的重点，同样可以增强网站对用户的吸引力

二、单页面设计

随着互联网的发展，用户的习惯更倾向于鼠标滚轮。在用户的体验和习惯方面来讲，与其在多个页面中来回点击查看，不如直接滚轮来的方便。

三、网页色块设计

随着互联网的发展和H5的出现，网站网页的排版方式越来越倾向于简洁大方，这最根本的原因在于：用户的视觉和心理。不同的色块放在一起形成强烈的对比，要么以纯文字形式，要么以方形照片配上文字形式，这两者在一定程度上刺激了用户的视觉兴趣，进而使用户继续探索。

四、背景

网页以什么样的方式作为背景呢?纯色?渐变?图片?这三种都是可以的，但以商业化为目的展示，用照片作为网站网页的背景，不仅可以达到展示的目的，而且还可以达到强烈的视觉表达效果。这种设计方式在时尚、品牌和旅游等行业最为常见。

五、图片

简约、设计时尚、颜色对比突出，表达清楚、突出目的的大图，是很多网站开发者所追捧的。同样与枯燥的文字相比，用户也更愿意继续观赏这样的网站。

六、响应式设计

随着手机和移动端设备广泛的被人们使用，响应式设计成为目前网站开发比不可少的内容。不仅能节省开发者的成本和时间，更能方便用户在不同尺寸的设备上畅通无阻的浏览你的网站。

七、视差滚动

让多层背景以不同的速度移动，形成运动视差的3D效果，这样的效果以后很可能会在H5的网站中更加常见和流行

Web前端设计原则

KISS原则(Keep it Simple and Stupid)

一切尽可能简单，简单，简单!!! 简单就是美，能简单的绝不复杂

DRY原则(Don’t Repeat Yourself)

顾名思义，任何一段代码如果需要复制第三次，需要进行抽象

最少知道原则

高内聚，低耦合，任何事物应该保持对外界的最少知道原则

分治原则

复杂的问题，负责的功能，应该拆分，由更小的部分组成