--- tags: 設計助教教育訓練手冊 --- # 助教檢核-W2 ### 學員繳交作業: 老師助教好,這是我的 W2 作業 我的 Discord 名稱:KaiHuang#1234 試煉等級:LV2 [W2-LV2-KaiHuang#1234](https://firebasestorage.googleapis.com/v0/b/homework-tools.appspot.com/o/ui-training%2F20215%2F78fBg-W2-LV2-KaiHuang.xd?alt=media&token=95bd087b-d3a2-495e-af4c-4b51853c491e) ### 批改內容: ``` Hi Kai Huang: 你好,我是本次課程的助教烙詩~ 恭喜你到了第二週的挑戰!很棒! 以下是本次作業的批改: - 由於你在Header所使用的圖片是偏深色,所以這邊會建議文字顏色使用較淺的顏色,文字可見度會較高喔 - 要注意「繪製小提醒」裡有提到Header的位置是固定的,所以會建議這邊navbar的LOGO和連結都要在container裡面喔~ - 按鈕的文字顏色建議和按鈕外框一致喔,例如統一使用藍色或是黑色 - Flow的文字內文建議盡量不要超過3行,這樣看起來會比較好讀喔 - Feature區塊: - 整個區塊的高度要注意盡量不要有小數點喔 - 區塊裡的元件也要保持一致的間距 - 文案也盡量保持統一的字數 - 記得與上下的區塊要保持一樣的間距喔 - Social proof: - 裡面文案一樣盡量保持3行以內會更好喔 - Social proof和CTA都是滿版的設計,所以建議不要放在一起喔 - CTA: - 文案和按鈕的位置要再注意一下喔 - 文字顏色和Header一樣,建議使用淺色的顏色喔 - CTA和Footer中間可以直接貼齊,不用留白 - 背景圖片可以再找與Landing Page主題顏色相關色系的照片,例如找藍色系的照片 - Footer: - LOGO記得要貼齊左邊container喔 - 連結、分隔線和LOGO的間距要再注意一下,盡量保持8的倍數和一致一點 整體沒太大的問題,主要是一些小細節可以再更好! 加油喔!再來修改一下就可以了! 如果有任何問題都可以再度發問喔~ 😆 ``` ### 助教長審核 - 裡面文案一樣盡量保持3行以內會更好喔 -> 並非必須 - 按鈕的文字顏色建議和按鈕外框一致喔,例如統一使用藍色或是黑色 -> 這邊可以建議他整個頁面統一按鈕造型,跟 Footer 一樣使用黑色即可 - 有一個比較大的問題沒抓到,是這塊沒有對齊邏輯 ![](https://i.imgur.com/bIYBxk9.png) 對於未做到基礎的學員可以給予最基礎的建議即可 比方說小數點、一致的間距都是很好的基礎建議 但像是文案行數、字數,都可以先不用抓 另外就是在回覆這類基礎尚未打好的學員時 給予的建議盡量精確詳細,避免他不理解助教的意思又要重複發問 下方這條批改就可以再修改一下: - 文案和按鈕的位置要再注意一下喔 -> 文案和按鈕的位置要再注意一下,仔細看可以發現文字已經超出格線囉,按鈕也沒有對齊格線,這邊建議可以再觀察一下老師的範例位置 ![](https://i.imgur.com/TwLCb7o.png) > 直接給予詳細的說明,讓學員明確知道要注意什麼東西,附上圖片也有幫助哦