神速でワイヤーフレームを作るためのライブラリ

2023/6/2 DIST.39 「みんなのFigma」

Transcript

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

   View Slide

2. View Slide

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

   View Slide

4. ワイヤーフレームの例
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

8. 作りました
   
   （デモ）
   

   View Slide

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

   View Slide