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
650
神速でワイヤーフレームを作るためのライブラリ
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
170
Figmaで神速ドキュメント作成術
448jp
3
1.3k
今から始めるFigma超入門
448jp
0
1.3k
零細Web制作会社のリモートワーク事情
448jp
0
260
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
570
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
190
Lottieで始めるWebアニメーション入門
448jp
1
400
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
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
Desarrollo de Carrera en Diseño y Producto
solmesz1
0
160
不可分の民藝から可分の工業産業へ
creatorqsf
1
330
B/43プラスカードができるまで
putchomsmartbank
0
430
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
160
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
1
630
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
270
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
150
UIをもたらすコンテクストの考察
securecat
8
2.4k
root Design Partnership Policy
root_recruit
0
3.4k
意志と、デザインと、ときどきお金
transit_kix
2
1.9k
社内管理画面のデザインもプロダクトデザイン
takanorip
3
680
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
12
1.4k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
178
11k
Keith and Marios Guide to Fast Websites
keithpitt
407
22k
How to train your dragon (web standard)
notwaldorf
71
5.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
Optimizing for Happiness
mojombo
369
69k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp