Japan Database

移动端的主页设计面临一些挑战。首先，由于“最新新闻”会优先显示（由于HTML的布局），我们必须重新调整主图下方面板的顺序。McMaster认为新闻在移动设备上并不那么重要，所以我们就将其降级了。我们还需要将用户鼠标悬停在“关于”面板上时显示的内容从主图中提取出来，因为在移动设备上，你无法将鼠标悬停在某个内容上。这样做仍然允许用户在移动设备上观看简介视频。点击下方图片，可以看到更大的图片。游艇租赁经纪网站设计12

游艇详情页面
游艇详情页面从设计到开发也经历了不少变更。我们需要根据最初提出的线框图修改这个页面，因为主图下方的小缩略图在浏览器窗口调整大小时，与流畅的全宽布局效果不佳。我们的第一个解决方案是在屏幕边缘放置左右箭头，方便用户循环浏览大图。然而，这里的问题在于加载时间。超过10张高分辨率大图会导致页面加载速度急剧下降，尤其是在移动设备上。我们的解决方案是创建一个迷你图库（下图第二张），并“延迟加载”这些图片，仅在用户点击查看时才加载。这样，这些游艇详情页面的整体加载时间就不会受到影响。我们还使用了相同的模态窗口来显示每艘游艇的更多细节（下图第三张）。游艇租赁经纪网站设计2 游艇租赁经纪网站设计5 游艇租赁经纪网站设计6 查看游艇详情页面

内容样式页面
内容样式页面也最终简化了。为了简洁起见，我们决定只 拉脱维亚电报数据 使用一张图片，而不是在每个部分都使用多张图片。游艇租赁经纪网站设计7

员工门户
在开发过程中，我们还为麦克马斯特大学的员工创建了一个“员工门户”。这是一个员工可以访问和下载营销材料的安全区域。