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

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

A3db1cdacad2a1b5de5af000a1c94fda?s=47 Keisuke Watanuki
October 17, 2020
Design
1
72

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

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

A3db1cdacad2a1b5de5af000a1c94fda?s=128

Keisuke Watanuki

October 17, 2020
Tweet

More Decks by Keisuke Watanuki

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

Other Decks in Design

See All in Design
Jen Blatz - Keep Cognitive Biases from Creeping into your UX Design and User Research
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
120
Curating the #DuBoisChallenge2022
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
0
100
Robin Beers - Design Researchers, what are we up to in 2022?
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
110
Interest + Curiosity Booklet
C92ba1dc20b6ee6b4ec64e11a9dba4fc?s=48 juliaso
0
140
Monoxer Brand Guideline
2a8387f23d70f68047f0b8c32439a292?s=48 monoxer
0
8.7k
YOUは何しにそのデザインチームへ？【デザインマネージャー編】RAKSUL編
B69dc298b4efc6dad8b9ea6178799a5e?s=48 izumi_junichi
1
640
Dr.'s Prime - Branding Project - CI/VI
696174cb7bfc4ee5aedda0af8e596656?s=48 drsprime
0
490
プロダクト開発に活きるUXリサーチ - 基礎編 -
3bb2326963c24027cdf173579290bd6d?s=48 shippio
3
2.6k
Big Surからの四角いアイコン / Rounded Rectangle Icons since Big Sur
2174bd20a68bf55c494a424ad3790f4a?s=48 1024jp
2
250
Rakuma Developers
8b62efd8d4dd7c134243b785993c5f63?s=48 nojirakuten
0
2.3k
メンタルモデルとは？　カスタマーサポート向けズレ埋め勉強会
B6a2f6699d8ebaad85000f9a8e3d8ccc?s=48 aguringo
1
610
サイボウズ デザイン＆リサーチ ポートフォリオ勉強会2022
Bcbe06266087609b9bcc73163d96fe08?s=48 0b1tk
2
3.4k

Featured

See All Featured
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.4k
Art, The Web, and Tiny UX
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
280
18k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
6
560
Designing on Purpose - Digital PM Summit 2013
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.7k
Six Lessons from altMBA
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
14
1.4k
The Power of CSS Pseudo Elements
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
47
4k
WebSockets: Embracing the real-time Web
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
57
5.5k
How to train your dragon (web standard)
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
60
3.9k
Large-scale JavaScript Application Architecture
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
499
110k
A Tale of Four Properties
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
149
21k
Fontdeck: Realign not Redesign
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
4.1k
Dealing with People You Can't Stand - Big Design 2015
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
351
21k

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的な意味のアプリケーションデザインを作る →次回は頑張るぞ！