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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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