Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考:オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ?)
関連記事
マンガで分かる JavaScriptプログラミング講座
任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...
OpenSfM:PythonのStructure from ...
Managing Software Requirements...
ディープラーニング
OpenCVでPhotoshopのプラグイン開発
UnityのGameObjectの向きをScriptで制御す...
Kubric:機械学習用アノテーション付き動画生成パイプライ...
IronPythonを使ってUnity上でPythonのコー...
OpenCV 3.3.0-RCでsfmモジュールをビルド
Composition Rendering:Blenderに...
KelpNet:C#で使える可読性重視のディープラーニングラ...
ドラマ『ファーストクラス』のモーショングラフィックス
実は頻発しているブログの不具合
FreeMoCap Project:オープンソースのマーカー...
ブログをSSL化
Webページ制作のためのメモ
Mayaのプラグイン開発
フィクションに登場するUIデザインのまとめサイト
科学技術計算向けスクリプト言語『Julia』
pythonもかじってみようかと
PyTorch3D:3Dコンピュータービジョンライブラリ
OpenCV3.3.0でsfmモジュールのビルドに成功!
TensorSpace.js:ニューラルネットワークの構造を...
Model View Controller
Google Chromecast
OpenCVで動画の手ぶれ補正
天体写真の3D動画
OpenCVのfindEssentialMat関数を使ったサ...
Mask R-CNN:ディープラーニングによる一般物体検出・...
ブログをwpXレンタルサーバーからwpX Speedへ移行
ブラウザ操作自動化ツール『Selenium』を試す
Deep Learningとその他の機械学習手法の性能比較
Mitsuba 3:オープンソースの研究向けレンダラ
AfterEffectsプラグイン開発
Live CV:インタラクティブにComputer Visi...
UnityのMonoBehaviourクラスをシングルトン化...
Unityからkonashiをコントロールする
変形ロボットのデザイン
3Dグラフィックスの入門書
Google App Engine上のWordPressでF...
OpenCV 3.3.0 contribのsfmモジュールの...


コメント