成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

切圖崽的自我修養(yǎng)－[TOOL] 用Omnigraffle繪制UML

BWrong / 3272人閱讀

摘要：前言不會(huì)畫圖的程序員不是好產(chǎn)品經(jīng)理喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立志做產(chǎn)品經(jīng)理的程序員之后，發(fā)現(xiàn)他們都有一套自己喜歡用的精致小巧的工具，其中經(jīng)典的一套為線框原型通用

前言 
不會(huì)畫圖的程序員不是好產(chǎn)品經(jīng)理

喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立志做產(chǎn)品經(jīng)理的程序員之后，發(fā)現(xiàn)他們都有一套自己喜歡用的精致小巧的工具，其中經(jīng)典的一套為Balsamiq mockups(線框原型)+Omnigraffle(通用圖形)+Markdown(文本編輯)+Keynote(演示匯報(bào))的Mac全家桶. 滿滿的都是逼格有沒(méi)有.

所以今天稍微鼓搗了一下Omnigraffle,發(fā)現(xiàn)真的非常好用，暫時(shí)貼上一點(diǎn)點(diǎn)心得，慢慢補(bǔ)上一些前端程序員經(jīng)常用到的圖表繪制的方法.

常用快捷鍵:

移動(dòng):v

形狀:s

線條:c

文字:t

格式刷:w

磁化:m

縮放:z

連接圖:d

P.s: 按住快捷鍵不動(dòng)可以暫時(shí)切換到該快捷鍵對(duì)應(yīng)的功能狀態(tài)，另外同時(shí)按下opt鍵會(huì)有配合效果. 比如格式刷，按住opt+w，再單擊某個(gè)元素為暫存某個(gè)元素的樣式. 直接按住w，再單擊某個(gè)元素，就是把格式刷暫存的樣式應(yīng)用到這個(gè)元素上

流程圖

Ominigraffle有流程圖的樣式模版，點(diǎn)擊文件－>資源瀏覽器－>型板－>軟件->流程圖,里面有流程圖的基本樣式. 然后根據(jù)具體流程邏輯補(bǔ)上連接線即可

樹(shù)狀圖

雙擊工具欄中的連接圖按鈕(快捷鍵d)

在頁(yè)面空白處點(diǎn)一下，生成一個(gè)節(jié)點(diǎn)

選中某一個(gè)節(jié)點(diǎn)，什么都不按在空白處點(diǎn)一下，會(huì)生成這個(gè)節(jié)點(diǎn)的子節(jié)點(diǎn)

選中某一個(gè)節(jié)點(diǎn)按住option在空白處點(diǎn)一下，會(huì)生成這個(gè)節(jié)點(diǎn)的兄弟節(jié)點(diǎn)

選中一個(gè)節(jié)點(diǎn)，按住shift在空白處點(diǎn)一下，會(huì)生成這個(gè)節(jié)點(diǎn)的父節(jié)點(diǎn)

結(jié)語(yǔ)

鼓搗了一陣子才發(fā)現(xiàn)，使用Omnigraffle熟練的掌握快捷鍵和基本操作就夠了，很多時(shí)候我們并不會(huì)自己去從無(wú)到有構(gòu)建具體樣式，而是會(huì)去借鑒別人的stencil，即圖形模版. 你工作中想要畫的圖，不管是UE/UX/流程圖/思維導(dǎo)圖/還是UML, 社區(qū)里都有一些精美的模版，你只要把這部分模版的樣式拷貝下來(lái)，根據(jù)自己的邏輯應(yīng)用到自己的圖里就好，這能讓我們更加專注于圖形本身的邏輯和流程，而不是糾結(jié)于圖形的樣式.

分享幾個(gè)stencil的下載站點(diǎn),當(dāng)然有些精美的stencil并不是免費(fèi)的,但在你需要的時(shí)候，一定會(huì)物超所值

https://www.graffletopia.com/
https://stenciltown.omnigroup.com/

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111610.html

相關(guān)文章

  • 切圖崽的自我修養(yǎng)－[TOOL] 用Omnigraffle繪制UML

    摘要：前言不會(huì)畫圖的程序員不是好產(chǎn)品經(jīng)理喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立志做產(chǎn)品經(jīng)理的程序員之后，發(fā)現(xiàn)他們都有一套自己喜歡用的精致小巧的工具，其中經(jīng)典的一套為線框原型通用 前言 不會(huì)畫圖的程序員不是好產(chǎn)品經(jīng)理 喜歡裝逼有品位的程序員都有一顆產(chǎn)品經(jīng)理的心，但印象中產(chǎn)品經(jīng)理經(jīng)常要畫一些奇奇怪怪七七八八的圖，在請(qǐng)教了一些立...

    mykurisu 評(píng)論0 收藏0

  • 切圖崽的自我修養(yǎng)－[TOOL] 用MockJs模擬數(shù)據(jù)

    摘要：用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā)安裝使用這里作用等價(jià)于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數(shù)同理，用占位符和調(diào)用具體的函數(shù)等價(jià)可模擬整形數(shù)組的長(zhǎng)度和值可模擬某一 MockJs 用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用MockJs模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā) 安裝 npm...

    Jaden 評(píng)論0 收藏0

  • 切圖崽的自我修養(yǎng)－[TOOL] 用MockJs模擬數(shù)據(jù)

    摘要：用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā)安裝使用這里作用等價(jià)于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數(shù)同理，用占位符和調(diào)用具體的函數(shù)等價(jià)可模擬整形數(shù)組的長(zhǎng)度和值可模擬某一 MockJs 用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用MockJs模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā) 安裝 npm...

    bergwhite 評(píng)論0 收藏0

  • 切圖崽的自我修養(yǎng)－[TOOL] 用MockJs模擬數(shù)據(jù)

    摘要：用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā)安裝使用這里作用等價(jià)于拓展周杰倫林俊杰鄧紫棋方大同自定義的拓展函數(shù)同理，用占位符和調(diào)用具體的函數(shù)等價(jià)可模擬整形數(shù)組的長(zhǎng)度和值可模擬某一 MockJs 用前后端分離的開(kāi)發(fā)模式，前端和后端約定好接口格式之后，前端可以用MockJs模擬返回?cái)?shù)據(jù)，從而可以完全脫離后端進(jìn)行開(kāi)發(fā) 安裝 npm...

    Eric 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<