概要

参考:

エウレカ & グッドパッチのデザイナーに聞くワイヤーフレームの作りかた! | Goodpatch Blog

ツールまとめ

参考:

ワイヤーフレームツールを使って、Web 制作を快適に!無料で使えるワイヤーフレームツール14選 | デジ研

Web ディレクターにオススメしたい!さくさくワイヤーフレームが作れちゃう便利ツールまとめ|ferret

無料でワイヤーフレームを作成できるツール6選 | TechAcademy マガジン

Web 制作に超便利な無料ワイヤーフレームツール4選 | 東京上野の Web 制作会社 LIG

プロトタイピングツール

参考:

UX デザインに欠かせない!おすすめのプロトタイピングツール7選 | Web Design Trends

2019年プロトタイピングツール8選 | ポップインサイト公式ブログ

比較

参考:

2019年人気のある UI デザイン (プロトタイピング) ツールの料金・機能や特徴の比較  | designature

2018年版 おすすめの人気UIデザインツール徹底比較 | Web Design Trends

正式版となった Adobe XD と Sketch を機能比較。これから習得するならどっち? | TECHNICAL CREATOR

Adobe XD

参考:

Adobe XD – UI / UX デザインと共同作業ツール [公式]

InVision

参考:

InVision – Digital Product Design, Workflow & Collaboration [Official]

InVision – Design & Prototype | Apple App Store [公式]

InVison の使い方まとめ!デザインレビューが恐ろしいほど捗ります! | 株式会社ウェブ企画パートナーズ

InVision – デザインプロジェクトを効率化するプロトタイプツール | 株式会社プリンシプル

STUDIO

参考:

STUDIO – コードを書かずに、Web サイト制作を完結 [公式]

Figma

参考:

Figma – the collaborative interface design tool [Official]

Sketch はもういらない? デザインツール Figma の紹介 – Qiita

UI 案、イラレやパワポで作るくらいなら、Figma – Qiita

エンジニアのためのデザインレビュー入門 より良いプロダクトをつくる – Qiita

Figma リンク集まとめ!- Qiita

テンプレート

参考:

Web ディレクター必見!ワイヤーフレームテンプレート46選 & 作成用ツール10選 | Workship MAGAZINE ワークシップマガジン

Prott

参考:

Prott – Prototyping tool for Web iOS Android apps [公式]

国産プロトタイプツール Prott の特徴やメリットなど | Web Design Trends

記事をシェアする:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA