11 同一段記憶說明用了三種分類底色;大量視覺重量沒有增加理解。
這次以首頁的 170 個入口為範圍,檢查手機、桌機、隱藏分頁與展開內容。以下用真實截圖說明五類主要問題,以及修正後該看到的差異。
截圖框線是本報告的標註,網站本身不會出現這些框線。手機往下看即可,不必開電腦。
你圈出的腦、油漆、梯子等圖示沒有提供額外判讀;紫、綠、紅整塊背景也只是重複標題。修正後改用清楚的標題、留白與分隔,功能主色留給選取和互動。
11 同一段記憶說明用了三種分類底色;大量視覺重量沒有增加理解。
22 移除裝飾 icon 與彩色面板,保留 C₄F₈ 成膜、SF₆ 蝕刻及成立條件;詳細記憶法可展開閱讀。
顏色有用途才保留:目前選取、錯誤風險、資料曲線、物理材料、示範介面和真實圖片。數字徽章可以保留序列色;分類不再同時擴散到整片背景與邊框。
章節選單置中;正文與長字可換行;寬表格在自己的區域滑動。也修正名詞浮窗尚未顯示就把整頁撐寬,以及切換狀態後文字變淡的問題。
33 選單表示「目前章節」,置中方便掃讀;下拉清單本身由手機瀏覽器呈現。
44 保留欄位比較關係,表格可左右滑;頁面本身維持手機寬度。
修正 DCG / TCG 與圖表的線字重疊;符合條件的 SVG 加入「總覽+局部放大」。設備圖庫補上同一張機構圖的局部示意與原始來源,不再讓缺圖留下空白。
55 點總覽換位置,藍框對應局部;可選「全圖/讀字」、縮放與鍵盤操作。
66 局部取自同一張總覽,保留位置關係。原創示意與設備商/文獻的外部來源分別標示。
新增或重做的示範保留完整路徑,讓圖、數字和說明一起改變。每段可逐步、暫停或重看;有數值模型的地方列出假設與限制。
77 add 之後再編輯,三份內容會分開。commit 使用暫存區快照。
操作 Git 示範 →
88 拒絕分支停在工具前;通過後才有成功事件與事後動作。
操作 Hook 示範 →9 電子真的沿 PPD → TG → FD 移動;滑桿改變電子數,輸出碼同步改變。
操作 4T 示範 →另已改善:快取命中/未命中、機架→運算匣→電路板→封裝、Bosch 鋪膜/清底/蝕刻、DTI 溝壁與能階。
這些是教學示範,不是製程或產品的校準模擬。已查核這次改寫所涉及的來源與模型;未把 170 頁所有歷史敘述都當作完成逐句事實查核。
正文與行距加大,弱化標籤和外框;引文不再變成亮色的小字程式碼。章節選單照樣保留,這部分沒有增加動畫。
1010 檢查重點是正文密度、文字層級與多餘的裝飾。
1111 手機正文維持 16px、1.85 行距;重點靠標題與段落組織。
390px 與 1000px 分別渲染,點開可辨識的分頁並展開 details。檢查水平溢出、表格內容、SVG 文字碰撞、圖片與執行錯誤;改寫的互動另做操作測試。初始版面另外完成 168 × 2 尺寸檢查。
WAT 與 Cloudflare 兩個入口導向私人登入頁,本次確認入口與存取邊界,未把登入後的內容列為通過。SVG 排版教學中的「錯誤示範」刻意保留並標示。畫面檢查與教學質感分開判斷,程式 PASS 不等於每頁都已達到你心中的 WAT 水準。
應看到中性說明、置中章節選單。原本的腦、油漆、梯子裝飾,以及紫綠紅大面板不應再出現。
正文應維持手機寬度;只有分頁列、寬表格和放大圖解可在各自區域橫向捲動。
改電子數、切快取情境、add 後再編輯,應看到圖和讀值一起改變。不是只有標題輪流亮起。
字與行距應較容易連續閱讀。這部分沒有新增動畫。
這次已完成修正與本機渲染驗證;上線狀態以交付訊息為準。你的回饋用來判斷教學表現是否還需調整。