Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
C++始めようと思うんだ
まだ続くブログの不調
大河原邦男オリジナルデザイン『iXine(イグザイン)』
WordPressプラグインによるサイトマップの自動生成
ヒトデの骨格のような構造物を作成するシステム『KINEMAT...
マンガで分かる JavaScriptプログラミング講座
Raspberry Piでセンサーの常時稼働を検討する
歯を食いしばって見るべき動画
Google App EngineでWordPress
iOSで使えるJetpac社の物体認識SDK『DeepBel...
チャットツール用bot開発フレームワーク『Hubot』
ブログをGoogle App EngineからAmazon ...
adskShaderSDK
Amazon Web ServicesでWordPress
GitHub Pagesで静的サイトを作る
Unity MonoBehaviourクラスのオーバーライド...
オープンソースの取引プラットフォーム
UnityのGameObjectの向きをScriptで制御す...
ブログのデザイン変えました
ZBrushのZScript入門
Raspberry Pi 2を買いました
WebGL開発に関する情報が充実してきている
OpenCVで顔のランドマークを検出する『Facemark ...
生物の骨格
3Dモデルを立体視で確認できるVRアプリを作っている
天体写真の3D動画
OpenGV：画像からカメラの3次元位置・姿勢を推定するライ...
Multi-View Environment：複数画像から3...
WordPressの表示を高速化する
触れば分かる ユニバーサルデザインな腕時計『The Brad...
html5のcanvasの可能性
ディープラーニング
CycleGAN：ドメイン関係を学習した画像変換
『日本の巨大ロボット群像』を見てきた
Super Resolution：OpenCVの超解像処理モ...
OpenCV 3.1とopencv_contribモジュール...
Kubric：機械学習用アノテーション付き動画生成パイプライ...
実は頻発しているブログの不具合
Swark：コードからアーキテクチャ図を作成できるVSCod...
Manim：Pythonで使える数学アニメーションライブラリ
Pylearn2：ディープラーニングに対応したPythonの...
OpenCVのfindEssentialMat関数を使ったサ...
コメント