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
210
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
PRO
0
120
AWS/GCPで始める 生成AI入門
tinykitten
PRO
0
150
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
PRO
0
43
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
PRO
0
290
Rustとtonicで始める gRPC再入門
tinykitten
PRO
0
920
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
PRO
0
270
はじめての GitHub Actionsアクション開発
tinykitten
PRO
0
150
Other Decks in Design
See All in Design
Liquid Iron
mcduckyart
1
110
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
180
線で考える画面構成
natsuume
1
880
Kid Cowboy 103
marilutwin
0
270
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
580
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.1k
株式会社バクタム 会社説明資料
bactum
0
260
CMS管理画面のアクセシビリティ
magi1125
8
2.3k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
490
Dark mode : comment rejoindre le côté sombre ?
goetter
1
100
#Dubois Challenge 2025: Economics
ajstarks
0
130
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.2k
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
830
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Language of Interfaces
destraynor
158
25k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Writing Fast Ruby
sferik
628
62k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Typedesign – Prime Four
hannesfritz
42
2.7k
Optimizing for Happiness
mojombo
379
70k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
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!