Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
KelpNet：C#で使える可読性重視のディープラーニングラ...
Web経由でRaspberry PiのGPIOを操作したい
Manim：Pythonで使える数学アニメーションライブラリ
Rerun：マルチモーダルデータの可視化アプリとSDK
FCN (Fully Convolutional Netwo...
Kornia：微分可能なコンピュータービジョンライブラリ
adskShaderSDK
マルコフ連鎖モンテカルロ法
NumSharp：C#で使えるNumPyライクな数値計算ライ...
OpenSfM：PythonのStructure from ...
Amazon Web ServicesでWordPress
プロダクトデザイン概論
Unity ARKitプラグインサンプルのチュートリアルを読...
Point Cloud Utils：Pythonで3D点群・...
uvでWindows11のPython環境を管理する
UnityでShaderの入力パラメータとして行列を渡す
WordPressをAmazon EC2のt2microイン...
WordPress on Windows Azure
Raspberry Pi
Cartographer：オープンソースのSLAMライブラリ
Pythonのソースコードに特化した検索エンジン『Nulle...
MVStudio：オープンソースのPhotogrammetr...
OpenMesh：オープンソースの３Dメッシュデータライブラ...
ROSの薄い本
OpenCVでPhotoshopのプラグイン開発
AMIMOTO（PVM版）で作成したインスタンスをAMIMO...
OpenCVで動画の手ぶれ補正
スクラッチで既存のキャラクターを立体化したい
ヒトデの骨格のような構造物を作成するシステム『KINEMAT...
UnityでARKit2.0
Mechanizeで要認証Webサイトをスクレイピング
OpenCVでiPhone6sのカメラをキャリブレーションす...
Python for Unity：UnityEditorでP...
変形ロボットのデザイン
OpenCV 3.3.0-RCでsfmモジュールをビルド
Dlib：C++の機械学習ライブラリ
Windows10でPyTorchをインストールしてVSCo...
Unreal Engineの薄い本
ドットインストールのWordPress入門レッスン
Kubric：機械学習用アノテーション付き動画生成パイプライ...
フィクションに登場するUIデザインのまとめサイト
OpenCVの超解像(SuperResolution)モジュ...
コメント