從零到頂尖：無懈可擊的網頁設計 - 設計師勞哥

tags: WebConf2024

簡報

https://drive.google.com/file/d/1Gp1qw5MxT1ioF5TRoc2F3Ov2jogNeZ8k/view

共筆

https://hackmd.io/@webconf/BJ2N6ksMke/%2F4SbzPuObTpC4fp8ytpLARg

好的網頁設計師

1. 了解設計的目的
2. 具備強大的設計實現力
3. 不斷追求卓越

設計目的

缺乏靈感

https://www.awwwards.com/

吸睛

吸睛 !== 可用 吸睛 === 吸引注意力

視覺 60 度為舒適可視範圍

1. 創造吸引力 大標（發個呆，充個電）
2. 使人投入 副標
3. 連結 按鈕

設計的技巧來於設計的基本功

• 歐文字體
• 文字排印設計系統
• 色彩互動學

小結

形式的選擇是為了達成設計的目的

設計的實現

設計是實踐雙方的目的

1. 草稿 wireframe 1.1 概念提案 1.2 元素確認 1.3 概念設計 1.4 設計打樣

3. 打樣 mockup
4. 原型 prototype
5. 開發 develop

設計的卓越

• 前端必須超越設計
  • 不是100%照著設計稿
  • 字體：不是照著設計稿字體
    • 要有備援字體、中文字體、符號字體

雅各定律

用戶大部分時間在其他網站，用戶更喜歡你的網站跟他們已知網站的運作方式一樣

峰終定律

那些越少人關注的需求，可能是讓你的產品不一樣的地方
極端狀態的使用下，會讓使用者發現和別人不同
尺寸的不確定性：分隔畫面、橫向螢幕
使用方式的不確定：邊走邊看、搭捷運、系統色系