萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

使用 Illustrator 進行 UI 設計:參考線進階技巧

Illustrator 的參考線系統遠超 Photoshop:不僅支援水平垂直,任意斜線、曲線、甚至圓形都能轉為參考線。本文以製作 iOS 7 圖標模板(羊角螺線圓角)為實戰案例,完整示範從下載 SVG 曲線、編輯錨點、構建 1/4 圖標形狀、繪製內部米字/內切圓/切線參考線、轉為參考線、存為模板的全流程,讓版面佈局精準又彈性。

iOS 7 圖標規格重點

  • 尺寸 120×120 px(@2x),不再支援非 Retina。
  • 圓角採用羊角螺線(Euler Spiral),曲率變化平滑,緩和曲線半徑約 38 px。

參考線優勢總結

  • 任意形狀可轉參考線(非僅直線)
  • 縮放不變粗細(始終 1px)
  • Cmd+; 快速顯示/隱藏
  • 通常鎖定不易誤動
  • 圖層面板永遠置頂顯示
copyright © 萬盛學電腦網 all rights reserved