Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考:オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ?)
関連記事
OpenAR:OpenCVベースのマーカーARライブラリ
OpenSfM:PythonのStructure from ...
タマムシっぽい質感
スクラッチで既存のキャラクターを立体化したい
Web経由でRaspberry PiのGPIOを操作したい
UnityでTweenアニメーションを実装できる3種類の無料...
Kornia:微分可能なコンピュータービジョンライブラリ
iPhoneアプリ開発 Xcode 5のお作法
Quartus II
3D復元技術の情報リンク集
ZBrushで人型クリーチャー
openMVGをWindows10 Visual Studi...
機械学習手法『Random Forest』
機械学習で遊ぶ
Twitter APIのPythonラッパー『python-...
Verilog HDL
OpenCVのfindEssentialMat関数を使ったサ...
OANDAのfxTrade API
Amazon EC2ログイン用の秘密鍵を無くした場合の対処方...
ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...
iOSデバイスのためのフィジカル・コンピューティングツールキ...
hloc:SuperGlueで精度を向上させたSfM・Vis...
フルCGのウルトラマン!?
Google Colaboratoryで遊ぶ準備
C++の抽象クラス
AMIMOTO HHVMのパッケージを3.9へ更新
ManimML:機械学習の概念を視覚的に説明するためのライブ...
布のモデリング
WinSCP
Unity ARKitプラグインサンプルのドキュメントを読む
TensorFlowでCGを微分できる『TensorFlow...
viser:Pythonで使える3D可視化ライブラリ
VCG Library:C++のポリゴン操作ライブラリ
OpenCV 3.1のsfmモジュールを試す
Dlib:C++の機械学習ライブラリ
OpenCV 3.1とopencv_contribモジュール...
python-twitterで自分のお気に入りを取得する
WebGL開発に関する情報が充実してきている
書籍『ROSプログラミング』
任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...
Python拡張モジュールのWindows用インストーラー配...
フォトンの放射から格納までを可視化した動画


コメント