- 本栏最新文章
- 网页栅格系统研究:960的秘密 11-13
- 什么是直方图 11-13
- “确定”与“取消”按钮：如何正确排序？ 11-12
- 设计质量的要素 11-12
- Web分析七宗罪 11-11
- 知名网站的登录窗口 11-05
- 用扩展卡片分类技术获悉网站架构设计1 11-04
- 用扩展卡片分类技术获悉网站架构设计2 11-04
- 网站背后的信息架构 11-03
- 网页文字版式设计 10-31
- 本栏推荐文章
- 视觉对交互的帮助——提升可用性 11-13
- 网页栅格系统研究:960的秘密 11-13
- 什么是直方图 11-13
- 电子商务提升用户体验的尝试 11-12
- “确定”与“取消”按钮：如何正确排序？ 11-12
- “确定”与“取消”按钮：如何正确排序？ 11-12
- 设计质量的要素 11-12
- Web分析七宗罪 11-11
- 网站tab导航的设计 11-10
- 网页色彩设计点滴 11-10
门户网站的页面规划如何着手（针对新手）
简介：为什么需要页面结构?页面结构是了解页面信息之后，在页面上对信息的分块摆放进行合理的规划。为什么我们不直接在Photoshop里设计呢？1.相对企业网站来讲，门户网站的布局更为复杂，如果直在PS里设计制作，一但发 ...
关键字：门户网站
为什么需要页面结构?
页面结构是了解页面信息之后，在页面上对信息的分块摆放进行合理的规划。为什么我们不直接在Photoshop里设计呢？
1.相对企业网站来讲，门户网站的布局更为复杂，如果直在PS里设计制作，一但发现不合理返工将会大大降低工作效率。(因为改结构草图 要比改成品快得多 )
2.实际工作中门户网站往往是公司唯一网站，布局也是多个部门参与讨论一般是由策划部确认了之后再执行设计阶段。所以常经多部门对布局反复推敲，和修改。用Word先画布局图片，一是快捷，二方是便更进行修改, 三是为了适用于更多修改的环境。比如：老总的笔记本里很可能没有装Photoshop ，但是Microsoft 的Word肯定是有的。所以我们在设计门户网站先画页面的布局图给各部其它部门确认这个过程是必要的。
如何规划页面?
1.确定页面的高度 折算成屏数 (615象素为一屏 可靠数据显示 当前主流为1024X768)
我们对网页整体高度有一个预算是必要的,这样便于我们规划各块信息的呈现量。有了屏数概念我们从用户体验角度考虑。输入域名后载入页面的第一屏(也就是不拉滚动条的情况下)我们尽可能保持页面的整体性，至少重要信息特别是图片信息不被拉腰切断。当然我们难以做到满足各种分辨率，但最少要满足当前主流分辨率。在屏的概念上我们深挖用户体验，当用户按PgUp 或 PgDn整屏翻动时我们还可以考虑保持其整体性。细节中的细节可以感动用户！
2.整理出页面的功能模块.
我们要怎么规划怎么分布摆放必须得先知道有哪些内容。那么功能模块一般指：
1)
注册登录口
2)
搜索模块
3)
针对本站的一些帮助模块
3.整理出页面的信息模块，一共多少，那些是重点的以及他的呈现形式。
门户网站主导航和功能菜单，一般是放置页面的TOP部分。重要的信息，比如重要新闻及重点推荐的信息放在第一屏之内，让所任何分辨率的用户可以第一时间看到这些重要的信息。可将一些不是重要的信息比如合作伙伴，友情链接这类的信息放在底部。
呈现形式就是信息的显示形式是什么样子的如：一条一条的文字列表；图片列表；图文混排；动画图片切换；视频等形式…
4.确定页面的AD Banner(广告位)一共有多少，和它们的所以站位置和尺寸大小。
确定我们在页面中的广告位设置量和比例。注意：广告位的设置取决于我们盈利模式。
规划页面的思路流程图
页面结构是了解页面信息之后，在页面上对信息的分块摆放进行合理的规划。为什么我们不直接在Photoshop里设计呢？
1.相对企业网站来讲，门户网站的布局更为复杂，如果直在PS里设计制作，一但发现不合理返工将会大大降低工作效率。(因为改结构草图 要比改成品快得多 )
2.实际工作中门户网站往往是公司唯一网站，布局也是多个部门参与讨论一般是由策划部确认了之后再执行设计阶段。所以常经多部门对布局反复推敲，和修改。用Word先画布局图片，一是快捷，二方是便更进行修改, 三是为了适用于更多修改的环境。比如：老总的笔记本里很可能没有装Photoshop ，但是Microsoft 的Word肯定是有的。所以我们在设计门户网站先画页面的布局图给各部其它部门确认这个过程是必要的。
如何规划页面?
1.确定页面的高度 折算成屏数 (615象素为一屏 可靠数据显示 当前主流为1024X768)
我们对网页整体高度有一个预算是必要的,这样便于我们规划各块信息的呈现量。有了屏数概念我们从用户体验角度考虑。输入域名后载入页面的第一屏(也就是不拉滚动条的情况下)我们尽可能保持页面的整体性，至少重要信息特别是图片信息不被拉腰切断。当然我们难以做到满足各种分辨率，但最少要满足当前主流分辨率。在屏的概念上我们深挖用户体验，当用户按PgUp 或 PgDn整屏翻动时我们还可以考虑保持其整体性。细节中的细节可以感动用户！
2.整理出页面的功能模块.
我们要怎么规划怎么分布摆放必须得先知道有哪些内容。那么功能模块一般指：
1)
注册登录口
2)
搜索模块
3)
针对本站的一些帮助模块
3.整理出页面的信息模块，一共多少，那些是重点的以及他的呈现形式。
门户网站主导航和功能菜单，一般是放置页面的TOP部分。重要的信息，比如重要新闻及重点推荐的信息放在第一屏之内，让所任何分辨率的用户可以第一时间看到这些重要的信息。可将一些不是重要的信息比如合作伙伴，友情链接这类的信息放在底部。
呈现形式就是信息的显示形式是什么样子的如：一条一条的文字列表；图片列表；图文混排；动画图片切换；视频等形式…
4.确定页面的AD Banner(广告位)一共有多少，和它们的所以站位置和尺寸大小。
确定我们在页面中的广告位设置量和比例。注意：广告位的设置取决于我们盈利模式。
规划页面的思路流程图
