減少開發與設計的時間成本,也方便工程師了解規格,也幫助跨職能角色上合作提升工作效率。
內部資訊快速的變動之下,總是花費大量時間產品或網站頁面,故制訂好規範讓人員從中挑選樣式,更好掌握商品快速公開時間。
提供使用者良好體驗,達成裝置與平台使用的一致性,自訂公司內部系統網站規範,以利維護與開發,並提高用戶體驗。
全站改版頁面較多,還要考量中英文版本共用,及有新的頁面規劃,制定佈局上花比較多時間,全網站分批次進行。
遵循隔線系統設計 Grid system ,公司有購買基本樣板,再從中自訂屬於公司的網站系統規範 Design Guideline,以利工程師了解規格,取得更有效率開發,也能保持介面一致性。
一、以下為子頁,較完整呈現多佈局與元件的設計,完整的規範無對外公開,不便詳細露出。
字體規劃:使用無襯線字體,字體級距設計、免費字型優於網站速度
二、佈局間距:使用Bootstrap 框架欄位排版,並在規範安排多種佈局分別單欄、雙欄、多欄制定間距
三、色彩規劃:常用文字、表格、按鈕等設計皆有統一用色,保持介面一致性
四、按鈕與表單設計:分別設計主要與次要按鈕,表單則依照類型設計 (諮詢表單、下載簡介等、預約表單等)