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
448jp | OKI Yoshiya
June 02, 2023
Design
980
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
神速でワイヤーフレームを作るためのライブラリ
2023/6/2 DIST.39 「みんなのFigma」
448jp | OKI Yoshiya
June 02, 2023
Transcript
9 slides
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp
More Decks by 448jp | OKI Yoshiya
See All by 448jp | OKI Yoshiya
Vue Fes Japan 2026 タイムテーブル徹底解説
448jp
1
1k
今から始めるClaude Code超入門
448jp
8
11k
人はなぜコミュニティとつながると幸せを感じるのか
448jp
3
550
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
4.4k
合意形成のためのFigma活用術
448jp
1
290
書く・即・DONEな仕組みをNuxtで作る
448jp
0
500
Figmaで神速ドキュメント作成術
448jp
3
2.9k
今から始めるFigma超入門
448jp
0
1.8k
零細Web制作会社のリモートワーク事情
448jp
0
580
Other Decks in Design
See All in Design
技術に明るくない人が技術を選ぶために
moco1013
0
170
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
13
7.4k
日経電子版を支えていく Kasane Design System
taitotnk
0
600
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
webnaut
2
190
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
findyinc
14
160k
Luna's Light
shemeetscity
0
740
MUUUUU.ORG 協賛バナーのご案内
quoitworks999
0
760
使いたいときだけ使う 「道具のようなアプリケーション」を考える
fumink7
0
390
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.5k
StartDesignEngineering
uchiyama886
1
170
個人理念(自分の言葉)の言語化ワークショップ
kakukoki
1
470
ひとりで作れる時代に、 判断をみんなで持つには。/ Build alone share judgment
kgsi
1
960
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1.4k
What's in a price? How to price your products and services
michaelherold
247
13k
Evolving SEO for Evolving Search Engines
ryanjones
0
360
Building Flexible Design Systems
yeseniaperezcruz
330
41k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
70
69k
Large-scale JavaScript Application Architecture
addyosmani
516
110k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3.1k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
430
Typedesign – Prime Four
hannesfritz
42
3.2k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
Code Reviewing Like a Champion
maltzj
529
40k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
560