なぜデザインツール「Whimsical」はワイヤーフレームの迅速な作成に適しているのか ｜ブログ｜root｜芯を問い、成長に貢献する

Webサイトやアプリを作る際に設計図として欠かせないワイヤーフレーム。各画面で何を伝えたいかを一緒に開発するエンジニアやディレクターに伝えるコミュニケーションツールとして大事な役割を持っています。 一方で、ワイヤーフレーム作成の段階でグラフィック要素を多くしてしまったり、色やロゴ、複雑なフォントを多用するなど、ついデザインを作り込んでしまったことはないでしょうか。こうした問題は、特に初心者のデザイナーの方に陥りがちかと思います。 しかし、作り込んだからといって良いワイヤーフレームと言えるとは限りません。むしろWebサイトやアプリの方向性の合意を関係者内で早めにとり、そのあとで細かく作り込む方が、効率よくデザインを進めることが出来ます。 この記事では、素早くワイヤーフレームを作るためにrootでも使っているデザインツール「Whimsical」をご紹介します。 直感的な操作が可能なデザインコラ

[t2wave]

あくまでたたき台として情報設計に集中する。サイズや色の”制限”が作業効率を向上させる。本実装の見た目通りの作り込まみをしない。

[egaku]

図

[ahoj-ahoj]

“Whimsical」”

[hayato_akaiwa]

使ってみる！