实战案例6——商品图片变大

这个原型设计逻辑如下： （1）最下一排是月饼选项，当鼠标移入哪一项，哪一项就会显示红色的外框。 （2）当鼠标选中哪一项的时候，上面的展示区就会显示对应的图片。 （3）当鼠标移入展示区图片时，展示区有一个矩形的遮挡部分，该部分以鼠标为中心并且随着鼠标移动。 （4）当鼠标在展示区图片上随意移动时，右侧放大区域会显示遮挡区的图片部分。 难点： （1）如何设计遮挡区，并且随鼠标移动？ （2）放大区域如何设

>>阅读原文<<