Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
今年もSSII
OpenCVのfindEssentialMat関数を使ったサ...
iPhone・iPod touchで動作する知育ロボット『R...
NumSharp：C#で使えるNumPyライクな数値計算ライ...
Raspberry Piでセンサーの常時稼働を検討する
MPFB2：Blenderの人体モデリングアドオン
WordPress on Windows Azure
pythonもかじってみようかと
Amazon Web ServicesでWordPress
Unityの各コンポーネント間でのやり取り
OpenCVでPhotoshopのプラグイン開発
OpenCVの超解像(SuperResolution)モジュ...
ZBrushで人型クリーチャー
Super Resolution：OpenCVの超解像処理モ...
科学技術計算向けスクリプト言語『Julia』
OpenCV
ArUco：OpenCVベースのコンパクトなARライブラリ
PyTorch3D：3Dコンピュータービジョンライブラリ
Pythonの自然言語処理ライブラリ『NLTK(Natura...
Pythonのソースコードに特化した検索エンジン『Nulle...
UnityでOpenCVを使うには？
WordPressプラグインの作り方
Live CV：インタラクティブにComputer Visi...
AMIMOTO HHVMのパッケージを3.9へ更新
pythonの機械学習ライブラリ『scikit-learn』
LuxCoreRender：オープンソースの物理ベースレンダ...
現在公開されているWeb API一覧
OpenFace：Deep Neural Networkによ...
クラスの基本
まだ続くブログの不調
PyMC：Pythonのベイズ統計ライブラリ
書籍『3次元コンピュータビジョン計算ハンドブック』を購入
ニューラルネットワークで画像分類
WinSCP
OpenCV 3.1のsfmモジュールを試す
HerokuでMEAN stack
ブログがダウンしてました
WordPressの表示を高速化する
FreeMoCap Project：オープンソースのマーカー...
COLMAP：オープンソースのSfM・MVSツール
AnacondaとTensorFlowをインストールしてVi...
Python.NET：Pythonと.NETを連携させるパッ...
コメント