PM雜學相談室-新手轉職PM交流區🙌

UX、網站企劃能力、UI設計、產品企劃、UI、Sketch

知識貓星球

喵星人

06/13 15:04

Sketch設計工具,初學者必學的五個功能!使用方法介紹

Sketch 是一個廣受設計師喜愛的 UI/UX 設計工具,其強大的功能使設計過程更加高效。本文將介紹初學者必學的五個功能,包括畫板、符號、共享樣式、外掛和原型製作,幫助你快速掌握 Sketch 並創作出色的設計作品,以下是初學者必學的五個功能及其詳細介紹:
1. Artboards (畫板):
✴︎ 功能介紹:Artboards 是 Sketch 中用來設置和組織不同頁面或設計構件的工具。它們可以看作是設計的畫布,可以幫助設計師在一個文件中管理多個頁面的設計。
➤ 使用方法:點擊工具欄中的 「Artboard」工具,然後在畫布上拖動創建一個新的 Artboard。可以根據需要調整大小或選擇預設的設備尺寸(如 iPhone、Android 等)。
2. Symbols (符號):
✴︎ 功能介紹:Symbols 是 Sketch 中的一個強大功能,可以讓設計師創建可重複使用的設計元件,如按鈕、導航欄等。當 Symbols 被修改時,所有引用該 Symbols 的地方都會同步更新。
➤ 使用方法:選擇你想要創建成 Symbols 的元件,然後右鍵選擇 「Create Symbol」,或者使用快捷鍵 Command + Option + K。這些 Symbols 可以在不同頁面中重複使用。
3. Shared Styles (共享樣式):
✴︎ 功能介紹:Shared Styles 允許設計師為文本或圖層設置一個統一的樣式,並在整個設計文件中應用這些樣式。當共享樣式更新時,所有使用該樣式的元素都會同步更新。
➤ 使用方法:在右側屬性面板中設置圖層或文本的樣式,然後點擊樣式選擇器並選擇 「Create Shared Style」。這樣就可以在其他圖層或文本中應用這個樣式。
4. Plugins (外掛):
✴︎ 功能介紹:Sketch 支持大量的外掛,可以擴展其功能並提高設計效率。外掛可以幫助自動化任務、生成假資料、優化資產管理等。
➤ 使用方法:在 Sketch 的頂部菜單欄中選擇 「Plugins」,然後選擇 「Manage Plugins」 來安裝和管理外掛。你可以從 Sketch 外掛網頁下載各種外掛。
5. Prototyping (原型製作):
✴︎ 功能介紹:Sketch 提供了基本的原型製作功能,可以讓設計師創建互動流程,模擬用戶在應用或網站中的操作。這些互動可以幫助測試設計和獲得用戶反饋。
➤ 使用方法:選擇你想要設置互動的元素,然後點擊右側屬性面板中的 「Prototype」 標籤,設置連接到另一個 Artboard 的互動。可以設置觸發事件(如點擊、滑動)和過渡動畫。
學會這五個功能可以大大提升你在 Sketch 中的設計效率和創意實現能力,幫助你快速上手並創建專業的設計作品。
0 0 469 0