請問這種有弧度比較圓滑的轉彎線是怎麼畫出來的?

這種轉彎的時候有弧度的線是怎麼畫的? PS,AI,SKETCH 都可以畫嗎?

我自己嘗試用鋼筆來畫,但感覺不夠自然,弧度有點彆扭,請教各位怎麼畫最好


只需要三步:

1、用Vector畫90度折線。

2、選擇拐點。

3、調整屬性Corners到最大值。

如此反覆,就能做出平滑的圓角折線了:)


今天正好看到一篇博文,或者說一篇教程:https://blog.prototypr.io/fantastic-flow-arrows-for-sketch-a2b01545ff2d#.om5inp6pf


PS裡面有圓角矩形,可以設置圓角;

AI裡面有個Corner參數;

Sketch很少用,估計也會用類似corner之類的參數;

如果要手動調的話,一般都是在ps裡面,可以把畫布放大到1px的網格,然後用轉換點工具,慢慢調整,很折騰,但是樂趣多多。

不規則圖形要做圓角一般在AI裡面方便一點。有時候也可以搜索一下插件,你的問題也是很多人的問題,很多時候可以搜出很多插件,很方便。

另外一個,如果你是要用來做線框圖的話,建議自己畫一系列,或者下載,然後保存為:自定義圖形;下次用到直接點擊引用,然後再用直接選取工具改變一下長度就好,方便很多,

比如我的:下左,就是往下向左;用自己記得住方便確認的就好。


有一種矩形叫圓角矩形


有一種矩形叫圓角矩形 選擇弧度


無論什麼工具都可以做,只需要一個屬性就是倒角,把直角倒成圓角就好了,需要做到很圓滑很簡單倒角數值調大一點


沒那麼複雜,就是一個倒圓角。半徑自己定好就好看了。


用adobe家的AI,CC版本的,先用鋼筆工具畫橫豎都是垂直的線條,然後用直接選擇工具,就是白色的箭頭對每個直角的點進行倒圓角,想多圓滑都行。


圓角矩形工具


推薦閱讀:

「設計熱點」- UI 設計趨勢 #2: 偏離中心對齊
蘋果的圖標為什麼那麼好看?!
為什麼很多學生都想從事互聯網設計工作(UI/交互/產品設計)?
如何做出科技感強的扁平化效果UI?
分享 23 個超好用的配色參考工具,設計師、插畫師必備!

TAG:交互設計 | 用戶界面設計 | UI設計入門 |