從 Photoshop 構圖轉為程式碼變得更輕鬆

Creative Cloud Extract 重新塑造了網頁設計人員和開發人員的構圖轉程式碼工作流程。從 PSD 構圖中輕鬆摘取重要的設計資訊,包括顏色、字體、CSS 和資產,以便在撰寫行動和桌面設計的程式碼時使用。
Creative Cloud Extract
Extract 的實際運作方式。
Photoshop CC 中的轉存資產功能,可讓網頁設計人員快速定義最佳化的資產。在 Dreamweaver CC 中,Extract 可在編碼環境內提供內容相關的程式碼提示和資產摘取功能。
Photoshop CC 中的轉存資產
建立 Photoshop 構圖的設計人員可以使用基於 Adobe Generator 建置的簡單、視覺化介面,從個別圖層快速地定義並封裝影像資產。如此即可加快製作時間,讓設計人員有更多時間用來設計。
Dreamweaver CC 中的 Extract
網頁設計人員和開發人員現在可以在 Dreamweaver 中檢視 PSD,並使用內容相關程式碼提示,輕鬆地在 CSS 中定義字體、顏色和漸層。此外,他們還可以將最佳化的影像拖放至「即時檢視」中、複製文字等。
運用我們的免費教學課程,精進您的技能並學習新技巧。更多資訊 ›


與 Creative Cloud 緊密連接。
Creative Cloud 結合了世上最棒的桌面及行動創意應用程式,還提供更緊密的創作及分享方式。 更多資訊 ›
 
 
 
 
 
快速從設計轉到開發
取得 Extract 及一套完整的 Adobe 創意應用程式,只要超低價 Loading.../月
 
相關的應用程式和服務
影像編輯和構圖。
網頁和行動裝置設計