墨硯 · 設計方向探索
背景:
探索 · 登入頁設計

登入頁的四種視覺方向

需求 替我們的登入頁同步產出四種視覺方向。每一種都直接渲染出來, 方便團隊比較風格調性、資訊密度,以及在淺色與深色背景下的表現。
A — 極簡

歡迎回來

輸入電子郵件即可繼續。

使用電子郵件登入

純文字加單一安靜的按鈕。讀起來沉穩、有自信; 前提是品牌與整體 UI 已經帶出足夠的氣質,登入頁不需要再加料。

B — 插畫引導

進入你的工作桌

所有專案、筆記與草稿都在登入後自動同步。

開始登入

一張小幅幾何插畫負責定錨視覺,並暗示產品的物件模型 (桌面上有多份檔案會被一次帶回),不必靠文字交代。

C — 動效活潑

準備好出門了嗎

把鑰匙交給我們,門就會自己開。

一疊輕輕上下浮動的卡片替靜態畫面注入呼吸感。 幅度刻意壓低,長時間掛在那裡也不會變成視覺噪音。

D — 步驟教學

第一次來嗎?三步驟進入

  1. 輸入工作用電子郵件 我們用它寄一次性登入連結,不需要密碼。
  2. 打開信箱點擊連結 連結 10 分鐘內有效,過期再請一次即可。
  3. 回到這個分頁完成登入 下一次造訪會自動辨識這台裝置。

把登入頁當成 onboarding 來設計。資訊密度高, 但每一行都對應使用者下一步動作 — 適合首次使用者,老用戶會覺得吵。