曾经有一个丝毫不懂网站设计的朋友问我：设计一个网站到底有多少活，一个普通的网站具体需要设计多少个页面？
% l' \6 r4 g# Z/ ^1 w
我回答：一般情况下不会超过30个页面；事实上一切的设计工作只是为了设计好这不足30个的页面，这些几乎是整个网站的所有。
163k团购网站系统官方服务论坛1 W* m K. R1 j, C% N* { @ [( l( [
我没有骗他，事实确实可以这么说。
( R9 K. B0 r m3 \% Q, D' Y163k团购网站系统官方服务论坛针对于这30个页面，我们在设计之前需要搞清楚：这些页面是给什么样人看的？他们有什么样的特征？我们需要给这些人什么样感觉的页面东西？(以上基本上是用户研究、产品和数据分析、概念设计所要解决的事情，我们前几期刚写过)。
163K网站系统官方论坛! N+ M: ?3 [( q3 j! Q/ B7 B; y
接着我们需要开始具体的设计了……
2 M! I- D3 C, M2 } A& T7 z
首先，要解决：
! H: h9 U, n6 r$ J) s3 _4 Q1、针对于产品服务的角色们，整个产品需要那些功能点。
( h; H8 g' w) ^* R" S163K网站系统官方论坛2、功能与功能之间的组织关系是什么，这就是所谓的产品结构。menutree。
- G/ c7 g2 Y6 z, y A0 sbbs.163k.com3、每个功能点最终会具象化到一个页面；
163k团购网站系统官方服务论坛( `3 @: i/ ^, i1 C0 @+ ?+ n3 a
4、这个页面里都应该有什么内容？(一个页面会包含进去N个功能点），这个页面主要为那个或者那些角色服务
163K网站系统官方论坛+ ]1 c7 _$ r9 ~2 s+ h* T3 r
5、这个页面的内容要如何摆放。
- Y$ T' ^ @& n- V$ Z, X+ ?! U" B1 M" f$ m团购网站系统,团购网程序然后，要解决：页面和页面之间的关系是什么，如何交互，细节如何表现……
为互联网事业发展提供源动力！, c3 K0 Y- I$ s! o4 V
这篇文章我们只说”首先要解决”的问题，也就是一般情况下我们在”信息架构设计”阶段要做的事情。
163K网站系统官方论坛/ I0 q6 H# q; Z3 _& N6 {
功能结构的设计：
' R2 B" C. w8 u8 Z" a5 q/ ]163K网站系统官方论坛1、针对于产品服务的角色们，整个产品需要那些功能点
7 I; i Z! K4 \% ibbs.163k.com2、功能与功能之间的组织关系是什么，这就是所谓的产品结构。menutree。
163k团购网站系统官方服务论坛4 u3 X* z# q: S i
通常情况下我建议设计师按照可能的产品导航的思路去设计这个menutree，功能结构的产出物最好可以直接转化为产品导航。因为这样做有利于让后面的设计工作变得更可预知，也会让产品的功能结构更加靠近用户所见到的表现层结构。
! }7 N% g$ r! n: o1 S% t3 X7 o/ A为互联网事业发展提供源动力！我们可能会用卡片的方式去完成这个工作，例如下图：
. E1 V# E+ D; w$ J t+ Q* X
为互联网事业发展提供源动力！! f6 A# o0 {& n, f
或者用word、excel，例如：
7 {) p: {; y( X" s3 W
团购网站系统,团购网程序" i! L. Z; |; i# Z' @
在这里需要注意的是：
0 s9 Z( K% Z+ j, L163k团购网站系统官方服务论坛1、产品需要那些功能点一定要从角色的角度去思考
为互联网事业发展提供源动力！2 c3 g# M8 B. y; K/ S* D* X) d" G0 R! z
2、可以照顾到后台的数据结构和逻辑，但不能受限于数据结构而去设计功能结构
团购网站系统,团购网程序: Z+ c5 b# e2 S: j- @& [8 P. |
3、用户不知道产品的底层什么样子的，他们只看到表现层。所以表现层越和底层一致对于产品的架构会越好。也就是说”功能树的结构最好等于导航菜单的结构”。
163k团购网站系统官方服务论坛/ y5 A: Y. V* ^- a3 {
4、产品需要一定的积累期，一开始不是所有能想到的功能都要一股脑的做全、做细，但一定要想到功能升级时的延展性。
S) ?" _3 [6 [+ _) b163K网站系统官方论坛5、我们不需要做到非常细致，只需要构架好整体的框架即可。
: ?7 J$ z( W. b1 _; I' e6 j& r163k团购网站系统官方服务论坛页面结构的设计：
163k团购网站系统官方服务论坛% P" o9 t3 f- M
4、这个页面里都应该有什么内容？(一个页面会包含进去N个功能点），这个页面主要为那个或者那些角色服务
163k团购网站系统官方服务论坛, M! x. O1 {) j' Q0 u
5、这个页面的内容要如何摆放。
& M3 ~# t: V2 p# W163K网站系统官方论坛页面的内容信息需要参照menutree的信息，每个页面如何摆放是页面结构设计的主要内容。
6 \6 B/ w! K9 F' D团购网站系统,团购网程序( W2 f: q8 d" c
和经验丰富的设计师一起合作时，我们会在一块块的纸上绘制简单的原型，然后再通过反复的讨论来决定把他们摆到什么位置。
4 k' Q( g+ V% ~' _163k团购网站系统官方服务论坛通常情况下和不是很熟练的设计师合作时，我们会用PPT或者PS去一步步的落实这些内容，先把内容都给列出来、接着考虑他们放到哪里去，然后考虑他们占多大空间，最后具体落实到主要模块的具体展现方式是什么样的。
为互联网事业发展提供源动力！$ H; Y* ^) H8 A' P, L
例如下图：
163k团购网站系统官方服务论坛! m9 e1 |4 w9 e2 w
; G) @+ _% E. X6 E( k# h
在这里需要注意的是：
/ Q5 j Y+ Y% W$ {+ S- Q E
1、一般情况下建议不要先设计首页再去设计二级或三级页面，从内到外的设计会更加的有的放矢。
163K网站系统官方论坛0 D. q) T' g( U: ?- n
大多时候二级页面的内容会是其所有三级页面的提炼，首页的内容会是所有二级页面内容的提炼。用户是从外到内看，到我们却应该从内到外设计..
163K网站系统官方论坛8 ^5 ^% N, i4 c; l- [
2、尽量少或者根本不要去考虑页面之间的交互关系和怎么跳转。只需要按照功能结构去设计每个页面的结构即可。
团购网站系统,团购网程序4 w2 a/ z, |2 \9 G; o9 R: l% |& u
3、除了较多页面都需要的通用模块和页面中很主要的模块，需要深入考虑具体的展示方式，但也无需认为”最后一定要按照这样的展示去做”，其他页面更是不要过多的深入到细节。
/ x, J% r0 Z% z0 u) H163K网站系统官方论坛这篇文章写的相对很浅，泛泛的介绍一下。
