前言

在开赛前，先来做个小小的自我介绍好了！目前是火箭队的网页设计组，加入火箭队前有上过六角学院的UI课程（上课前完全是0基础 ><!!!），但却从未碰过程序语言。人生第一次学切版就是在火箭队学的，但自问还是个菜鸟，而且脑袋每次要从设计转换成程序，说真的一开始还真的有点困难（哭），但还是有坚持下去！

5月的时候因为想了解Bootstrap，所以参加了六角学院的Bootstrap 5实战营。在里面一个多月的时间，切版技巧大概有再进步一点点（但还是不够-v-），毕竟思考逻辑等等的还是没有到非常顺手。所以接下来想要来挑战自己，以Bootstrap为标准，来进行设计和切版的实作，籍此机会来练习如何「以设计角度切版」，以及「如何以切版角度去设计」。

Landing Page

这一次要设计的Landing Page是一个自由教练的预约平台，不过，这次设计的平台使用对象不是「需要健身的学生」，而是「需要学生的自由教练」。目的除了增加他们的教学经验以外，还可以让他们逃出传统大型连锁健身房的魔掌(大财团不要讨厌我QAQ)！毕竟外面的大型健身房可是从中抽不少利润呢(-v-)。由於只有30天，所以只会有Landing Page的设计和切版，还请大家不要嫌弃(><)!!!

实作模式

这次的实作将会是「一半记录如何根据Bootstrap去设计」，「一半记录用Bootstrap去切版」。整个主轴会以Bootstrap作为框架，例如设计时所参考的参数，以及切版时的框架。

使用之工具及来源

• 设计工具：Adobe XD
• 切版工具：VSCODE
• 图片：unsplash
• icon：Google Font

好！那我们就废话不多说，马上开始吧！