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
December 07, 2022
Design
0
210
ノンデザイナーが 多少マシな見た目の資料を作る方法
KittenLT3で発表させていただいたスライドです。
Tsubasa SEKIGUCHI
December 07, 2022
Tweet
Share
More Decks by Tsubasa SEKIGUCHI
See All by Tsubasa SEKIGUCHI
Reactで始める リグレッションテスト概論
tinykitten
0
37
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.2k
Gunma.web #55
tinykitten
0
230
React Nativeではじめる ハイパフォーマンス スマホアプリ開発(GENIEE Edit)
tinykitten
0
120
AWS/GCPで始める 生成AI入門
tinykitten
0
160
Rustとtonicで始める gRPC入門(GENIEE Edit)
tinykitten
0
48
スモールスタートで始める フィードバック管理システム開発入門
tinykitten
0
290
Rustとtonicで始める gRPC再入門
tinykitten
0
970
gRPCで始める ハイパフォーマンス タイプセーフウェブ開発
tinykitten
0
270
Other Decks in Design
See All in Design
Карта реализации историй. Технология осмысленной работы с детальными требованиями
ashapiro
0
110
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.5k
The Spectacular Lies of Maps
axbom
PRO
1
260
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
160
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
1.4k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
280
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
490
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
130
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
390
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
220
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
320
Saudade typeface
tiagoporto
0
340
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Visualization
eitanlees
147
16k
GraphQLとの向き合い方2022年版
quramy
49
14k
How to Ace a Technical Interview
jacobian
279
23k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
Unsuck your backbone
ammeep
671
58k
Music & Morning Musume
bryan
46
6.8k
Automating Front-end Workflow
addyosmani
1370
200k
Designing for Performance
lara
610
69k
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!