Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
絵や写真から学ぶ、要素がもたらす副作用
Search
keigo
February 20, 2026
Design
600
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
370
ドキュメント化が必要な広報作業に、AIを取り入れる
kspace
3
610
@vite-pwa/nuxt を用いた、PWA実装のリアル
kspace
1
240
もう二度と迷走しない!極端なタスク分割 実践編
kspace
2
370
Nuxt Serverと$fetchを 組み合わせたTypeScript開発体験
kspace
4
2.7k
IGAによるメロディ生成
kspace
0
520
HPにEC機能を埋め込む際、Nuxt.js様のおかげで乗り切れた話
kspace
0
930
ECテックカンファレンス2023
kspace
1
1.6k
Other Decks in Design
See All in Design
Typographie et intégration web
goetter
0
150
test deck title
shotamatsuo
0
1.6k
Техники структурирования беседы с собой, заказчиком и командо
ashapiro
0
320
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
4
1.1k
開発・制作におけるUI・UXデザインの重要性について~UI・UXデザインってなんだろう~
yamasaku
0
250
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
320
開閉UIのアニメーション設計
hiro0218
2
1.1k
インターンから2年新卒フロントエンドエンジニアから見たサイボウズのアクセシビリティ
taku10101
0
170
ISO 9241-171:2025っていうのがあってな
shosira
1
320
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
kgsi
0
940
Where Imagination Ends AI Begins
r5ni4
0
460
プレゼンスライド作成で意識していること
kimichan
0
130
Featured
See All Featured
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
490
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Become a Pro
speakerdeck
PRO
31
6.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Building Adaptive Systems
keathley
44
3.2k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.8k
Crafting Experiences
bethany
1
370
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
The Cult of Friendly URLs
andyhume
79
7k
We Have a Design System, Now What?
morganepeng
55
8.4k
A Soul's Torment
seathinner
8
3.7k
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