Visual
視覺規劃
為了拉近與學生及新鮮人的距離,我將介面定義為『手札筆記本』。
背景採用格紋內頁語彙,並將 UI 元件轉化為日常文具,如便利貼風格的主標題、紙膠帶意象的內頁標題,以及模仿剪裁線的區隔設計。
透過這種溫潤且具親和力的手寫感視覺,成功賦予產品獨特的風格辨識度,並大幅提升目標族群的互動意願。
【原創視覺增加品牌獨特性】
為響應社群熱潮並提升測評中心的使用率,本專案旨在打造專屬 1111 的原創視覺語彙。
在風格選定上,我平衡了創意表達與企業接受度,最終定案以色塊構成為核心,並在重疊處輔以細緻線條勾勒。
由於現代多數使用者透過行動裝置參與測驗,本專案採手機優先策略進行開發,確保核心互動體驗在手機端達到最佳化。
針對桌面版螢幕,我採取了視覺延伸方案:利用淡色系的重複圖樣作為背景裝飾,這不僅填補了寬螢幕的空間餘白,更在不干擾主內容的前提下,維持了全站視覺風格的連貫性與品牌氛圍。
為了拉近與學生及新鮮人的距離,我將介面定義為『手札筆記本』。
背景採用格紋內頁語彙,並將 UI 元件轉化為日常文具,如便利貼風格的主標題、紙膠帶意象的內頁標題,以及模仿剪裁線的區隔設計。
透過這種溫潤且具親和力的手寫感視覺,成功賦予產品獨特的風格辨識度,並大幅提升目標族群的互動意願。
裝飾字體聚焦於標題層級:大標題採用具備律動感的『文鼎俏黑體』,副標題則選用溫潤的『文鼎花栗體』,搭配英文字體『Chekharda』強化跨語系的一致性。
針對內文,考慮到測驗過程中的資訊吸收速度,我回歸理性使用『思源黑體』。
透過裝飾字體的『感性敘事』與黑體的『理性易讀』相互協調,確保使用者在沉浸於插畫氛圍的同時,依然能擁有流暢、無壓力的閱讀體驗。
本專案選用綠色為主色,象徵新鮮人初入職場、如同幼苗萌芽般的翠綠活力。
為了提升畫面的穩定性,輔助色採用鄰近色系的藍色與紫色,營造出寧靜且專業的和諧感。
重點處使用黃色作為強調色,為版面注入活潑亮點。輔助色與強調色均採取低飽和的淡色系處理,旨在減輕使用者的認知負擔,建立舒適且耐看的長效視覺體驗。
插畫設計採取了模組化設計,以商業素材庫為基礎,重構其美術風格以符合品牌語彙,並以此為基準開發出一套標準化模組,針對角色髮型、肢體動態及服飾進行高度客製化設計。
在跨團隊協作中,我主導並產出了 11 位原創風格角色與 9 組核心場景,並獨立操刀開場與結尾的過場動畫。
透過這套組件化的開發流程,不僅確保了視覺風格的高度統一,更在有限的時程內實現了內容的多樣性與豐富度。

