项目六 设计与制作“校缘通”App项目—— 界面设计（三）6.1 相关知识.pptxVIP

06项目六设计与制作“校缘通”App项目——?界面设计（三）UI设计——AIGC驱动赋能界面完美设计6.1相关知识6.2任务实施6.3技能提升

066.1相关知识UI设计——AIGC驱动赋能界面完美设计

6.1.1App的列表布局方式6.1相关知识列表布局是App界面中最常用的布局形式，整体由缩略图与文字信息组合构成，这类布局对图片质量要求较低，设计核心侧重文字内容的呈现。适用场景：产品对图片质量无高要求，但需展示大量内容，且需要用户通过优惠信息、价格参数等维度进行内容对比时，可采用列表布局。优点：自上而下的展示形式契合人眼自然阅读习惯，便于用户快速扫视、对比信息；单条信息占用版面空间小，一屏可承载更多内容，提升信息展示效率。缺点：图片占比偏小，难以丰富展示产品细节；单屏信息量较大，用户长时间浏览易产生视觉疲劳。设计列表页时，需遵循以下核心原则：留白的把控张弛有度，根据内容层级做好亲疏区分；元素对齐方式规整统一；粗细元素的搭配组合营造出视觉节奏感；需要重点突出的元素选用明快的色彩；整体列表的视觉层次感清晰分明；采用虚实结合的设计手法时，需遵循实形元素在前、虚形元素在后的视觉逻辑。

6.1相关知识1.单行列表大多数消费类产品的结果页面都会以单行列表的形式进行展示，左边为图，右边为文字信息、评分和价格等，这样的展示方式易于用户阅读，如图6-1