Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
iOSデバイスと接続して連携するガジェットの開発方法
タマムシっぽい質感
OpenCVで動画の手ぶれ補正
ブログをwpXレンタルサーバーからwpX Speedへ移行
ArUco：OpenCVベースのコンパクトなARライブラリ
CGレンダラ研究開発のためのフレームワーク『Lightmet...
Kubric：機械学習用アノテーション付き動画生成パイプライ...
AfterEffectsプラグイン開発
UnityでLight Shaftを表現する
PythonでMayaのShapeノードプラグインを作る
第1回 3D勉強会＠関東『SLAMチュートリアル大会』
Iterator
ブログをAWSからwpXへ移行
openMVG：複数視点画像から3次元形状を復元するライブラ...
ブラウザ操作自動化ツール『Selenium』を試す
網元AMIで作ったWordpressサイトのインスタンスをt...
胡散臭いデザインの参考サイト
オープンソースの物理ベースレンダラ『Mitsuba』をMay...
Google App Engine上のWordPressでF...
ZBrushで人型クリーチャー
Pylearn2：ディープラーニングに対応したPythonの...
Raspberry PiでIoTごっこ
Google XML Sitemap Generatorプラ...
ブログの復旧が難航してた話
MythTV：Linuxでテレビの視聴・録画ができるオープン...
機械学習手法『Random Forest』
OpenGVのライブラリ構成
MVStudio：オープンソースのPhotogrammetr...
OpenCV 3.1から追加されたSfMモジュール
AMIMOTO HHVMのパッケージを3.9へ更新
オープンソースの顔認識フレームワーク『OpenBR』
GitHub Pagesで静的サイトを作る
スクラッチで既存のキャラクターを立体化したい
IronPythonを使ってUnity上でPythonのコー...
Human Generator：Blenderの人体生成アド...
Rerun：マルチモーダルデータの可視化アプリとSDK
iPhoneアプリ開発 Xcode 5のお作法
NeuralNetwork.NET：.NETで使えるTens...
WordPressのテーマを自作する
OpenCV 3.1とopencv_contribモジュール...
R-CNN (Regions with CNN featur...
東京オリンピックと案内表示
コメント