[Design] Isometric Style Logo|素人設計

Ichi Tsai
Ichi’s Life Hack
Published in
3 min readJan 20, 2018

因為同事畫的架構圖中會用到小組 logo,但我們 team 還沒有 logo,workshop 宣傳片也是用個示意圖這樣。之前就想過很憧憬 tensorflow 的 logo,雖然還沒玩到 tf,不過各大文青海報視覺宣傳都走這種構圖想說也來一下,以下列出步驟跟用到的工具:

  • 因為太健忘了所以 Google 一下 tensorflow logo 的 style 叫什麼,感謝西螺大神找到。keyword: tensorflow logo style 之類的。
  • 得到 isometric 這個關鍵字之後,去 Google — isometric drawing tool,會得到一些推薦。因為本人對那種 pro 級的介面非常苦手,工具太多想找的東西找三次找不到就挫折放棄(?),所以越簡單還不用 install 東西最好:網頁版 — https://illuminations.nctm.org/
  • 進去之後大概試幾次就知道每個 icon 在幹嘛,讚讚。拿來畫草稿非常合適,可以把積木搬來搬去,不用憑空想像。(但缺點就是開始旋轉之後這些積木就開始肢解變得破碎迷離到無法轉回來,那個 inspect tab 生成的平面圖更是個謎…可能是空間理解力太差惹…)
  • 草稿畫好之後因為網頁上找不到怎麼輸出,所以另外找了個看得非常順眼評分也很高的繪圖 app: assembly(http://assemblyapp.co/)
  • 本來因為手機畫面太小了(SE)所以放第一個菱形就準備放棄,開始找筆電用的繪圖軟體,但要載 inkscape 的過程中就用 app 畫完了(欸
  • 然後很一則以憂一則以喜地…
    悲:要 upgrade 才可以輸出成圖檔,所以我用截圖(欸。
    喜:app竟然把我繪圖過程都錄起來了而且可以存 local 影片…所以就丟到 imgPlay(本來拿來做姪子的表情貼圖 gif app)做成 gif 了。
    這真是太神奇了傑克里斯丁多夫羅賓。

以上就是,不會 adobe {*}系列的工具也可以畫出潮到出水的 logo 還附贈 gif 的做法。當然這不是向量類型的還有待加強。簡單點就是課金解決,不然就是用 inkscape 重拉一次吧。

歡迎留言有什麼可以畫圖的懶人工具呦 O_<

--

--

Ichi Tsai
Ichi’s Life Hack

A proactive and helpful individual who values integrity above all else. Have both backend engineering experience and project management skills.