在做手机网站设计的时候，需要将很多因素考虑进去，比如说页面要精简，代码要精简，图片要精简，网页的大小最好能控制在几百kb以内等等，所有这些都是基于优化和用户体验的考虑。大家可以参照sina.cn/?from=wap这个网站，那么手机网站页面要如何设计呢？需要注意哪些细节呢？
一、页面结构
1、首页
主要是用来分流的，保证不同需求的用户在着陆后能找到想要的信息，或者是将重要的内容展示在首页。首页的定位是分流，就要知道你的用户需求是什么，用户感兴趣的内容是什么，然后优先展示出来。
导航式：风格简洁，可做品牌宣传，快速传达品牌形象。有些手机站的设置其实可以比较简单，几个大的板块即可，让用户选择他们感兴趣的内容。
内容式：内容丰富，快速传达信息。比如说新浪。内容信息量比较大，用户在看到首页的一个过程中，更多的是去浏览内容的标题。
2、列表页
主要是用来展示信息的。一般为纯文字和图片，封面栏目显示效果就不佳了。列表页是用来展示信息的话，这个时候就要涉及到各个页面的一个标题的吸引度，各个页面标题里面涉及到的内容，对用户来讲是否有帮助，这一块跟pc的优化是一样的。
3、详情页
详情页是展示首页和列表页未显示完全的信息。一般是产品和文章的介绍。详情页面想要展示的内容是什么，一般来讲，做手机端的优化重点在于文章页面，资讯页面，产品页面，用户浏览你栏目页面的时候，是为了看到他感兴趣的内容，进入详情页面，详情页面所需要展示和设计的要求要高一些。
需要段落分明，每一小段讲的是什么内容，又需要一个小标题来引导，讲到重点的时候又需要加粗描红来突出，并图文结合来展示。若是一个企业网站，那么可以推荐你的产品，某某产品的图片，价格是多少，然后引导链接到相关产品页面。像一个详情页面要去推荐信息内容的时候，推荐链接可能就只有一款产品。
手机端的软文编辑要求会更高一些，用户用手机端去查询一般都是一些非专业性的内容，这个时候其实是不需要一些过多的描述，简洁明了即可。
在手机端浏览的时候，具体的详情页面来讲，信息内容要求是比较高的，若内容信息展现比较少的话，用户了解的不全，若是卖产品的话，转化的氛围就起不来，若要围绕转化氛围的话，文章就会比较长，这个时候就需要在内容的连贯方面下功夫。
二、页面模块
1、幻灯片/焦点图/banner图。这种图片尽量少，一般一张，三张以下，从图片的设计上展现你提供的是什么产品，提供的是什么服务，需简约、清晰、直观。
2、纯文字模块。手机端跟pc端是一样的，像js、flash尽量减少，或是不要用，尽量多以文字的形式突出。
3、图文模块。图片方面也要进行优化，图片的设计最好控制在宽度为500-700px之间。
4、子链接。面包屑导航：在移动端的搜索里面作用会比较大些，最好就是每个页面都要有面包屑导航，用户就会更加方便些。
5、页面导航。避免繁琐点击，降低用户离开率，提升转化。
6、导航条。展示多种不同类型信息。
7、工具栏。悬浮特性。
pc端页面比较大的时候，会有左边栏和右边栏推荐信息，但移动端不需要，要精简。
三、交互方式（手机端独有的）
1、滑动切换图片。
2、滑动切换页面。
3、点击放大图片。
4、页面区域点击。
减少用户定位该区域造成效率损失，需要跟手指一样的尺寸。比如说在设计某一个链接的时候，这个链接行与行之间，文字与文字之间，行距就不能太小，大小要考虑到手指，以方便用户来点击。
整个网站的设计上来讲需要注意些什么呢？整个网站的风格最好也是简约，比如说淡蓝色，或者是红色的，或者是青绿色的，这一块的设计的风格可以结合你自己的行业。比如说，像IT行业，色调可以是浅蓝色的。像减肥产品，健康类型的，保健产品类型的可以使用浅绿色。医院类型的也可以是浅蓝色。若营销气氛要比较强的话，某个页面是专门做一个活动页面的话，可以使用一些橙色和红色。
