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

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

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


スポンサーリンク

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


スポンサーリンク

関連記事

OpenCVの超解像(SuperResolution)モジュールを試す
3Dボリュームデータ処理ライブラリ『OpenVDB』
今年もSSII
SONYの自律型エンタテインメントロボット『aibo』
Pythonのソースコードに特化した検索エンジン『Nullege』
触れば分かる ユニバーサルデザインな腕時計『The Bradley』
C++始めようと思うんだ
3Dデータ処理ライブラリ『Open3D』
R-CNN (Regions with CNN features):ディープラーニングによる一般物体...
第1回 3D勉強会@関東『SLAMチュートリアル大会』
AMIMOTO(PVM版)で作成したインスタンスをAMIMOTO (HVM版)へ移行する
ZScript
C#で使える可読性重視のディープラーニングライブラリ『KelpNet』
オープンソースの取引プラットフォーム
デザインのリファイン再び
任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語のルビを振ってくれるツール『ずるっこ!』
歯を食いしばって見るべき動画
CGレンダラ研究開発のためのフレームワーク『Lightmetrica (ライトメトリカ)』
SONY製のニューラルネットワークライブラリ『NNabla』
機械学習手法『SVM(Support Vector Machine)』
openMVGをWindows10 Visual Studio 2015環境でビルドする
Web経由でRaspberry PiのGPIOを操作したい
フィクションに登場するUIデザインのまとめサイト
手を動かしながら学ぶデータマイニング
UnityのMonoBehaviourクラスをシングルトン化する
Windows10でPyTorchをインストールしてVSCodeで使う
仮想関数
OpenCVで顔のランドマークを検出する『Facemark API』
.NETで使えるTensorFlowライクなニューラルネットワークライブラリ『NeuralNetwo...
オープンソースの3Dメッシュデータライブラリ『OpenMesh』
オープンソースのPhotogrammetryフレームワーク『Alice Vision』
書籍『ゼロから作るDeep Learning』で自分なりに学ぶ
PythonのStructure from Motionライブラリ『OpenSfM』
線画を遠近法で描く
軽量なジオメトリ処理ライブラリ『libigl』
iPhone・iPod touchで動作する知育ロボット『ROMO』
Google App Engineのデプロイ失敗
Twitter APIのPythonラッパー『python-twitter』
オープンソースのSfM・MVSツール『COLMAP』
Unityからkonashiをコントロールする
網元AMIで作ったWordpressサイトのインスタンスをt1microからt2microへ移行した
現在公開されているWeb API一覧

コメント