Sketch學習筆記（二）- Artboard
Artboard是建立一個專案時非常重要且必須使用的功能，由於Sketch畫布無邊界，必須新增Artboard來做後續的設計。
今天就來介紹一下Artboard吧！
建立一個Artboard
點下預設在最左邊的「＋」，找到「Artboard」並點擊，右邊就會出現選項面板，內建各種尺寸供選擇。
如果是選擇Responsive Web的話，選項就會是手機、平板與桌機的尺寸～
新增三次Artboard（手機、平板、電腦）將頁面都新增好之後，就可以準備開始設計啦！
Artboard上的元素
在設計時，超出Artboard的元素會被自動辨識成不屬於該Artboard。
就算只有一點點，還是算在Artboard裡面，但一旦超出了，他就不屬於這個Artboard了！
那麼，萬一不小心拉出範圍了，要去哪邊找呢？
通常來說，被拉出Artboard的元素會完整呈現在非Artboard的範圍，但若剛好和背景灰色一樣顏色，我們還是可以從左方的圖層去找到它！
Artboard的應用
在一個Page裡面，你可以呈現數個描述同一畫面的Artboard，例如你是RWD，在這個畫面裡面你可以去呈現他在不同裝置上的樣貌。
或是，你也可以描述一個流程，把相同流程的畫面都做出來，再利用prototyping工具做成一個可溝通的原型。
Artboard的尺寸調整
當Artboard中有元素的時候，選取會以元素為優先，想要選到Artboard只能整個框起來…但這樣又會選到其包含的元素～實在不太好選！（相信我你不會想這樣做的）
所以，當Artboard中有元素時，我們使用左邊的面板直接選取Artboard，這樣會是一個比較好的方式！
想要取消選取Artboard，只要點旁邊灰色空白處，或是直接從圖層面板去直接選擇其他元素就可以了！當然，也可以使用「esc」。
選取了Artboard，除了可以直接以游標調整大小之外，也可以透過右邊控制面板直接給予像素
記得要調整W(width)和H(hight)，XY軸是調整絕對位置，不是大小！
另外介紹一下下方的兩個選項：
- Adjust content on resize
- Background color
Adjust content on resize
如果有勾選這個選項的話，內容的物件會自動根據Artboard大小做變化。
至於如果想讓其中幾個元件設計成固定寬度，不想跟著變化，那又該怎麼辦呢？下一篇筆記會再做詳細說明喔！
Background color
這是Artboard的背景色，一般是預設白色。
但我的習慣是盡量不從這邊改，這有點類似在改body顏色…我還是習慣另外蓋一層！
我在想會有這個需求有可能是因為一些網站的定調，如果說全部的底色都是固定的某色，每個Artboard都像我這樣另外蓋一層的話可能會覺得有點累贅，如果是那樣的網站，或許可以用用看這個方法來執行設計工作！
圖層篩選器
當我們在page裡面做了很多的Artboard，每個Artboard裡面又有很多圖層，可能是元件、圖形、文字…並且又有諸多重疊導致不容易點選時，在新版Sketch中提供了「Filter」篩選器功能！
利用Filter我們可以做基本的屬性篩選和查找名稱，更快找到我們想找的圖層！
選取icon的部分會有篩選選單，點擊文字部分則可以輸入你想找的關鍵字！
Artboard大概介紹到這裡！下一篇筆記就會開始介紹圖形編輯工具了喔！！
以上是我的Sketch學習筆記，若有錯誤的地方歡迎大家討論指正！如果你覺得這篇文章還算實用，有幫助到你的話，請不吝給我一點掌聲！給我繼續寫作的動力喔！
相關文章其他篇：
