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
Tsubasa SEKIGUCHI
PRO
December 07, 2022
Design
0
200
ノンデザイナーが 多少マシな見た目の資料を作る方法
KittenLT3で発表させていただいたスライドです。
Tsubasa SEKIGUCHI
PRO
December 07, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Gunma.web #55
tinykitten
PRO
0
200
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
PRO
0
110
AWS/GCPで始める 生成AI入門
tinykitten
PRO
0
140
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
PRO
0
42
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
PRO
0
280
Rustとtonicで始める gRPC再入門
tinykitten
PRO
0
910
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
PRO
0
270
はじめての GitHub Actionsアクション開発
tinykitten
PRO
0
150
Other Decks in Design
See All in Design
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
570
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
3
640
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
380
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
520
Bulletproof Design System with TypeScript
takanorip
6
3.5k
線で考える画面構成
natsuume
1
880
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.5k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
860k
クライアントワークにおける UXリサーチの実践
kozotaira
0
680
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
290
オープンデータを利用して色々なものを作った話
hjmkth
1
110
Liquid Iron
mcduckyart
1
110
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
94
14k
The Cult of Friendly URLs
andyhume
79
6.5k
Producing Creativity
orderedlist
PRO
346
40k
Balancing Empowerment & Direction
lara
1
380
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Navigating Team Friction
lara
187
15k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Designing for Performance
lara
609
69k
Code Review Best Practice
trishagee
68
18k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
KATA
mclloyd
29
14k
Transcript
Photo by Christian Chen on Unsplash KittenLT3(৽͍͠ឺΛ࡞Ζ͏) 2020.3.6 @ Online
Tsubasa SEKIGUCHI LEA-3645969186565158903 ϊϯσβΠφʔ͕ ଟগϚγͳݟͨͷࢿྉΛ࡞Δํ๏ Design for non-designer
TinyKitten Freelance frontend engineer
Tsubasa SEKIGUCHI I 💖 Open source & Cat.
TrainLCD ຊશࠃͰ͑Δ ిंͷ-$%Λ࠶ݱͨ͠εϚϗΞϓϦͰ͢
TeamKitten ʮ໘ന͍ʯ͜ͱΛ͍ͨ͠ਓ͕ू·Δ ίϛϡχςΟͰ͢ɻ
TeamKittenओ࠵Πϕϯτ KittenLT3ʹ͝ࢀՃ͍͖ͨͩɺ ͋Γ͕ͱ͏͍͟͝·͢ɻ
σβΠϯͷఆٛͱʁ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
σβΠϯͱ۩ମతͳΛղ͖໌͔ͨ͢Ίʹ ࢥߟɾ֓೦ͷΈཱͯΛߦ͍ɺ ͦΕΛ༷ʑͳഔମʹԠͯ͡දݱ͢Δ͜ͱ σβΠϯͱԿ͔ʁ
σβΠϯͱ۩ମతͳΛղ͖໌͔ͨ͢Ίʹ ࢥߟɾ֓೦ͷΈཱͯΛߦ͍ɺ ͦΕΛ༷ʑͳഔମʹԠͯ͡දݱ͢Δ͜ͱ σβΠϯͱԿ͔ʁ
σβΠϯɺΛղܾ͢Δ ʮखஈʯͰ͋Δɻ σβΠϯͱԿ͔ʁ
σβΠϯʹʮతʯ͕͋Δ ങͬͯ΄͍͠ कͬͯ΄͍͠ དྷͯ΄͍͠ σβΠϯͱԿ͔ʁ
σβΠϯͱԿ͔ʁ DESIGN ART ≠ σβΠϯΞʔτͰͳ͍ σβΠϯʮཧղʯ͞ΕΔ͜ͱ͕ॏཁ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁͩΖ͏͔ʁ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
1. ηϯε 2. ֶྺ 3. ؾ߹͍ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ
1. ηϯε 2. ֶྺ 3. ؾ߹͍ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ͪΖΜ΄ͱΜͲؔͳ͍
1. σβΠϯͷݪଇʹै͏ 2ਤΛ͏ . ઌਓͷܙΛआΓΔ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ
σβΠϯͷݪଇʹै͏ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏ ݪଇۙ ؔ࿈͢Δใͷ༨നదʁ ਓҐஔతʹ͍ۙͷΛ ʮ͕ؔ͋Δͷʯͱೝࣝ͢Δ शੑ͕͋Δͦ͏Ͱ͢ɻ Ͱɺ͜ͷࢿྉͲ͏Ͱ͠ΐ͏ʁ ϞϊΫϩ
Ϩου ϐϯΫ ΦϨϯδ άϦʔϯ ϒϧʔ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏ ݪଇۙ ؔ࿈͢Δใͷ༨നదʁ ਓҐஔతʹ͍ۙͷΛ ʮ͕ؔ͋Δͷʯͱೝࣝ͢Δ शੑ͕͋Δͦ͏Ͱ͢ɻ ؔ͋Δͷۙ͘ɺ ؔͷͳ͍ͷԕ͘͠·͠ΐ͏ɻ
ϞϊΫϩ Ϩου ϐϯΫ ΦϨϯδ άϦʔϯ ϒϧʔ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏ ݪଇྻ ἧ͑ͳ͔ͬͨΒ ͜ͷ໊ͲΜͳҹΛड͚·͔͢ʁ ཁૉ͕ͩΒͩΒཏྻ͞Ε͍ͯΔΑ͏Ͱɺ Θ͔Γʹ͍͘ͱײ͡ΔͷͰʁ ϑϦʔϥϯεϑϩϯτΤϯυΤϯδχΞ ؔޱཌྷ
TSUBASA SEKIGUCHI 5JOZ,JUUFO ˟౦ژઍా۠ઍా̍̍
[email protected]
https://tinykitten.me
ϑϦʔϥϯεϑϩϯτΤϯυΤϯδχΞ ؔޱཌྷ TSUBASA SEKIGUCHI 5JOZ,JUUFO ˟౦ژઍా۠ઍా̍̍
[email protected]
https://tinykitten.me ݪଇྻ
ἧ͑Δͱ ࢿྉʹ౷Ұײ͕ੜ·Εɺ Θ͔Γ͘͢ͳΔɻ ʮݟ͑ͳ͍ઢʯͰ ἧ͑Δ͜ͱ͕ϙΠϯτʂ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏
ϑϦʔϥϯεϑϩϯτΤϯυΤϯδχΞ ؔޱཌྷ TSUBASA SEKIGUCHI 5JOZ,JUUFO ˟౦ژઍా۠ઍా̍̍
[email protected]
https://tinykitten.me ݪଇྻ
ἧ͑Δͱ ࢿྉʹ౷Ұײ͕ੜ·Εɺ Θ͔Γ͘͢ͳΔɻ ʮݟ͑ͳ͍ઢʯͰ ἧ͑Δ͜ͱ͕ϙΠϯτʂ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏
ݪଇڧऑ ใͷ༏ઌΛؾʹ͠ͳ͍ͱ ྫ͑ɺࠨͷදࢴΛݟ͍ͯͩ͘͞ɻ ͨͩจࣈΛཏྻͯ͠Δ͚ͩͰɺ Ͳͷใ͕ॏཁͳͷ͔Θ͔Γ·ͤΜɻ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏ ڧ͍νʔϜͷ࡞Γํ ڧ͍νʔϜΛ࡞ΔʹԿ͕ඞཁ͔
5JOZ,JUUFO Πϕϯτ ๛ౡ۠ຽηϯλʔ
ݪଇڧऑ ใͷ༏ઌΛؾʹ͠Α͏ ྫ͑ɺࠨͷදࢴΛݟ͍ͯͩ͘͞ɻ จࣈͷେ͖͞ଠ͞Λม͑Δ͚ͩͰɺ දࢴͷҹมΘΓ·͢ɻ ͪΖΜɺ͜ͷϨΠΞτ͕ ਖ਼ղͱ͍͏Θ͚Ͱ͋Γ·ͤΜɻ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ σβΠϯͷݪଇʹै͏
ڧ͍νʔϜͷ࡞Γํ ڧ͍νʔϜΛ࡞ΔʹԿ͕ඞཁ͔ TinyKitten Πϕϯτ at ๛ౡ۠ຽηϯλʔ
ݪଇ෮ ಛతͳͷΛ ҙࣝతʹ܁Γฦ͠͏ ৭ઢɺϞνʔϑɺϨΠΞτͳͲΛ ಉ͡σβΠϯͷதͰ܁Γฦ͠͏ͱ શମʹҰମײ͕ੜ·Ε·͢ɻ ͜ͷϧʔϧͷ͜ͱΛɺۀք༻ޠͰ τʔϯˍϚφʔʢτϯϚφʣͱ͍͍·͢ɻ ͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ
σβΠϯͷݪଇʹै͏
ਤΛ͏ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ਤΛ͏ ͜ͷࢿྉ৴༻Ͱ͖Δʁ ͕ࣔ͞Ε͍ͯͳ͍ɺ ͋·Γ৴༻͞Εͳ͍ɻ ΄͛ࣄۀͷ ࣾͷ΄͛ࣄۀʹ͓͍ͯɺ ͔ΒؒͰେ෯ͳ Λ͛·ͨ͠ɻ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ਤΛ͏ ͜ͷࢿྉ৴༻Ͱ͖Δʁ ͕͖ͬΓ͠·ͨ͠Ͷɻ Ͱ·ͩͩΊͰ͢ɻ ਤ͕ͳ͔ͯ͘ΓͮΒ͍ɻ ΄͛ࣄۀͷ ࣾͷ΄͛ࣄۀʹ͓͍ͯɺ ͔ΒؒͰച্͕ഒʹ
͠·ͨ͠ɻ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ਤΛ͏ άϥϑదʁ ਤΛ͚·ͨ͠ɻ Ͱ·ͩବͰ͢Ͷɻ ݟΔଆͷϊΠζΛߟ͑·͠ΐ͏ɻ ΄͛ࣄۀͷ ͔ΒؒͰച্͕ഒʹ
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ਤΛ͏ ྫͱͯ͠ ໌Β͔ʹແବͳใΛഉআ͠·ͨ͠ɻ ࢿྉΛݟ͍ͯΔਓ ݁ՌΛΓ͍͚ͨͩɻ ແବͳ০ɺ ϊΠζͱͳΔσʔλආ͚·͠ΐ͏ɻ ΄͛ࣄۀͷ
ԯԁ ԯԁ ͔ΒؒͰച্͕ഒʹ
ઌਓͷܙΛआΓΔ KittenLT3 ৽͍͠ឺΛ࡞Ζ͏
͍͍ࢿྉΛ࡞ΔͨΊʹԿ͕ඞཁ͔ʁ ઌਓͷܙΛआΓΔ 4MJEFTIBSFΛݟΔ σβΠϯͷηϯεཁҾ͖ग़͠ɻ εϥΠυ͕γΣΞ͞Ε͍ͯΔαΠτΛݟͯɺ ͍͍εϥΠυͷख๏Λ౪ΜͰΈΑ͏ɻ
Photo by Christian Chen on Unsplash KittenLT3 2020.2.6 @ Online
Tsubasa SEKIGUCHI LEA-3645969186565158903 ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ Thank you for listening!