作業狀態
🙌🏼 初次完成
哪一次作業
作業週次
負責批改助教
作業評語（助教）
初次繳交 老K點評
🔥 光是看完思路我就想給 Kyo 優秀作業了😝 其實 Notion 最棒的使用情境，就是當我們十分明白需求、並且知道自己要的是什麼的時候，剛好在訓練營中都會不斷替大家打造「需求」，再加上 Kyo 這麼清晰的思路與分析，我很期待後續作品！
第一眼見到你的頁面，第一感受是「怎麼有點白XD」，但隨著看了思路與個人頁面的敘述文字，我才發現你的彩色不是在背景，而是在內容。☀️
（就是一種一本正經講笑話的感覺，哈哈跟你頁面上有人留給你的評論一樣）
過多的樣式會讓人關注於外貌，而忽略了內容本質。我相信有仔細讀過你頁面的人都會懂的～
👉🏻 如果還想優化的話，我的看法會是：
若不使用色塊背景的話，就要思考如何在視覺上拉出層次、留下空白。大部分的人對純黑白文字還是會下意識抵抗的。
比如可以在 Heading 底下加入分隔線，讓文字擁有自己的小單間。又或者像你的思路最後結論一樣：「找些好看的圖片放上去點綴吧！」（optional）批改狀態（助教）
初次批改完成
作業評級（助教）
⭐️ 優秀作業
作業是否完成（舊）
一、作業撰寫說明
- 請先看上方「哪一次作業」欄位的作業公告，釐清這次作業要求。
- 做作業時，到下方「二、作業思路」區域，條列式紀錄你做作業的思路與過程，讓助教或同學方便理解「你是怎麼想的」。
- 本次作業為「完成個人頁面」，請到上方「學員」欄位找到自己的學員頁面，直接在自己的頁面中製作！
二、作業思路
你是怎麼做出你的學員頁面的？
有什麼特別的思路或步驟嗎？
記錄下來才會幫助你思考，也能讓其他同學互相學習。
一、作業撰寫說明 二、作業思路第一步：模仿與規劃1-1：參考優秀學員1-2：執行1-3：歸納第二步：實作2-1：架構與發想2-2：實作：四層大區塊⭐️ 2-3：助教老K的優化建議與我的迭代2-4：個人迭代第三步：番外篇——個人心中第一屆前十名首頁3-1：選擇要點3-2：得獎名單暨個人主觀點評3-3：總結——從優秀學員們試論如何入選個人頁面優秀作業
第一步：模仿與規劃
1-1：參考優秀學員
沒有頭緒時，模仿也是很好的學習，先把第一屆有優秀作業的同學的「個人頁面」觀摩一次作為參考，覺得很有亮點部分加以筆記
- 如果覺得需要參考的人數太多的話，可以把門檻提升到優秀作業率 50%
- 如果還是覺得太多，可以只看「優秀學員（優秀作頁率 100%）」的頁面
1-2：執行
第一屆大概看了 50 人份左右的個人頁面，選了 16 人加入書籤
- 一開始想要一邊看一邊記一下每個人的優點，但量太大，後來發現更有效的方式是把喜歡的加入書籤，集中參考這些人的元素即可，畢竟不是真正的完全模仿，學習只要點到為止已足
- 個人心中前十名請參考第三步，不負責任推薦 🤣
1-3：歸納
個人歸納與偏好，將作為實作方向：
- 內容太多或太少我都比較不愛，有時留白也很重要
- 超過三欄並排容易跑版或版面不齊，這是 RWD 問題，只能盡量回避
- Table of contents 、database 與 toggle list 宜慎用，花俏元素可以增加亮點也可能干擾閱讀
- 喜歡簡單大方的排版，能有效突顯個人特色即可，少即是多
- 涵渝在助教課所給的範本也是必須參考的！簡潔而真誠，我看了 N 次~
- 傳送門：
第二步：實作
2-1：架構與發想
- 打算使用垂直 3-4 層左右的版面即可，回應第一步說的「簡單大方」
- 暫不使用 database（因為要點進去，多少會影響閱讀流暢性）
- 使用寫過的文章重新以導讀文案角度解說來模仿第三人稱進行自介，作為比較少見的表達形式，也是小賣點
- 盡可能少使用色塊背景，因為我偏好留白
2-2：實作：四層大區塊
- 自介，講太多不好意思，以「工作轉職」和「文字創作」兩大主軸展開即可
- 訓練營目標，有些人寫得很好，我也要用心，以動機和期待為主軸
- 後來調整了一下順序，把訓練營目標拉到導讀下方，讓自介部分較為完整、一體
- 自介導讀部分，過去的文章在此可發揮作用，即使沒興趣，仍可以看看導讀大概了解我的想法與感受
- 興趣部分，就寫自己覺得重要或很喜歡的
- 這個部分會使用單欄且放在最後，這樣結尾在版面上會有最多留白，視覺上讓人比較放鬆
頁面的最開頭也是類似想法：
⭐️ 2-3：助教老K的優化建議與我的迭代
建議內容：
若不使用色塊背景的話，就要思考如何在視覺上拉出層次、留下空白。大部分的人對純黑白文字還是會下意識抵抗的。
比如可以在 Heading 底下加入分隔線，讓文字擁有自己的小單間。又或者像你的思路最後結論一樣：「找些好看的圖片放上去點綴吧！」（optional）
- 心得：
- 感謝老K，一想到這樣豐富內容的回饋竟然要給超過 30 份，就覺得助教們真是猛！腦力密集
- 認同，要是完全不用色塊，文字區塊間的邊界辨識度確實不足
- 實作：以內建功能來調整排版為主，因為圖片要用得好比較複雜 XD，以下是我的更動
- Heading 2「自我介紹」使用色塊，顏色與本來預設同階的冒險家契約相同（好想要
border-radius） - 但不建議使用此方式來進行「硬排版」，比如標題置中，在不同情況下很容易跑版
- Heading 3「不使用色塊」，因為視覺上可能會過於雜亂，取而代之的是在各區塊之間使用分隔線
- 有試圖為 Heading 3 使用不同文字顏色，比如藍色，或在前面加上符號類 emoji 比如 ❦，但都不盡符合我的審美 XD，捨棄此方案
- 作為 Heading 4 功能使用的引言一律使用灰色區塊，讓所有同階小標題配色一致，強化整體感
- 引言標題內的「強調詞」一律使用粗體，而不像之前有粗體也有變色
- 至於為何選灰色而不是別的顏色，主要是看起來比較有 B 格
小提醒：block 左邊的 padding 較窄，用了色塊後會發現字很靠近邊邊，可以空一格讓整體更協調，如下：
- 附帶一提，逛了同學的作業看評語，發現第二組的助教評語竟然還上了美美的顏色，簡直是助教評語的軍備競賽
真ㄉ太美惹，請欣賞
2-4：個人迭代
- 新增本站吉祥物圖片，使用世界上最可愛生物
- 新增「點我回最上面」功能，不過與別人略有不同。
第三步：番外篇——個人心中第一屆前十名首頁
排名不分先後，單憑個人喜好選出心中的前五，不過會附上理由
後來發現只選五個有點太困難了，改成十個！依舊不分先後
3-1：選擇要點
主要憑第一印象，因為只看了全體成員的一半，所以遺珠難免，只為自娛，並感謝這些人對我的創作啟發，很多排版架構或文字呈現方式都是從中模仿
3-2：得獎名單暨個人主觀點評
- 訓練營目標共三欄，使用「引用」來區隔段落，美觀且有新意，強調的橘色也用得很棒
- 全站內容清楚好讀
- 有插圖就贏一半惹，畫得真4好：朋友很重要
- 我覺得這個區塊用得很棒，配色美觀柔和，心得也頗為具體，表達上不貪心！
- 橘神，同上理由，有插圖94狂，而且是自繪的！
- 真正的最大亮點（請自行前往欣賞）
- 很喜歡這個配色
- 喜歡這個里程碑的排版，而且每一個點就簡要表達一件事，理解無壓力，和右欄的插圖與自介版面配置得很合襯
- 三個關鍵字加上文字版，很美的排版
- 把訓練營目標放在與契約並排，覺得這個配置好巧妙，有一種空間利用高手的感覺
- 人設完整，我也將成為魔女
- 很喜歡文章中配插圖，這張插圖真是滿分
- 每個大區塊之間以分隔線分離，頁面結構清楚，迭代時採用
- 精彩的 database gallery view 用法，而且每一個點進去還有介紹與圖片，從生活的六個面向切入也是很棒的視角
- 整體版面很簡潔，是我偏好的排版模式，採用
- 如同評論者所言，這藍色用得實在太美了，我也是藍色控所以…
- about me 和整體的排版有一種中國山水畫留白的美感，讓人不會感覺資訊太擁擠
- 使用引言作為標題與無序清單，也是我喜歡的方式，這裡顯然也使用了類似的做法
- 特地做了有個人特色的封面圖，識別度高，而且挺好看的，有考慮到上方麵包屑的顏色漸層
- 極少見的使用「code block」來進行排版（有寫過 Medium 的人可能常用這招），而且很有美感
3-3：總結——從優秀學員們試論如何入選個人頁面優秀作業
依我的觀察與歸納，只要頁面中有一張美美的插圖或個人照，就已經是成功的一半了
- 儘管助教們可能不會認同這個觀點