Webサイトのワイヤーフレームが作成できるオンラインツール

Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。

このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考:オンラインで使えるワイヤーフレーム作成ツール

ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ?)

関連記事

DCGAN (Deep Convolutional GAN)...

マルコフ連鎖モンテカルロ法

Russian3DScannerのトポロジー転送ツール『Wr...

GAN (Generative Adversarial Ne...

viser:Pythonで使える3D可視化ライブラリ

WordPressで数式を扱う

Structure from Motion (多視点画像から...

OpenMesh:オープンソースの3Dメッシュデータライブラ...

フルCGのウルトラマン!?

Deep Learningとその他の機械学習手法の性能比較

網元AMIで作ったWordpressサイトのインスタンスをt...

CGALDotNet:計算幾何学ライブラリ CGALのC#ラ...

線画を遠近法で描く

AndroidもopenGLも初心者さ (でもJavaは知っ...

Unityの各コンポーネント間でのやり取り

ブログのデザイン変えました

Kornia:微分可能なコンピュータービジョンライブラリ

Dlib:C++の機械学習ライブラリ

html5のcanvasの可能性

法線マップを用意してCanvas上でShadingするサンプ...

Composition Rendering:Blenderに...

iOSデバイスと接続して連携するガジェットの開発方法

現在公開されているWeb API一覧

Raspberry Pi 2のGPIOピン配置

OpenCVのバージョン3が正式リリースされたぞ

konashiのサンプルコードを動かしてみた

日本でMakersは普及するだろうか?

Web経由でRaspberry PiのGPIOを操作したい

Cartographer:オープンソースのSLAMライブラリ

スクラッチで既存のキャラクターを立体化したい

UnityからROSを利用できる『ROS#』

マンガで分かる JavaScriptプログラミング講座

Accord.NET Framework:C#で使える機械学...

Swark:コードからアーキテクチャ図を作成できるVSCod...

UnityでARKit2.0

OpenVDB:3Dボリュームデータ処理ライブラリ

Javaで作られたオープンソースの3DCGレンダラ『Sunf...

BlenderProc:Blenderで機械学習用の画像デー...

機械学習手法『Random Forest』

NeuralNetwork.NET:.NETで使えるTens...

MPFB2:Blenderの人体モデリングアドオン

adskShaderSDK

コメント