設計從來不是一蹴而就的靈感爆發,而是無數次推翻、微調、推敲後的理性產物。這組圖記錄了一個設計稿從初稿到定稿的完整發展軌跡——每一次筆觸的增減、佈局的重組、色塊的疊加,都是設計師與需求、與審美、與技術實現博弈的痕跡。

階段一:概念草圖期
筆尖在紙上快速游走,用最低成本驗證佈局可能性。這階段不求精美,只求方向正確——信息架構是否清晰?視覺流向是否順暢?核心元素關係是否理順?
階段二:線框圖/低保真原型
將草圖數位化,確定模塊塊狀結構、間距規範、響應式斷點。這是與產品、前端溝通的共同語言,避免後期返工。
階段三:視覺設計首輪
注入品牌色系、字體體系、圖標風格、圖片風格。首輪往往「過度設計」——裝飾過多、層級不清、對比度不夠。這很正常,設計師需要先把所有想法倒出來。
階段四:評審與砍減
團隊評審、用戶測試、技術可行性核驗。這輪核心動作是「減法」:砍掉不服務於核心目標的裝飾,統一組件規範,修復可用性問題。版面呼吸感由此建立。
階段五:高保真精修與標註
像素級對齊、圖標銳化、圖片替換為實際素材、狀態圖完善(默認/hover/active/disabled)、輸出標註文檔(Markman/Zeplin/藍湖)。這是交付前端的「施工圖」。
階段六:走查與驗收
前端還原後,設計師逐頁走查:間距、字號、顏色、動效、響應式斷點表現。發現偏差即時回單,直到像素級完美。這才是設計稿真正「落地」的時刻。
設計稿的發展歷程,本質上是「不確定性逐步消除」的過程。從發散到收斂,從主觀表達到客觀驗證,每一步都在逼近「解決問題的最優解」。沒有捷徑,只有扎實的流程、嚴謹的態度、與團隊的深度協作。