Tweet
Tweet

Slide 1

Slide 1 text

DIST.39 「みんなのFigma」 で を 作るための 神速 ワイヤーフレーム ライブラリ 合同会社世路庵　沖 良矢　|　2023.6.2 FRI

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

ワイヤーフレームとは ⚫ ウェブページを構成する要素を列挙した設計図 ⚫ 制作前に情報設計について共有・合意するために作ります ⚫ 視覚表現の質、使いやすさは担保しません

Slide 4

Slide 4 text

ワイヤーフレームの例

Slide 5

Slide 5 text

なぜFigmaで作る？ チーム、クライアントの から みんなで作る ワイヤーフレームは作ったら終わりの一方通行な成果物ではありません。情報の順序、 重要度、分類、動線が適切かどうか、議論・検討を重ねて修正を繰り返します。世路庵 では職種に関わらずプロジェクトに携わる全員がワイヤーフレームにコミットします。

Slide 6

Slide 6 text

ワイヤーフレームの辛み ⚫ 作るときにスピード感が出にくい ⚫ 一定の品質を保つことが難しい ⚫ つい見た目の作り込みをしようとしてしまう

Slide 7

Slide 7 text

部品を組み合わせるだけで ワイヤーフレームができたら いいのに……

Slide 8

Slide 8 text

作りました （デモ）

Slide 9

Slide 9 text

ありがとうございました 合同会社世路庵　沖 良矢 @448jp