无数在电子商务中寻求向上之路的企业，争先在手机移动端上打造属于企业自己的展示平台——手机商城网站。但是由于手机屏幕尺寸的限制，无法直接把所有产品内容在手机一屏内显示，因此手机网站页面设计的商城布局就显得一场重要。
在手机网站页面设计中中，我们需要对信息进行有效组织、提炼，通过合理布局把信息展示给用户。合理的布局设计可以使信息变得井然有序，用户可以很容易地找到自己想要的信息，产品的交互效率和信息的传递效率都得到提升。我们可以来看看微网站界面设计中常见的页面布局：
手机商城网站页面设计：九宫格
九宫格是手机商城系统网站中非常经典的设计，展示形式简单明了，用户接受度很广。当元素数量固定不变为8、9、12、16时，则适合采用九宫格。虽然它有时候给人设计老套的感觉，不过它的一些变体目前比较流行，比如METRO风格，一行两格的设计等。
手机购物网站页面设计：竖排列表
竖排列表是手机网站中最常见的布局之一。手机屏幕一般是列表竖屏显示的，文字是横屏显示的，因此竖排列表可以包含比较多的信息。列表长度可以没有限制，通过上下滑动可以查看更多内容。竖排列表在视觉上整齐美观，用户接受度很高，常用于并列元素的展示，包括目录、分类、内容等。
手机商城系统网站页面设计：手风琴
手风琴布局常见于两级结构的内容。用户点击分类可展开显示二级内容，在不用的时候，内容是隐藏的。因此它可承载比较多的信息，同时保持界面简洁。手风琴可以减少界面跳转，与树形结构相比，手风琴减少点击次数，提高操作效率。手风琴在手机浏览器上很常见，很多浏览器的导航、历史、下载管理等页面均采用了手风琴的手机页面设计。
手机购物网站页面设计：多面板
多面版的布局常见于PAD终端，手机上也会用到。多面版很像竖屏排列的TAB，可以展示更多的信息量，操作效率较高，适合分类和内容都比较多的情形。它的不足是界面比较拥挤。
