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
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
440
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜(Scrum Fest Mikawa 2025)
tadashiinoue
0
580
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
Installing and Running decksh/pdfdeck
ajstarks
1
870
「UXとUIの違い」v2
shirasu3
0
260
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.4k
Findyのプロデチームの 歩みとこれから
satty9556
0
320
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
410
佐藤千晶|ポートフォリオ
chimi_chia
0
220
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
150
root COMPANY DECK / We are hiring!
root_recruit
PRO
1
24k
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
450
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
233
18k
How to Think Like a Performance Engineer
csswizardry
27
2.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
A designer walks into a library…
pauljervisheath
209
24k
Music & Morning Musume
bryan
46
6.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
The Invisible Side of Design
smashingmag
302
51k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
Embracing the Ebb and Flow
colly
88
4.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
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 ͋Γ͕ͱ͏͍͟͝·ͨ͠