一个网站是由许许多多网页组成的，网页是网站的主心骨。一个精美的网页不仅仅是依靠图文并茂的视觉展示，更重要的是网页的架构和布局，合理的布局才能让网页易于用户接受。接下来小编告诉你网页设计怎么排序。
响应式网页设计
响应式网页设计是网页设计的一种技术，可在N多种浏览(从电脑到移动电话以致到网络电视)上阅读和导航，同时减少放大与缩小、拉伸和滚动。更多的网站设计将会专注于响应式网页设计，并非独特风格。这种响应式设计忘记尺寸以便支持多种设备，正适应移动设备的发展。
扁平化设计
扁平化设计发展迅速。2014年除去繁琐修饰的简主义界面设计正是时候。扁平化设计在于两点:视觉的简易性，功能的最有性。2013年，苹果公司的iOS 7平台发布后,多家网络公司也改动了自己的Logo，就连谷歌的首页logo都扁平化了。
[图片0]
字体设计
初级前端设计师经常专注于图片布局，Flash制作及 Javascript 脚本。时过两年，最为领略的是字体设计成为网页设计的经典。这些web设计益于Twitter的疏浚相反框架，Twitter的引导框架中，系统提供了几种布局模块及其种类，此时网页先表达网页字体，而后表达大批的图像。
支持HIDPI(视网膜)显示
这一趋势的发展强烈反馈了当下不断萎靡的硬件市场。在ipad使用视网膜显示屏后，苹果手机以及三星手机视网膜显示屏的推出就显得无法避免了。而今，网页设计师也已经适应了这种新硬件，提供不同的图像服务，提高了应用程序的识别率，使商品更有美观。
跟 Flash 说拜拜，Javascript等工具取代Flash
20世纪初，Flash是独一、完美制作动画的工具 ，是动画效果的领导者。随着网络技术的快速发展，Flash渐渐被JavaScrip等工具替代。对网站的 SEO 来说，这是要优化的。多种移动设备已经无法再支持它了，最关键的是更新很痛苦，以至于阅读器常常崩溃。
2网页设计如何布局
1、“国”字型: 也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。
2、拐角型: 这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。
3、标题正文型: 这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。
4、左右框架型: 这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。
5、上下框架型: 与上面类似，区别仅仅在于是一种上下分为两页的框架。
6、综合框架型: 上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。
7、封面型: 这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。
8、Flash型: 其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。
9、变化型: 即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。
3网页设计是做什么的
网页设计的初衷是根据企业愿景向浏览者传达需要传达的信息。(包括产品服务理念以及文化)。
并且对网站进行策划，功能性分析，用户体验的优化，然后结合前者的数据对网站进行设计美化。作为互联网市场获取的载体，设计尤为的重要。
[图片1]
常用的工具主要是:PS/AI/DW等工具
网页设计的职能目标是通过:色彩搭配，字体设计，以及场景图片，布局样式进行页面设计美化。在布局尺寸以及功能限制的情况下，要尽可能在体验上做到尽善尽美，高级的设计师可能会考虑到声光，交互设计，以及浏览轨迹研究，来实现更好的视听感受。
网页设计的类型行业大概是:企业自有站，游戏类网页，集团型网站，电子商务站点，社区论坛，以及优化体验技术。
网页设计是个很个广泛词汇，是诸多技术点的一个总结，是个行业词。涵盖了不行业的技术点，比如美术等，再比如软件类等。网页设计师通常是多面手，技术流。
接下来介绍下网页设计师必会的几个软件。
首先是神器ps软件，这个软件就无敌了，从事设计类的工作，不管是工业设计或者平面设计，又或者网页设计，都是必须要懂，要会的。ps全名photoshop,是处理依据像素所构成的图像。可以使用诸多的图像编辑和绘制工具，有效的对图片进行各种操作处理。在图像、图形、文字、视频、出版等各方面都有涉及。
然后介绍的是Ai，这款软件主要是应用于出版/多媒体和工业设计的矢量插画软件，可以进行印刷制作，海报书籍排版，专业插画，以及多媒体技术处理制作，适合比较复杂的项目。和ps的区别是:ai是矢量软件，ps是位图软件。一个重点在绘制，一个重点在合成。
紧接着要谈到是dw软件，这款软件对于网页设计师来说主要是用来做一些简单的div排版，网页设计师需要了解一些基本的div代码布局技术。
许多企业在招人的时候会写上懂div，懂代码技术，很多企业为了减少人力开支，往往会要求设计师懂一点初级代码，以应付日常网站的修改和编辑。
通常不懂dw的设计师，如果在一般的公司，薪资上可能会被打一点折扣。
紧接着我们来看下这个行业的薪资情况，在北上广深地区的话，一般化的薪资能达到-，中级水平能达到-8k，高级设计师一般是可以达到10k以上的薪资水平，是个比较有前景的行业，是诸多行业当中薪资稍微偏高一点的。
4网站设计的主要步骤
一、确定主题
网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。 你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料
明确了网站的主题以后,你就要围绕主题开始搜集材料了。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就 越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站
一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内 容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就 熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的制作工具
尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网 页制作工具了,目前大多数网民选用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外,还有图片编辑工具,如firework 、Photoshop等;动画制作工具,如Flash等;网上有许多这方面的软件下载,你可以根据需要灵活运用。
五、确定网站内容
1、首先确定你要制作的网页的主题,就是你建这个网站的内容是什么。
2、确定你的网页的阅读对象,就是你的网页是准备给那些人看的。
3、选择制作网页的工 具软件,比如PageAdmin系统、shopex系统、discuz系统这些,当然还有很多出色软件,大家可以在以后慢慢接触到。
4、如果你作好了页 面，就需要考虑你的网页放到什么地方发表,也就是平常我们说的发表空间，我们学校的用户网络中心已经申请好了空间，大家可以直接使用(有发布空间的标志是 你有了FTP 账号，这个需要申请)，也可以按我前面说的把自己电脑配置为服务器(需安装IIS等软件,这个自己百度一下)。
六、制作网页
材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。 所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内 容,以便出现问题时好修改。在制作网页时要多灵活运用网站管理系统后台功能,这样可以大大提高制作效率。
七、上传测试
网页制作完毕,最后要发布到Web 服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,推荐LeapFTP软件,你可以很方便地把网站发布到自己制作的网站存放服务器上。网站上传以测试完毕就可以把你的网址告诉给朋友或客户,让他们来浏览。
八、推广宣传
网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
九、维护更新
网站制作要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了，草扑建站整理发布，只有不断地给它补充新的内容,才能够吸引住浏览者。