Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
OpenMesh：オープンソースの３Dメッシュデータライブラ...
Seleniumを使ったFXや株の自動取引
Gource：バージョン管理の履歴を可視化するツール
Google Chromecast
adskShaderSDK
OpenCV 3.1のsfmモジュールを試す
TorchStudio：PyTorchのための統合開発環境と...
OpenCVの顔検出過程を可視化した動画
OpenCV 3.3.0 contribのsfmモジュールの...
マルコフ連鎖モンテカルロ法
AMIMOTO HHVMのパッケージを3.9へ更新
WordPressのサーバ引っ越し方法を考える
OpenCVのfindEssentialMat関数を使ったサ...
iOSデバイスのためのフィジカル・コンピューティングツールキ...
D3.js：JavaScriptのデータビジュアライゼーショ...
Unityの各コンポーネント間でのやり取り
Raspberry Pi 2を買いました
Pythonの自然言語処理ライブラリ『NLTK(Natura...
OpenCVで平均顔を作るチュートリアル
ネームサーバとDNSレコードの話
Managing Software Requirements...
C++の抽象クラス
OpenMVS：Multi-View Stereoによる3次...
uvでWindows11のPython環境を管理する
OpenCV
Quartus II
仮想関数
OpenCVの超解像(SuperResolution)モジュ...
続・ディープラーニングの資料
UnityのMonoBehaviourクラスをシングルトン化...
生物の骨格
BGSLibrary：OpenCVベースの背景差分ライブラリ
Rerun：マルチモーダルデータの可視化アプリとSDK
HD画質の無駄遣い
RSSフィードを読込んで表示するWordpressプラグイン...
組み込み向けのWindows OS 『Windows Emb...
フォトンの放射から格納までを可視化した動画
Raspberry PiでIoTごっこ
ブログが3日間ほどダウンしてました
CycleGAN：ドメイン関係を学習した画像変換
Google App EngineでWordPress
Live CV：インタラクティブにComputer Visi...
コメント