Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ゆるデザトークのロゴを作った話

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Keisuke Watanuki Keisuke Watanuki
October 17, 2020
Design
1
150

 ゆるデザトークのロゴを作った話

2020/10/17開催のゆるデザトークで話す内容です。

Avatar for Keisuke Watanuki

Keisuke Watanuki

October 17, 2020
Tweet

More Decks by Keisuke Watanuki

See All by Keisuke Watanuki
CSS in JSで変わること変わらないこと
Avatar for Keisuke Watanuki kskwtnk
3
410
実装まで視野に入れるならAtomic Designを辞めましょう
Avatar for Keisuke Watanuki kskwtnk
1
290
良いUXを実現するために、まずはチーム内にデザインを浸透させている話
Avatar for Keisuke Watanuki kskwtnk
3
240
Figma APIを使って活動履歴をグラフ化した話
Avatar for Keisuke Watanuki kskwtnk
0
720
アプリケーションのインターフェースはOOUIにしようって話
Avatar for Keisuke Watanuki kskwtnk
0
100
イラストの色選びはナチュラルハーモニーを意識しようって話
Avatar for Keisuke Watanuki kskwtnk
1
350
FigmaのAuto Layoutを活かしてUI Kitを作った話
Avatar for Keisuke Watanuki kskwtnk
0
150
経営理念達成のためのデザイン
Avatar for Keisuke Watanuki kskwtnk
0
60
私のおすすめのデザインガイドライン構築法
Avatar for Keisuke Watanuki kskwtnk
0
67

Other Decks in Design

See All in Design
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
1
370
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
580
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
180
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
3.3k
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
200
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
2
250
デザインするために「多様性」について考える
Avatar for なつ iflection
0
190
AIエージェントが対話的なUIを返す！MCP−UIで変わるユーザ体験
Avatar for daitasu daitasu
1
150
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
300
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
870
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
2
130

Featured

See All Featured
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
110
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
70
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
5
35k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
220
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.7k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
190
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
110
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
470

Transcript

  1. 2020.10.17 @ 綿貫佳祐 ゆるデザトーク Increments のロゴを作った話

  2. ゆるデザトークのロゴを作った話 ゆるデザトーク 2017年 2020年 株式会社エイチームに新卒入社 株式会社エイチームライフスタイルに配属 Increments株式会社に異動 綿貫 佳祐 @xrxoxcxox

  3. ゆるデザトークのロゴを作った話 ゆるデザトーク エンジニア採用支援サービス 社内向け情報共有サービス プログラミングに特化した情報共有コミュニティ

  4. ゆるデザトークのロゴを作った話 ゆるデザトーク このロゴを作った話

  5. ゆるデザトークのロゴを作った話 ゆるデザトーク クリエイティブの作成 どなたかにお願いしたいです！ 9月中頃、きよしさんより

  6. ゆるデザトークのロゴを作った話 ゆるデザトーク サービスのロゴは作るけど イベントのロゴってあんまり経験ないなあ

  7. ゆるデザトークのロゴを作った話 ゆるデザトーク 良い機会だし チャレンジしてみよう〜っと

  8. ゆるデザトークのロゴを作った話 ゆるデザトーク Logo 一口にロゴと言っても 役割や重要ポイントは様々

  9. ゆるデザトークのロゴを作った話 ゆるデザトーク Instant Logo Searchより

  10. ゆるデザトークのロゴを作った話 ゆるデザトーク サービスロゴ、ブランドロゴ 紙とディスプレイどちらもOK 看板からファビコンまで対応 フルカラーでもモノクロでも印象同じ 時間が経っても古臭くならない etc...

  11. ゆるデザトークのロゴを作った話 ゆるデザトーク 企業ロゴ、サービスロゴ 紙とディスプレイどちらもOK 看板からファビコンまで対応 フルカラーでもモノクロでも印象同じ 時間が経っても古臭くならない etc... 条件や制約多すぎ →自然とシンプルに

  12. ゆるデザトークのロゴを作った話 ゆるデザトーク

  13. ゆるデザトークのロゴを作った話 ゆるデザトーク イベントロゴ イベントのイメージを伝えたい ロゴ自体がグラフィックとして使われる 使い方はイベント側でコントロールしやすい その時期しか使わない etc...

  14. ゆるデザトークのロゴを作った話 ゆるデザトーク イベントロゴ イベントのイメージを伝えたい 使い方はイベント側でコントロールしやすい ロゴ自体がグラフィックとして使われる その時期しか使わない etc... 汎用的に使えるよりも 特化した価値を求めたい

  15. ゆるデザトークのロゴを作った話 ゆるデザトーク 普段の業務と違う経験が出来そう →手を挙げた背景

  16. ゆるデザトークのロゴを作った話 ゆるデザトーク ムードボード作成 体裁は整えず、 Pinterestで収集

  17. ゆるデザトークのロゴを作った話 ゆるデザトーク 「ロゴにおけるゆるさ」 の確認

  18. ゆるデザトークのロゴを作った話 ゆるデザトーク Procreateで下書き iPadのみ

  19. ゆるデザトークのロゴを作った話 ゆるデザトーク

  20. ゆるデザトークのロゴを作った話 ゆるデザトーク 字体が太い方がゆるくしやすかった 角張ってるより丸い方がやっぱゆるい 最初は 「TALK」 だったのを 「ト〜ク」 に （英語だとなんかシュッとしてた）

    話すイベントなので吹き出しモチーフ

  21. ゆるデザトークのロゴを作った話 ゆるデザトーク Affinity Designerで清書 iPad編 〜ベクター化〜

  22. ゆるデザトークのロゴを作った話 ゆるデザトーク 自分ルール 「今まで使ったことのないツールを使う」 など、何か1つチャレンジする

  23. ゆるデザトークのロゴを作った話 ゆるデザトーク iPadでパス化だけした （青色は何故かラフから変わっている） →うーんなんかなあ……

  24. ゆるデザトークのロゴを作った話 ゆるデザトーク Affinity Designerで清書 Mac編 〜ブラッシュアップ〜

  25. ゆるデザトークのロゴを作った話 ゆるデザトーク iPadでフォント管理するの嫌過ぎワロタ 細かい作業はやっぱりPCのがラク デバイス間連携を試してみよう なぜあえてiPadからMacへ

  26. ゆるデザトークのロゴを作った話 ゆるデザトーク Designerだけでなく シリーズ通して使ってみたい

  27. ゆるデザトークのロゴを作った話 ゆるデザトーク そんなこんなで完成！

  28. ゆるデザトークのロゴを作った話 ゆるデザトーク 文字に落ち影っぽい加工を追加 英語フォントをroundedに変更 黄色のモニョに濃いもの追加 字間・色・線幅の調整

  29. ゆるデザトークのロゴを作った話 ゆるデザトーク

  30. ゆるデザトークのロゴを作った話 ゆるデザトーク 出来なかったこと…… モーションを作る ガイドライン的なものを作る VI的な意味のアプリケーションデザインを作る →次回は頑張るぞ！