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
710
神速でワイヤーフレームを作るためのライブラリ
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
240
Figmaで神速ドキュメント作成術
448jp
3
1.7k
今から始めるFigma超入門
448jp
0
1.4k
零細Web制作会社のリモートワーク事情
448jp
0
310
エンジニアに120%意図を伝えるためのAdobe XDデザインテクニック
448jp
2
630
コーディングを神速化するJetBrains IDEのご紹介~基本機能からHTML/CSSまで~
448jp
0
220
Lottieで始めるWebアニメーション入門
448jp
1
500
Figmaが支えるVue Fes Japanのデザイン
448jp
3
5.1k
Vue Fes Japan 2018のデザインを支えたAdobe XD
448jp
2
1.7k
Other Decks in Design
See All in Design
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
190
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
740
IPの世界観に寄り添う、マルチブランドなカラーシステム設計
jirosh1998
1
9.6k
プロジェクトを成功に導く、デザイナーの仕事
akaneyoshikawa
1
290
Minuto de Aventura
olgastoryboard
0
110
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
5
920
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.7k
Emil Storyboards (2024)
abbsant
0
130
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
4.3k
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは?
ncdc
2
720
私たちが取り組んできたアクセシビリティと これから取り組んでいくアクセシビリティについて
securecat
1
250
Making impact with your craft with sociotechnical design
xinyao
1
140
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
Making the Leap to Tech Lead
cromwellryan
127
8.7k
Principles of Awesome APIs and How to Build Them.
keavy
124
16k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
Faster Mobile Websites
deanohume
303
30k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
18
1.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
Infographics Made Easy
chrislema
238
18k
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
Transcript
DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵 沖 良矢 | 2023.6.2
FRI
None
ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません
ワイヤーフレームの例
なぜFigmaで作る? チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。
ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう
部品を組み合わせるだけで ワイヤーフレームができたら いいのに……
作りました (デモ)
ありがとうございました 合同会社世路庵 沖 良矢 @448jp