项目六 设计与制作“校缘通”App项目—— 界面设计（三）6.2 任务实施.pptxVIP

;;Banner广告区布局在新生入学必买板块下方，作为核心引流展示区域，整体以“双十一”为主题进行视觉设计。

好物推荐板块是本界面的核心展示部分，采用两列瀑布流布局，重点展示商品本体、价格信息及核心卖点。

本项目的学院好物页面采用长图形式，将首屏所有内容进行一体化呈现，界面整体设计效果如图6-8所示。;1.搜索栏和图标区制作

（1）打开AdobeXD软件，新建iPhoneX/XS/11Pro（375×812）尺寸，如图6-9所示。首页全局边距左右留，打开XD版iOS组件直接拖拽iPhone的notch和状态栏，选择工具输入大标题“学院好物”使用苹方字体（16ptRegular，#），放置在页面的中间位置，如图6-10所示。;（3）绘制搜索栏图标。选择工具箱中的“矩形工具”，设置宽为，高为，圆角的矩形，边界的填充色值为#，“编辑宽度”为1。

（4）绘制搜索图标，选择工具箱中的“椭圆工具”，设置宽为，高为，“边界”色值为##DBDBDB，“边界宽度”为1。选择工具箱中的“直线工具”，绘制宽为，高为，倾斜的线段。选择工具箱中的“文本工具”，输入“搜索”使用苹方字体（12?ptLight，#，），如图6-11所示。

;（5）功能入口图标制作，选择工具箱中的“椭圆工具”，设置宽为，高为，填充线性渐变（左侧色块颜色为#FBA872、右侧色块颜色为#FB7746）。选择工具箱中的“椭圆工具”