Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ゆるデザトークのロゴを作った話
Search
Keisuke Watanuki
October 17, 2020
Design
1
150
ゆるデザトークのロゴを作った話
2020/10/17開催のゆるデザトークで話す内容です。
Keisuke Watanuki
October 17, 2020
Tweet
Share
More Decks by Keisuke Watanuki
See All by Keisuke Watanuki
CSS in JSで変わること変わらないこと
kskwtnk
3
410
実装まで視野に入れるならAtomic Designを辞めましょう
kskwtnk
1
290
良いUXを実現するために、まずはチーム内にデザインを浸透させている話
kskwtnk
3
240
Figma APIを使って活動履歴をグラフ化した話
kskwtnk
0
720
アプリケーションのインターフェースはOOUIにしようって話
kskwtnk
0
100
イラストの色選びはナチュラルハーモニーを意識しようって話
kskwtnk
1
350
FigmaのAuto Layoutを活かしてUI Kitを作った話
kskwtnk
0
150
経営理念達成のためのデザイン
kskwtnk
0
57
私のおすすめのデザインガイドライン構築法
kskwtnk
0
65
Other Decks in Design
See All in Design
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
180
チームをデザイン対象にする / Design for your team
kaminashi
0
270
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
2.9k
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
280
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
1.3k
DMMデザイナーの “AI活用の現在と未来”
takumasaito
1
320
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
540
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
200
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
bitkey
PRO
0
230
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
4.4k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
960
Installing and Running decksh/pdfdeck
ajstarks
1
910
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
72
12k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
The Language of Interfaces
destraynor
162
26k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
300
Paper Plane (Part 1)
katiecoart
PRO
0
2.6k
Writing Fast Ruby
sferik
630
62k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
54
It's Worth the Effort
3n
187
29k
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
0
3.4k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
0
1.8k
The Pragmatic Product Professional
lauravandoore
37
7.1k
Transcript
2020.10.17 @ 綿貫佳祐 ゆるデザトーク Increments のロゴを作った話
ゆるデザトークのロゴを作った話 ゆるデザトーク 2017年 2020年 株式会社エイチームに新卒入社 株式会社エイチームライフスタイルに配属 Increments株式会社に異動 綿貫 佳祐 @xrxoxcxox
ゆるデザトークのロゴを作った話 ゆるデザトーク エンジニア採用支援サービス 社内向け情報共有サービス プログラミングに特化した情報共有コミュニティ
ゆるデザトークのロゴを作った話 ゆるデザトーク このロゴを作った話
ゆるデザトークのロゴを作った話 ゆるデザトーク クリエイティブの作成 どなたかにお願いしたいです! 9月中頃、きよしさんより
ゆるデザトークのロゴを作った話 ゆるデザトーク サービスのロゴは作るけど イベントのロゴってあんまり経験ないなあ
ゆるデザトークのロゴを作った話 ゆるデザトーク 良い機会だし チャレンジしてみよう〜っと
ゆるデザトークのロゴを作った話 ゆるデザトーク Logo 一口にロゴと言っても 役割や重要ポイントは様々
ゆるデザトークのロゴを作った話 ゆるデザトーク Instant Logo Searchより
ゆるデザトークのロゴを作った話 ゆるデザトーク サービスロゴ、ブランドロゴ 紙とディスプレイどちらもOK 看板からファビコンまで対応 フルカラーでもモノクロでも印象同じ 時間が経っても古臭くならない etc...
ゆるデザトークのロゴを作った話 ゆるデザトーク 企業ロゴ、サービスロゴ 紙とディスプレイどちらもOK 看板からファビコンまで対応 フルカラーでもモノクロでも印象同じ 時間が経っても古臭くならない etc... 条件や制約多すぎ →自然とシンプルに
ゆるデザトークのロゴを作った話 ゆるデザトーク
ゆるデザトークのロゴを作った話 ゆるデザトーク イベントロゴ イベントのイメージを伝えたい ロゴ自体がグラフィックとして使われる 使い方はイベント側でコントロールしやすい その時期しか使わない etc...
ゆるデザトークのロゴを作った話 ゆるデザトーク イベントロゴ イベントのイメージを伝えたい 使い方はイベント側でコントロールしやすい ロゴ自体がグラフィックとして使われる その時期しか使わない etc... 汎用的に使えるよりも 特化した価値を求めたい
ゆるデザトークのロゴを作った話 ゆるデザトーク 普段の業務と違う経験が出来そう →手を挙げた背景
ゆるデザトークのロゴを作った話 ゆるデザトーク ムードボード作成 体裁は整えず、 Pinterestで収集
ゆるデザトークのロゴを作った話 ゆるデザトーク 「ロゴにおけるゆるさ」 の確認
ゆるデザトークのロゴを作った話 ゆるデザトーク Procreateで下書き iPadのみ
ゆるデザトークのロゴを作った話 ゆるデザトーク
ゆるデザトークのロゴを作った話 ゆるデザトーク 字体が太い方がゆるくしやすかった 角張ってるより丸い方がやっぱゆるい 最初は 「TALK」 だったのを 「ト〜ク」 に (英語だとなんかシュッとしてた)
話すイベントなので吹き出しモチーフ
ゆるデザトークのロゴを作った話 ゆるデザトーク Affinity Designerで清書 iPad編 〜ベクター化〜
ゆるデザトークのロゴを作った話 ゆるデザトーク 自分ルール 「今まで使ったことのないツールを使う」 など、何か1つチャレンジする
ゆるデザトークのロゴを作った話 ゆるデザトーク iPadでパス化だけした (青色は何故かラフから変わっている) →うーんなんかなあ……
ゆるデザトークのロゴを作った話 ゆるデザトーク Affinity Designerで清書 Mac編 〜ブラッシュアップ〜
ゆるデザトークのロゴを作った話 ゆるデザトーク iPadでフォント管理するの嫌過ぎワロタ 細かい作業はやっぱりPCのがラク デバイス間連携を試してみよう なぜあえてiPadからMacへ
ゆるデザトークのロゴを作った話 ゆるデザトーク Designerだけでなく シリーズ通して使ってみたい
ゆるデザトークのロゴを作った話 ゆるデザトーク そんなこんなで完成!
ゆるデザトークのロゴを作った話 ゆるデザトーク 文字に落ち影っぽい加工を追加 英語フォントをroundedに変更 黄色のモニョに濃いもの追加 字間・色・線幅の調整
ゆるデザトークのロゴを作った話 ゆるデザトーク
ゆるデザトークのロゴを作った話 ゆるデザトーク 出来なかったこと…… モーションを作る ガイドライン的なものを作る VI的な意味のアプリケーションデザインを作る →次回は頑張るぞ!