Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
2D→3D復元技術で使われる用語まとめ
Twitter APIのPythonラッパー『python-...
Blender 4.2以降のWindowsPortable版...
3DCG Meetup #4に行ってきた
BGSLibrary：OpenCVベースの背景差分ライブラリ
ManuelBastioniLAB：人体モデリングできるBl...
FreeMoCap Project：オープンソースのマーカー...
フォトンの放射から格納までを可視化した動画
天体写真の3D動画
法線マップを用意してCanvas上でShadingするサンプ...
東京オリンピックと案内表示
OpenCVのfindEssentialMat関数を使ったサ...
Pythonのソースコードに特化した検索エンジン『Nulle...
Mean Stack開発の最初の一歩
Iridescence：プロトタイピング向け軽量3D可視化ラ...
網元AMIで作ったWordpressサイトのインスタンスをt...
ブログをwpXレンタルサーバーからwpX Speedへ移行
Unityで画面タッチ・ジェスチャ入力を扱う無料Asset『...
Super Resolution：OpenCVの超解像処理モ...
PyDataTokyo主催のDeep Learning勉強会
WebGL開発に関する情報が充実してきている
UnityプロジェクトをGitHubで管理する
『日本の巨大ロボット群像』を見てきた
ManimML：機械学習の概念を視覚的に説明するためのライブ...
TensorSpace.js：ニューラルネットワークの構造を...
変形ロボットのデザイン
大河原邦男オリジナルデザイン『iXine(イグザイン)』
スクレイピング
プロダクトデザイン概論
ブログがダウンしてました
ポリゴンジオメトリ処理ライブラリ『pmp-library (...
OpenMVS：Multi-View Stereoによる3次...
現在公開されているWeb API一覧
ZBrushで人型クリーチャー
手を動かしながら学ぶデータマイニング
Manim：Pythonで使える数学アニメーションライブラリ
Windows10でPyTorchをインストールしてVSCo...
Raspberry PiでIoTごっこ
Mitsuba 2：オープンソースの物理ベースレンダラ
ドットインストールのWordPress入門レッスン
OpenCVの三角測量関数『cv::triangulatep...
Python拡張モジュールのWindows用インストーラー配...
コメント