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
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
360
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
420
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
2.6k
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2.2k
TWCP#21 UXデザインと哲学のはなし
shinn
0
110
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
mixi_design
PRO
0
110
数理的アプローチで挑むスマホ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
1
910
体験を守るためのデザイン計測
techtekt
PRO
0
110
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
680
Shaolin_Showdown
solmetts
0
110
A Platform Connecting Brand Philosophy and Assets: "LY Corporation Design Hub"
lycorptech_jp
PRO
0
470
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
220
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
9
680
Fireside Chat
paigeccino
41
3.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
We Have a Design System, Now What?
morganepeng
54
7.9k
Music & Morning Musume
bryan
46
7k
Building Applications with DynamoDB
mza
96
6.8k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
11
940
How to train your dragon (web standard)
notwaldorf
97
6.4k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Scaling GitHub
holman
464
140k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
690
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
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 ͋Γ͕ͱ͏͍͟͝·ͨ͠