Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
PythonでMayaのShapeノードプラグインを作る
『手を動かしながら学ぶエンジニアのためのデータサイエンス』ハ...
マルコフ連鎖モンテカルロ法
Google製オープンソース機械学習ライブラリ『Tensor...
Raspberry PiでIoTごっこ
WordPressのテーマを自作する
UnityのuGUIチュートリアル
konashiのサンプルコードを動かしてみた
ROSの薄い本
科学技術計算向けスクリプト言語『Julia』
html5のcanvasの可能性
WebGL開発に関する情報が充実してきている
OpenFace：Deep Neural Networkによ...
Webスクレイピングの勉強会に行ってきた
SVM (Support Vector Machine)
Iridescence：プロトタイピング向け軽量3D可視化ラ...
cvui：OpenCVのための軽量GUIライブラリ
IronPythonを使ってUnity上でPythonのコー...
Super Resolution：OpenCVの超解像処理モ...
生物の骨格
マンガで分かる JavaScriptプログラミング講座
ArUco：OpenCVベースのコンパクトなARライブラリ
Live CV：インタラクティブにComputer Visi...
bpy-renderer：レンダリング用Pythonパッケー...
OpenCVのバージョン3が正式リリースされたぞ
UnityのMonoBehaviourクラスをシングルトン化...
HD画質の無駄遣い
Structure from Motion (多視点画像から...
AMIMOTO HHVMのパッケージを3.9へ更新
Konashiを買った
Polyscope：3Dデータ操作用GUIライブラリ
Iterator
adskShaderSDK
TensorFlowでCGを微分できる『TensorFlow...
ブログが3日間ほどダウンしてました
株式会社ヘキサドライブの研究室ページ
線画を遠近法で描く
オープンソースの取引プラットフォーム
OpenCV バージョン4がリリースされた！
OpenCVで顔のランドマークを検出する『Facemark ...
KelpNet：C#で使える可読性重視のディープラーニングラ...
Kornia：微分可能なコンピュータービジョンライブラリ
コメント