Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
Kubric：機械学習用アノテーション付き動画生成パイプライ...
FCN (Fully Convolutional Netwo...
TensorSpace.js：ニューラルネットワークの構造を...
ArUco：OpenCVベースのコンパクトなARライブラリ
OpenMVS：Multi-View Stereoによる3次...
OpenGVの用語
今年もSSII
Manim：Pythonで使える数学アニメーションライブラリ
DCGAN (Deep Convolutional GAN)...
フルCGのウルトラマン！？
機械学習で遊ぶ
PythonのHTML・XMLパーサー『BeautifulS...
ブログの復旧が難航してた話
任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...
Theia：オープンソースのStructure from M...
Unreal Engineの薄い本
UnityでOpenCVを使うには？
3D復元技術の情報リンク集
HerokuでMEAN stack
Unity MonoBehaviourクラスのオーバーライド...
GAN (Generative Adversarial Ne...
手を動かしながら学ぶデータマイニング
Mean Stack開発の最初の一歩
Twitter APIのPythonラッパー『python-...
ZBrushで人型クリーチャー
Konashiを買った
機械学習に役立つPythonライブラリ一覧
OpenCVでiPhone6sのカメラをキャリブレーションす...
OpenCVで顔のモーフィングを実装する
hloc：SuperGlueで精度を向上させたSfM・Vis...
PyTorch3D：3Dコンピュータービジョンライブラリ
iOSで使えるJetpac社の物体認識SDK『DeepBel...
OpenCV 3.1から追加されたSfMモジュール
openMVGをWindows10 Visual Studi...
デザインのリファイン再び
Mitsuba 3：オープンソースの研究向けレンダラ
OpenMesh：オープンソースの３Dメッシュデータライブラ...
PyMC：Pythonのベイズ統計ライブラリ
株式会社ヘキサドライブの研究室ページ
Super Resolution：OpenCVの超解像処理モ...
Gource：バージョン管理の履歴を可視化するツール
オープンソースのIT資産・ライセンス管理システム『Snipe...
コメント