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
SNSでもWebサイトでも、 目を惹くイラストのつくり方
Search
spicagrapha
July 09, 2018
Design
13
4.9k
SNSでもWebサイトでも、 目を惹くイラストのつくり方
2018/7/7 contents.nagoya(コンテンツドットナゴヤ)でお話ししたスライドです。
http://contents.nagoya/
spicagrapha
July 09, 2018
Tweet
Share
More Decks by spicagrapha
See All by spicagrapha
小さくはじめるデザイナーの広報発信〜ブログやSNSの付き合い方〜
spicagraph
11
2.8k
「お皿」を意識したレイアウトデザイン
spicagraph
32
34k
デザイナーと情報発信のいい関係
spicagraph
3
3.2k
フリーランスデザイナーとしての情報発信録~ブログやSNSとの付き合い方~
spicagraph
11
3k
デザインを「伝える」ためにすべきこと
spicagraph
33
6k
フリーランスデザイナー・イラストレーターの「わたしの仕事のつくり方 」
spicagraph
27
9.1k
フリーランスWebデザイナーの「仕事とくらし」10年のこれまでとこれから
spicagraph
27
15k
フリーランスデザイナーの「つくること、はたらくこと」
spicagraph
86
28k
しごと大好きフリーランスWebデザイナーが子どもを持ったらどうなる?「わたしのライフワークバランス」
spicagraph
3
1.5k
Other Decks in Design
See All in Design
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
650
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
710
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
200
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
140
7 Core Values of Round-L
wired888
0
2.3k
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
450
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
700
CursorでAI活用のナレッジベースを構築する
kanzaki
0
800
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
940
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
4.2k
Installing and Running decksh/pdfdeck
ajstarks
1
870
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
880
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Balancing Empowerment & Direction
lara
5
700
Context Engineering - Making Every Token Count
addyosmani
8
310
Code Reviewing Like a Champion
maltzj
526
40k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Building Adaptive Systems
keathley
44
2.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Product Roadmaps are Hard
iamctodd
PRO
55
11k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Transcript
4/4Ͱ8FCαΠτͰɺ Λऒ͘Πϥετͷͭ͘Γํ
֯ాҁՂ ͢Έ͔ͩ͋ 8FCσβΠφʔ ΠϥετϨʔλʔ ɹϑϦʔϥϯε TQJDBHSBQI ɹגࣜձࣾΩςϨπϝϯόʔ ϋογϡλά DPOUFOUT
ࣄͰ
5XJUUFSͰެ։த σβΠφʔͷ ൿີಓ۩ 4 # ? ϓϥΠϕʔτͰɺֆΛඳ͔ͳ͍ͳ͍
ΠλϦΞਓΛറΔͱ ʁ
ΠλϦΞਓΛറΔͱ ʁ
Θͨ͠ʹͱͬͯΠϥετ ʮݴޠʯ ͷͻͱͭ ͑ΔσβΠϯͷ ʮಓ۩ʯ ͷͻͱͭ ͑ʔͱ ͦͷʔʜ ε ϥ
ε ϥ ε ϥ
͖ Ỷ ͏ ͷ ͓  ͳ ͠ Θͨ͠ͷΠϥετͷ࡞Γํ ΠϥετԽͷϙΠϯτ
Πϥετͷʮৄࡉʯ 4/4ͱΠϥετ 01 02 03 04
Θͨ͠ͷΠϥετͷ࡞Γํ 01
ΠϥετΛґཔ͞ΕͨΒɺ ·ͣ͢Δ͜ͱ ͓Ֆݟͷ Πϥε τ ྫ͑
ը૾ݕࡧ ύΫϦ͡Όͳ͍Α ʁ ʂ
ΠϥετΠϝʔδͷ࠷খެ ʮϙϐϡϥʔͳϞνʔϑʯΛΔ ࡩͷ ՈͮΕ ࡩ
ΠϥετΠϝʔδͷ࠷খެ ʮҬੑʯ͕͋Δ͔ௐΔ
ΠϥετԽͷϙΠϯτ 02
͏͢ ͬ͘͡ Γ ରΛΑ͘؍͠Α͏
͏͢ ΛࡉΊͯݟͯܗ͕Θ͔Δಛతͳܗʹ؆ུԽ͢Δ
ͬ͘͡ Γ ʮͦΕΒ͠͞ʯΛͭ͘ ΔಛతͳཁૉΛݟ͚ͭΔ
ྫ͑ ΤοϑΣϧౝ
͏͢ ͬ͘͡ Γ
None
ใΛ͏·ؒ͘Ҿ͘ ΛݮΒͤΔͷ ΛݮΒͤͳ͍ͷ ·ͱΊΔ͜ͱͰ͖Δ
Πϥετͷදݱͷछྨ
ઢʴృΓͷΠϥετྫ ˇ ૬ ੑ ྑ
Πϥετͷ ʮৄࡉʯ 03
Πϥετͷৄࡉ
͘ Β͍ ΞδΞܥ ελΠϧ͕͍͍ ਗ਼ુͳײ͡ 0-ͬͯͦ͏ ͍͍͓Շ͞ΜʹͳΓͦ͏ সإ͕͔Θ͍͍ ͓Μͳʜͷ͜ ʁ
ʮݏΘΕͳ͍ʯʹ ಛԽͨ͠ܗ ʮ͔Θ͍͍ʯͷ ϋʔυϧ͕ߴ͍ ৄࡉ͕ߴ͍ ৄࡉ͕͍
লεϖʔε
ͰϤΨͰ͖ͳ͍
࠷ۙͷΘͨ͠ ༨ஊͰ͕͢
None
ʮαΠϯʯ ͱ ʮΠϝʔδʯͷΠϥετ
4/4ͱΠϥετ 04
ʁ ό γ ỽ
͔Θ͍͍͔Β
None
πΠʔ τ ڵຯ ͋Γ ڵຯ ͋Γ ຯ ͋Γ ڵຯ ͋Γ
ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ͕ ബ Ε ͯ ͍ ͘ ʮγΣΞʯͷΠϝʔδ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ
πΠʔ τ Θͨ͠ͷʮγΣΞʯͷΠϝʔδ ͓͠Ζ͍ ͓͠Ζ͍ ͓͠Ζ͍ ͓͠Ζ͍ ֆ͕ ͖ ֆ͕
͖ ֆ͕ ͖ ֆ͕ ͖ ֆ͕ ͖ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ
ʮ͖ʯΛੜΉɺ ʮγΣΞ͢ΔʯಈػʹͳΔ͔ ͜Ε ͍͍ใ ʂ ͔Θ͍͍Ͷ  ͍
None
None
γϛϡϥΫϥݱ ͭͷΛʮਓͷإʯͱ ͯ͠ೝࣝ͢Δͷݱ ਓʮʯΛݟͯײΛஅ͢Δ
DPOUFOUTOBHPZB ָ͍͠Πϕϯ τͰ͢ DPOUFOUTOBHPZB ָ͍͠Πϕϯ τͰ͢
ਧ͖ग़͠ޮՌ ਧ͖ग़͠ͰғΉ͚ͩͰςΩε τʹײ͕Δ উखʹ໋໊
ςΩε τͱؙ͚ͩͰ ອըදݱͰ͖Δ ςΩε τͱʜ ؙ͚ͩͰʜ ອըදݱ Ͱ͖Δ
ະདྷ աڈ ະདྷ աڈ ॎॻ͖ͱ ૬ੑѱ͍ʜ
ͬͪ͜༏ઌ͕ ͓͢͢Ί ॎߏਤ จࣈେ͖Ί αΠζΛଗ͑Δ
ͳͥσβΠφʔ͕ʮίϯςϯπʯΛൃ৴͢Δͷ͔ ඒຯͦ͠͏ ͡Όͳ͍ʁ Ոͷਓ͕ ৯ͯΔࡊ
Ͳ͔͜Β͕ʮίϯςϯπʯͳͷ͔
!TQJDBHSBQI ͋Γ͕ͱ͏͍͟͝·ͨ͠