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
740
神速でワイヤーフレームを作るためのライブラリ
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
260
Figmaで神速ドキュメント作成術
448jp
3
1.9k
今から始めるFigma超入門
448jp
0
1.4k
零細Web制作会社のリモートワーク事情
448jp
0
320
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
650
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
230
Lottieで始めるWebアニメーション入門
448jp
1
530
Figmaが支えるVue Fes Japanのデザイン
448jp
3
5.1k
Vue Fes Japan 2018のデザインを支えたAdobe XD
448jp
2
1.8k
Other Decks in Design
See All in Design
効果的な管理画面を デザインをするために 避けるべき5つの罠
takanorip
12
5.4k
デザインプリンシプルのつくりかた(freee技術の日)
magi1125
4
3.6k
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
5
37k
私たちが取り組んできたアクセシビリティと これから取り組んでいくアクセシビリティについて
securecat
1
300
AIイラスト生成・編集テクニック紹介
piyo7
2
200
富山デザイン勉強会_インフォグラフィックが上手に描けるコツ.pdf
keita_yoshikawa
1
120
Sensitive Texter Storyboard
ctagulao98
0
200
RIDLEY JONES - Ridley's Christmas Carol
serenascipio
1
140
Du Bois Challenge 2024 Recap
ajstarks
1
120
accfes2024_torque_yamasaki
yuuyamasakiyuu
2
760
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
1.7k
プロジェクトを成功に導く、デザイナーの仕事
akaneyoshikawa
1
350
Featured
See All Featured
In The Pink: A Labor of Love
frogandcode
139
22k
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
Clear Off the Table
cherdarchuk
91
320k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
A designer walks into a library…
pauljervisheath
201
24k
Agile that works and the tools we love
rasmusluckow
327
20k
Mobile First: as difficult as doing things right
swwweet
221
8.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Designing for Performance
lara
604
68k
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
Music & Morning Musume
bryan
46
6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
103
48k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp