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
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.2k
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
290
クライアントワークにおける UXリサーチの実践
kozotaira
0
650
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
430
AI時代に淘汰されないデザインのしごと
akinen
0
100
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.4k
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1.5k
Echoes Boomerang
artcloudyu
PRO
0
200
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.3k
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.7k
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
600
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
0
350
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
The Power of CSS Pseudo Elements
geoffreycrofte
76
5.8k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
1
77
Large-scale JavaScript Application Architecture
addyosmani
512
110k
The World Runs on Bad Software
bkeepers
PRO
68
11k
Designing Experiences People Love
moore
142
24k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
15
890
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 ͋Γ͕ͱ͏͍͟͝·ͨ͠