1､本课主要讲中国风版式的详情页设计，［打开］PS软件，［打开］案例文档。［打开］参考线，使用［矩形选区］对每一格进行测量，整体的布局是采用了斐波那契数列布局，也称为黄金分割比例。具体分析如图示。
2､关于版式排列布局分布的大小，根据比例进行分布各区域的大小尺寸。具体参考如图示。
3､［返回］PS软件，［新建］固定大小的画布。使用［矩形工具］，根据比例布局绘制合适大小的矩形，使用［文字工具］输入Ｘ。［选择］关联图层，按［Ctrl+G］编组，［复制］图组，移动至合适的位置，［修改］矩形填充颜色。具体显示如图示。
4､［选择］关联图组，按［Ctrl+G］编组，［复制］图组，移动至合适的位置。根据图形排列，［拖出］参考线于矩形两侧边缘位置。［选择］关联图组，按［Ctrl+G］编组，［重命名］图组，［隐藏］图组。具体显示如图示。
5､使用［矩形工具］绘制合适大小的矩形，［填充］红色。［拖入］准
打开APP，离线免流量