作业18思路参考

作业图

作业18:团队介绍页面

💡 学习课程:第21课团队介绍页面

🏮 今日作业:
根据老师课程上的展示和要求,完成如下图所示的2个模仿作业
作业十八 - 图1
作业十八 - 图2

课程要点

作业十八 - 图3

点评思路

人物介绍页面主要是展示人物的形象、姓名、title 以及一些其他需要展示的内容,在信息的层级上要求的比较严格,信息层级区分清楚才能让页面更加清楚
图一是珞珈老师的介绍页面,主要点是:
背景形状+人物+logo、姓名、title、介绍
背景的形状渐变形状的设计比较简单,主要点在于渐变和透明度的设计是不是和谐,颜色不要太突兀
文字设置倾斜字体,文字边渐变线条和渐变色块倾斜度要保持一致
title字体和介绍要与名字形成对比,做出层级区分
图二是团队介绍的页面,主要点是
几位老师在平行四边形的填充位置要大概一致,做出高低错落之后,人物也有错落感,底部增加办透明蒙版,英文设置字体大小不一是为了满填底部框架,搭配图片的错落感,让页面在统一中有稍有变化,人物侧面的中文名字位置要得当,不要放到脸上……
底部的蓝色叠底色块为了让人物从背景突出出来,要注意颜色不要太亮

作业案例

复刻90%以上,细节小问题可以提示学员,背景形状颜色偏亮,介绍文字字号偏大,根据实际情况评4星⭐⭐⭐⭐——5星⭐⭐⭐⭐⭐
作业十八 - 图4
团队页面变形了,基本样式不到位,根据实际情况给到3星到四星
作业十八 - 图5
作业十八 - 图6