Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
OpenCVの顔検出過程を可視化した動画
Caffe：読みやすくて高速なディープラーニングのフレームワ...
OpenGVのライブラリ構成
ブログが3日間ほどダウンしてました
ブログの復旧が難航してた話
続・ディープラーニングの資料
iPhone・iPod touchで動作する知育ロボット『R...
OpenCV 3.3.0-RCでsfmモジュールをビルド
Webページ制作のためのメモ
書籍『仕事ではじめる機械学習』を読みました
adskShaderSDK
Dlib：C++の機械学習ライブラリ
Mitsuba 3：オープンソースの研究向けレンダラ
OpenCV バージョン4がリリースされた！
Google App Engine上のWordPressでF...
Mitsuba 2：オープンソースの物理ベースレンダラ
VCG Library：C++のポリゴン操作ライブラリ
Pythonのソースコードに特化した検索エンジン『Nulle...
胡散臭いデザインの参考サイト
OpenCVで顔のランドマークを検出する『Facemark ...
Raspberry Pi 2を買いました
Deep Learningとその他の機械学習手法の性能比較
触れば分かる ユニバーサルデザインな腕時計『The Brad...
PyDataTokyo主催のDeep Learning勉強会
OpenCV3.3.0でsfmモジュールのビルドに成功！
現在公開されているWeb API一覧
Iterator
WordPressのサーバ引っ越し方法を考える
UnityのGameObjectの向きをScriptで制御す...
UnrealCLR：Unreal Engineで.NET C...
iOSで使えるJetpac社の物体認識SDK『DeepBel...
Raspberry PiでIoTごっこ
RSSフィードを読込んで表示するWordpressプラグイン...
Raspberry Piでセンサーの常時稼働を検討する
Quartus II
UnityでShaderの入力パラメータとして行列を渡す
仮想関数
Unity MonoBehaviourクラスのオーバーライド...
UnityでTweenアニメーションを実装できる3種類の無料...
Model View Controller
クラスの基本
ZBrushで人型クリーチャー
コメント