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
448jp | OKI Yoshiya
June 02, 2023
Design
1
670
神速でワイヤーフレームを作るためのライブラリ
2023/6/2 DIST.39 「みんなのFigma」
448jp | OKI Yoshiya
June 02, 2023
Tweet
Share
More Decks by 448jp | OKI Yoshiya
See All by 448jp | OKI Yoshiya
書く・即・DONEな仕組みをNuxtで作る
448jp
0
200
Figmaで神速ドキュメント作成術
448jp
3
1.5k
今から始めるFigma超入門
448jp
0
1.3k
零細Web制作会社のリモートワーク事情
448jp
0
280
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
600
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
200
Lottieで始めるWebアニメーション入門
448jp
1
430
Figmaが支えるVue Fes Japanのデザイン
448jp
3
5k
Vue Fes Japan 2018のデザインを支えたAdobe XD
448jp
2
1.7k
Other Decks in Design
See All in Design
もち的デザイナーのキャリアデザイン新提言:副業起業家のすゝめ
mochitaro
0
1.4k
Web 組版の課題とその解法
yamatoiizuka
0
110
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.3k
データ活用に強い、伴走型デザインパートナー「DeC」紹介資料
hopin
0
210
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.8k
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
120
文化に寄りそうデザイン
recruitengineers
PRO
4
930
プロダクトを成長させる生成 AI のユースケース発見ワークショップ vol.3
icoxfog417
1
110
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
210
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.4k
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
2
590
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
Featured
See All Featured
Teambox: Starting and Learning
jrom
128
8.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
Infographics Made Easy
chrislema
238
18k
Designing for Performance
lara
601
67k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
Making the Leap to Tech Lead
cromwellryan
125
8.5k
The Language of Interfaces
destraynor
151
23k
The Straight Up "How To Draw Better" Workshop
denniskardys
228
130k
Agile that works and the tools we love
rasmusluckow
325
20k
Done Done
chrislema
178
15k
Clear Off the Table
cherdarchuk
85
310k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp