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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
keigo
February 20, 2026
Design
430
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
絵や写真から学ぶ、要素がもたらす副作用
DIST.53 「スライドデザイン道場」
https://dist.connpass.com/event/383423/
keigo
February 20, 2026
More Decks by keigo
See All by keigo
開発ステップを細分化する、破綻しないAI開発体制
kspace
0
280
ドキュメント化が必要な広報作業に、AIを取り入れる
kspace
3
580
@vite-pwa/nuxt を用いた、PWA実装のリアル
kspace
1
130
もう二度と迷走しない!極端なタスク分割 実践編
kspace
2
330
Nuxt Serverと$fetchを 組み合わせたTypeScript開発体験
kspace
4
2.6k
IGAによるメロディ生成
kspace
0
460
HPにEC機能を埋め込む際、Nuxt.js様のおかげで乗り切れた話
kspace
0
910
ECテックカンファレンス2023
kspace
1
1.5k
Other Decks in Design
See All in Design
Design dependencies
teba_eleven
0
140
タイル紹介サイト「タイルだもんで」
calpin
0
160
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
nttcom
0
770
Signull 団体説明資料
signull
0
710
広い関与の可能性に どう向き合うのか? 私たちは。|Timee MarketingDesign 2026-06-18
bebe
0
270
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
230
つくり方を変えていく | change-how-we-build
mottox2
2
1.4k
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
270
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
310
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2k
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
480
kintone開発におけるライターの役割の変化〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
keroyama
0
140
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
55
10k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
200
Between Models and Reality
mayunak
4
370
Paper Plane
katiecoart
PRO
2
52k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
620
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
220
Become a Pro
speakerdeck
PRO
31
6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
A Tale of Four Properties
chriscoyier
163
24k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
190
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
Transcript
Topic 絵や写真から学ぶ、要素がもたらす副作用
絵や写真から学ぶ、要素がもたらす副作用 keigo @Kspace_trk 合同会社Steg 代表 Vue.js 日本公式ユーザーグループメンバー プログラミング / 写真
/ 映像 / 作曲
絵や写真から学ぶ、要素がもたらす副作用 思わず見入ってしまう、美しい絵や写真
絵や写真から学ぶ、要素がもたらす副作用 目を掴んで離さない工夫がされている
絵や写真から学ぶ、要素がもたらす副作用 これと、スライドにどのような関係が?
絵や写真から学ぶ、要素がもたらす副作用 スライドは、目を離脱させたくない
絵や写真から学ぶ、要素がもたらす副作用 目を掴んで離さない、美しいスライドにしていこう
絵や写真から学ぶ、要素がもたらす副作用 “目を掴んで離さない”とは?
絵や写真から学ぶ、要素がもたらす副作用 どこをどう見ればいいかわかりやすい 目線が綺麗に循環する “目を掴んで離さない”とは?
絵や写真から学ぶ、要素がもたらす副作用 と Leading Lines の組み合わせ Focal Point
視線が自然と集まる場所 Focal Point Focal Point
Focal Point デフォルトの Focal Point
None
None
None
額縁が持つ引力
要素が持つ引力
None
None
明暗の落差をつけることで、Focal Point は変わる
絵や写真から学ぶ、要素がもたらす副作用 とLeading Linesの組み合わせ Focal Point
Leading Lines Leading Lines 視線をコントロールするための線
Leading Lines
Leading Lines
灰色と黒のアレンジメント-母の肖像 ジェームズ・マクニール・ホイッスラー
None
None
None
None
見せたいものを詰め込むことの難しさ Leading Lines
スライドに落とし込んでみる 絵や写真から学ぶ、要素がもたらす副作用
A B C 絵や写真から学ぶ、要素がもたらす副作用
A B C 絵や写真から学ぶ、要素がもたらす副作用
A B C 絵や写真から学ぶ、要素がもたらす副作用
A B C 絵や写真から学ぶ、要素がもたらす副作用
Cがアツい A B C 絵や写真から学ぶ、要素がもたらす副作用
A B C 絵や写真から学ぶ、要素がもたらす副作用
A B C 絵や写真から学ぶ、要素がもたらす副作用
A B C 絵や写真から学ぶ、要素がもたらす副作用
絵や写真から学ぶ、要素がもたらす副作用 A B C
A B 絵や写真から学ぶ、要素がもたらす副作用 C
A B 絵や写真から学ぶ、要素がもたらす副作用 C Cがアツい
強調は明暗 絵や写真から学ぶ、要素がもたらす副作用
構図で視線をコントロール 絵や写真から学ぶ、要素がもたらす副作用
具体的な手法の話ではなかったが、 インスピレーションになれば! 絵や写真から学ぶ、要素がもたらす副作用
絵や写真から学ぶ、要素がもたらす副作用 Topic