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

這種流程圖，可以說是個

需求

，也可以說是個

偽需求

。

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

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

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

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

下載戳 -> Sketch symbols for wireframing（已經過期了，找到了另一個～

https：//www。

invisionapp。com/inside-

design/scalable-connection-arrows-sketch/

）

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

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

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

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