01、当前最流行的分辨率是1920*1080的，在该分辨率下，页面中心区域为1200px以内都可以。建议1000-1200

  02、其他分辨率情况下的尺寸如下：

  800*600下，网页宽度保持在778以内；

  1024*768下，网页宽度保持在1002以内；

  03、（1920*1080分辨率下）顶部banner尺寸建议1920*500，最顶部信息栏与导航栏建议高度40、126

  04、网页中字体也是有使用规范的，合适的字体大小才能展现出最完美的效果，网页尺寸标准字体不标准也不行（1920*1080分辨率下）

  特别提示

  如果没有指定的要求，以1920尺寸设计就好（这是目前最普遍的尺寸大小），前端开发人员会自行适配其他的分辨率

  作为一名专业的网页设计师应该清楚，往往越简单的设计越能打动潜在客户。下面是小编分享的简单实用的网页设计技巧，一起来看一下吧。

  一、统一配色

  统一配色必须要满足色调统一，明暗统一，饱和度统一。不可否认，网页设计中采用多种色彩很具有吸引力，但是它们同样也容易会起到喧宾夺主的作用，所以在此，天津光标科技建议设计师们，在进行网页设计时最好将配色控制在2-3个，或直接采用单色配色，这时你发现这种简单的色调搭配同样也非常具有吸引力。

  二、摆脱常规

  随着互联网的发展，用户对于一些普通，常规的设计已经失去兴趣，现在能吸引大众眼球的都是一些具有新意，有创意的设计，所以作为设计师，你必须要能够摆脱常规的思维模式，若你一直做别人做的事情，将被永远埋没在人群里，然而，如果你的网站与众不同，你传达的信息就会脱颖而出，引起注意。虽然新鲜的旅途总让人紧张，但一定值得你探索。

  三、尽量使用安全字体

  虽说目前互联网中有成千上万中字体，然而真正的在网页设计中用到的.也就只有其中的一小部分，所以坚持使用网页安全字体，对设计师而言利总是大于弊的。另外，除了使用安全字体外，还需要注意保持字体的一致性，确认标题和段落的内容看起来有所不同，使用空白、调整行高、字体大小和字母间距属性，使用户轻松愉快地阅读和扫描内容。

  四、注重导航位置

  导航是任何一个网站必不可少的栏目，它能更好的帮助用户浏览网页的内容，由此也能突出它的重要性。在理想情况下，任何企业应该都不会满足用户仅浏览初始页，而是希望他们浏览翻阅，察看其它感兴趣的内容，这时如果将导航器置于网页顶部，就可以让用户通过使用这个工具轻松的找到所需的目标内容。

  五、简化分页

  对于一名优秀的设计师而言，应该知道在设计的过程中尽可能的简化分页，将多页面的内容简化为可管理的区块，不要让用户为了查看内容而多点击，将相关的内容保存到一起，方便用户集中阅读和查看。删除过期的、过时的内容和信息、小插件和第三方的信息都合并到相应的区块当中，不要零散的放置。

  六、遵循用户体验

  用户体验的重要性相信很多的人都深有体会，一般来说，好的网站时不需要你思考，它有好的人机交互设计和用户体验，能够让你以最快的速度去融合于设计，这才是真正的设计，源于生活的设计，这会让你有更多的浏览量的保障，用最段的距离诠释最好的创意。

  网页设计这个行业刚刚兴起的时间不长，还很年轻，作为一名网页设计师，想要在该行业有更好的发展，想要让你通过网站同用户进行顺畅的沟通，只要掌握以上天津光标科技有限公司为您分享的技巧，相信您距离实现愿望很近了。

  1.网页设计基础

  网页是我们在浏览网站时，看到的一个个画面，而网站则是一些相关页面的集合，一个网站可以有几个页面，也可以包含数以千万个网页。

  1)网站是发布在网络服务器上的一系列网页文件的集合，访问者可以通过网站获取需要的咨询或服务，也可以发布自己想要公开的咨询。

  2)网页不仅需要把各种信息简单表达出来，还需要通过各种制作技巧，让用户更有效的接收信息。

  2.网页的基本组成元素

  1)LOGO主要是各个网站用来与其他网站链接的图形标志。在设计和制作时，用图像和动画来制作。（LOGOtype的缩写，具体是徽标或商标）

  2）文本最基本最重要的组成元素，也是让网页信息传递的主要载体。更具特色对字体，大小，颜色，底纹，边框等属性进行设置。

  3)图像丰富多彩是美化网页的元素，一般JPGGIF。

  4)超链接网页的主要特色，通过它可以快速跳转到当前网站的另一个页面或其他页面。可以是文本，按钮或图片，只有通过超链接将各个链接在一起，才能构成一个网站。（识别：只要将鼠标指针移到对象上，当鼠标指针变为手型形状，说明就是。）

  HTML是一种超文本传输协议，规定了浏览器与服务端之间数据传输的格式，是一种标识性的代码语言，它的中文翻译是“超文本标记语言”，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。HTML提供了许多标签，如段落标签、标题标签、超链接标签、图片标签等，网页中需要定义什么内容，就用相应的HTML标签描述即可。

  HTML之所以称为超文本标记语言，不仅是因为它通过标签描述网页内容，同时也由于文本中包含了超链接。通过超链接将网站、网页以及各种网页元素链接起来，构成了丰富多彩的网站。接下来，通过一段源代码截图和相应的网页结构来简单地认识HTML，具体如图1所示。

  作为一种描述网页内容的语言，HTML的历史可以追溯到20世纪90年初期。1989年HTML首次应用到网页编辑后，便迅速崛起成为网页编辑主流语言。到了1993年HTML首次以因特网草案的形式发布，众多不同的HTML版本开始在全球陆续使用，这些初具雏形的版本可以看做是HTML第一版。在后续的十几年中，HTML飞速发展，从2.0版(1995年)到3.2版(1997年)和4.0版(1997年)，再到1999年的4.01版，HTML功能得到了极大的丰富。与此同时，W3C(万维网联盟)也掌握了对HTML的控制权。

  由于HTML4.01版本相对于4.0版本没有什么本质差别，只是提高了兼容性并删减了一些过时的标签，业界普遍认为HTML已经到了发展的瓶颈期，对Web标准的研究也开始转向了XML和XHTML。但是有较多的网站仍然是使用HTML制作的，因此一部分人成立了WHATWG组织致力于HTML的研究。

  2006年，W3C又重新介入HTML的研究，并于2008年发布了HTML5的工作草案。由于HTML5具备较强的解决实际问题的能力，因此得到各大浏览器厂商的支持，HTML5的规范也得到了持续的完善。2014年10月底，W3C宣布HTML5正式定稿，网页进入了HTML5开发的新时代。

  网页设计软件可以用PS、AI这些常规软件，还有一些工具Axure、Xmind、Flash、Dreamwerver等。

  1、PS：是Adobe公司推出的一款著名的图像处理软件。不管是工业设计或者平面设计，又或者网页设计，都是能用到PS软件。

  2、AI：作为全球最著名的矢量图形软件，以其强大的功能和体贴用户的界面，主要是应用于出版/多媒体和工业设计的矢量插画软件。AI重点在绘制

  3、Axure RP：是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

  4、XMind：是一款非常实用的商业思维导图软件。

  5、Dreamwerver：是一款专业的HTML编辑器，用于网站，网页和Web应用程序进行设计，编辑和开发，可以方便快捷地进行Web页面设计。

  6、Flash：是网页交互动画制作工具，可以将声音和动画交融在一起。

  

  网页设计是根据企业希望向访问者传达的信息，规划网站功能，然后美化页面设计。一个网站是由若干个网页构成的，网页是用户访问网站的界面。因此，通常意义上的网站设计，即指的是网站中各个页面的设计。

  一般根据网站的定位网页设计可以分为三类:功能网页设计、形象网页设计、信息网页设计。功能网页设计面向用户，形象网页设计主要是打造品牌形象，信息网页设计一般是门户设计。

  从用户的操作习惯出发，网页设计不仅要考虑不同页面之间的顺序和内容，还要考虑网页内部和区域之间的关系，所以我们要注意网页设计的一些注意事项。网页设计注意事项如下：

  1.页面内容要新颖。

  这要求在设计网站内容时不要摘抄别人的内容，创建一个有特色的网站。

  2.及时更新网页。

  因为网页制作完成后，发现问题要及时维护更新网页，如网页上的无效连接应立即删除。如果不能及时更新，最好在主页上发布公告，告诉方可，因为特殊情况，主页没有及时更新，希望大家见谅，给人一种负责的感觉，赢得网友信任。

  3.随时注意网站升级。

  时刻注意网站的运行。随着访客数量的增加，性能良好的主机可能运行缓慢。但是，如果你不想失去访问者，你必须仔细计划你的升级计划。

  4.用表格布局。

  注意用表格突出网站内容的层次性和空间性，让人一眼就能看出你的网站重点突出，结构清晰。

  5.网页风格要统一。

  网页上所有的图像和文字，包括背景颜色、区分线、字体、标题、注脚等，要统一风格，贯穿全站。读者看起来很舒流畅，会给你的网站留下非常专业的印象。

  6.使网站具有交互功能。

  静态网页缺乏活力和生气。最好在网站上提供一些回答问题的工具和其他具有互动性能的设计，让访问者从网站上获取互动信息，让访问者有一种参与网络建设的新鲜感和成就感。