网页布局怎么设计
网站结构与优化很重要，页面布局也是非常重要的，让客户第一眼看到网站的感觉是怎么样，如果第一感觉不好，相信下一次就不一定来了，所以网页的内容除了用户的需求之外，还要注重用户体验。下面的内容，就以两个方面来讲，一个是搜索引擎的识别，一个是用户体验：
工具：电脑、网站
步骤：
一、搜索引擎的识别
1、网站具有清晰的导航
根据网站的导航去制定需求。一个清晰明了的用户导航可以让游客在网站中自由的访问，并且根据需要选择合适的内容，而网站导航的加入也可以加大网友的访问深度。
2、页面整洁，栏目之间合理布局
之前看过一个做服装的网站，一进入这个网站就感觉到了皇宫一样，很华丽也很唯美，但是就找不到一点文字介绍，全部都是图片，操作起来很不方便，由于偶然进入了一个较深的页面（该网站没有面包屑导航），找不到回去的路就只好关掉了页面，无形中就会这个网站的跳出率做出了贡献。
3、设置用户评论板块，增加网站互动性
不可否认的是，现在很多网站都过于独立，和用户之间的互动性不够，其实网站互动性的上升能大大提升网站自身的可信程度，尤其对于一个新站来说，知名度不够，号召力不强，用户是无法相信的。而这时用户的参与无疑就让网站自身的可信力大大上升，而且一个网站最成功莫过于有众多用户的参与，而评论无疑会让网站生命力更强。
二、以用户体验为前提
1、页面元素的丰富性。
什么叫做页面元素的丰富性呢，就是网站有图片、有视频、有评论、有加粗、有分段这样可以说是一个优质的页面。当然要在适当的情况下出现图片、视频、或者其它的元素。这样也会增加页面的价值。
2、页面的文字大小要符合一般用户的阅读习惯。
不要太大，也不要太小，一般13号的字体就可以了。字体的颜色，也要和网页的风格协调，一般都是黑色或者深灰色。文章排版要鲜明，段落得当，这样更容易让客户阅读。还有文章内尽量少用锚文本，文章内的锚文本一般都是以用户的需求性和相关性来增加锚文本。尽量不要影响用户阅读。
3、页面图片要合适。
过多或者过大，图片过多或者过大，很直接的就影响了网页的加载速度，导致用户长时间打不开网页，那就悲剧了，所以，网页的大小和尽量少用图片围标，如果不可避免，那就把图片压缩到最小再上传吧。
总结：其实网页的布局，重要的就是细心，包括各个方面都要细心对待，页面上存在的每一个东西，都要有实际意义。
web网站设计布局技巧
1、注意划分布局，网站结构越简单，用户浏览时就越方便
网站各个部分都需要发挥各自的作用。对于用户而言，每个部分都有各自存在的理由，并能得到相应的最终结果。布局需要帮助强调其内容着重显示该部分最重要的信息。实际上，一个页面并不需要太多调用按钮，因此每个内容都应推动到最终“我可以在此实现什么目的”。思考一下，你可以为一个简单的目标构想到的最简单的布局，并开始添加所需组件。最后你会惊喜的发现简洁也并非易事。
2、选择主题颜色，使用有限的色阶和色调以免产生视觉疲劳
选完要使用的一系列字型后，你应开始研究UI、背景和文本该用什么颜色。关于颜色，我建议在处理常规用户界面是用色及色调需简洁。根据元素功能在设计UI时保持一致性非常重要。除UI外，插图或图形细节部分只要没有干扰组件功能的话，在用色方面也没什么限制。
3、注意细节，正在进行的游戏项目：细节视图
这条也算是老生常谈了，但并非始终在成品中得到应用。根据项目的概念，“关注点”也会有所不同。
4、提高设计作品清晰度，避免出现像素模糊的现象，尝试正确设置笔触效果和背景之间的对比度或背景颜色
除美学考量之外，有些共同的问题需要予以避免，从而创造出一个干净正确的作品。尝试提高设计清晰度时应注意以下几点：梯度条带、模糊的边缘、字体渲染选项（部分字体取决于字体大小，最好在特定的渲染模式下查看）以及与背景融合的笔触效果。
以上列出了一些基本注意事项，但实际上需要注意的问题还有很多。务必以整体视角检查设计，看看是不是都非常完美，然后再单独分析每个组件还有什么问题。
5、整理PSD
如果你通过Photoshop进行设计，那么这点至关重要（结合网格使用）。无论项目有多大，有多少设计师参与其中，你都需要保证文件干净。这样就能保证不同部分都能轻松导出，从而提高设计流程的速度，并能处理与其他设计师共享的文件。
6、开发过程中跟进设计
如果您在广告公司中工作，你必须明白，虽然你刚刚完成的一个项目已经投入开发，你不得不参加另一个新项目的设计，这是家常便饭。大家普遍认为PSD和样式表提交后就万事大吉了，这是不对的，其实一切还刚刚开始。
如果你真的关心自己的设计和交互理念是否完全贯彻，可以实时与开发者友人沟通，并尽量提供帮助，以便达到至臻至美的效果。重新思考组件上已建的交互模式，并看看是否可以进行改进，这点至关重要。
