啊啊啊終於解決了線框／流程圖的大痛點！

先上圖～以下全部來自Dribbble。相信這種圖大家或多或少都畫過～

需求是因為，設計師都想做驚艷四方，逼格爆表的圖，放作品集里多美呀；偽需求是因為，這圖做丑了也能用，如果用InVision等軟體解釋好跳轉邏輯，甚至可以不出這個圖。

我個人來說還是很喜歡的。。。畢竟一大片，畫完很有成就感，也顯得自己條理特別清楚，但箭頭忒麻煩。。。真不樂意畫。。。

但是！這個難點要結束惹！今天被我找到一個好東西～（雖然不是什麼新東西，但是應該很多人不知道～）

～ ～ ～ ～ ～ ～ ～ ～ ～ 愉快的分割線 ～ ～ ～ ～ ～ ～ ～ ～ ～

下載戳 -> Sketch symbols for wireframing

可以拉伸線條長度，但不會影響箭頭形狀，戳上面的鏈接，看到gif你就明白了～

現在是不是畫起流程圖來容易多了！而且顏色是可以改的，用fill就可以。

如果不喜歡這個，也可以自己做呀，原理和安卓的.9 圖類似，用Layer>Image>Convert to 9-slice image就可以。下圖轉自 Sketch設計效率冷門技巧。

祝各位設計師玩得嗨～ 有幫助的話記得點贊 ＝ w ＝
推薦閱讀：