我的照
楊紫晴
網站設計/ UI.UX / 前端
  • 4 年 B2B 品牌企業.網站視覺
  • 4 年 B2C 接案公司.網站前端
  • 亞洲大學 數位媒體設計學系畢
  • 高雄人,已定居新北新莊

多元工作經歷:能獨立工作,也能團隊合作

網站視覺設計
4 年 4 個月
圓展科技股份有限公司
B2B 自有品牌企業.500人以上
B2B 品牌企業,獨立完成公司網站的改版及後續更新。
期間陸續加薪,獲提晉升一次。
  • 網站改版後,流量有顯著提升
  • 活動頁和登錄頁的設計和改版,提高了轉化率
  • 三個事業部的產品頁設計
  • Banner、email banner、ICON 設計
  • 多語系官網的維護和設計
  • 與工程師、PM、行銷團隊跨部門合作
  • 多語系官網圖片設計與維護
  • 圖庫和軟體續約管理
網站前端設計
4 年 10 個月
雙欣科技有限公司
B2C 資訊系統服務(Apple 授權企業經銷商).1~30人
B2C 網站設計接案公司,未買圖庫,客製化不套版,專案流程完整。
獨立負責網站前端設計及客戶溝通。三年內加薪幅度達 75%。
  • 負責網站架構規劃、前端頁面設計和製作
  • 客戶需求討論與報價
  • 各類網站版面設計
  • 前端頁面製作切排版
  • 與後端工程師合作,確保前後端協調
  • 無障礙網站設計
  • 政府標案處理﹑專案文件撰寫
  • 驗收、教育訓練安排
  • 互動問答遊戲製作
  • 維護合約事宜處理
  • 網域申請、簡報製作、名片印刷輸出
  • APP UIUX 規劃設計
  • 網站內容維護

軟體與工具

Photoshop
Photoshop
illustrator
illustrator
Animate
Animate
Adobe XD
Adobe XD
VScode
VSCode
Figma
Figma
Chat GPT
Chat GPT
Bing Image Creator
Bing
Image Creator

前端技能

HTML
HTML
CSS
CSS
SASS
SASS
RWD
RWD
JavaScript
JavaScript
Bootstrap
Booststrap
JQuery
JQuery

完整專案流程訓練,遵循 UI/UX 設計原則

我所了解的設計知識與概念

設計規劃流程
  • 釐清使用客群與目標
  • 產品試用與競品分析
  • 資料收集及競品分析
  • 清晰的架構規劃與資訊層級
  • 遵循使用者慣性規劃
  • 素材收集與設計發想
  • 提供高擬真原型,提升理解
  • 資料壓縮與 SEO 優化
遵循設計原則
  • 設計一致性,降低認知負荷
  • 直覺實用性,高於裝飾性
  • 遵循 UI 設計原則,提升易用性
  • 色彩心理學與完形心理學
  • 適當動畫效果,避免過度
  • 可互動元件,提供回饋提示
  • 簡化資訊,聚焦重點
其他相關技能
  • 瀏覽器相容性問題解決
  • 無障礙網頁設計
  • 動畫製作
  • 印刷觀念
  • 文案撰寫
  • 電繪技術
  • AI 工具輔助(如 ChatGPT)

設計不只是裝飾,更要好用

大多數作品在思考設計規劃時都以下面幾個核心理念為原則,在此統一說明。

少即是多,適當留白,聚焦重點,呈現本質

如果頁面一次呈現的內容太多會分散注意力。著名案例如同 Google 搜尋引擎, 設計只集中在核心任務"搜尋"上,而不是像 Yahoo 奇摩把訪問者淹沒在可能並不需要的資訊裡。

使用適當且有意義的動態效果,不干擾體驗

適當的微動態可以增加好感,但如果動畫過長會讓人感到拖延,讓使用者失去耐心提高跳出率。 即便有些動態效果的確看起來很華麗,但不良的動態設計只是讓使用者從重要的資訊中分心。

遵循使用習慣,直覺明確,而非盲目創新

過度複雜或不符合使用者習慣的創新,反而可能讓使用者困惑。因此我認為網站設計應該要遵循通用設計準則,確保操作直覺、簡單易用,而不是一味追求創新。

使用者會來到網站都是有他們的目的

使用者來網站不外乎是找尋他需要的資訊,因此設計的首要目標是幫助使用者快速找到所需內容,再來才是美化為良好體驗加分,而不是過度裝飾。