Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
MythTV：Linuxでテレビの視聴・録画ができるオープン...
OpenCVのfindEssentialMat関数を使ったサ...
iOSデバイスのためのフィジカル・コンピューティングツールキ...
OpenCV 3.1とopencv_contribモジュール...
Deep Learningとその他の機械学習手法の性能比較
Google App Engine上のWordPressでF...
ポリゴンジオメトリ処理ライブラリ『pmp-library (...
html5のcanvasの可能性
ブログの復旧が難航してた話
viser：Pythonで使える3D可視化ライブラリ
ブログが3日間ほどダウンしてました
Boost オープンソースライブラリ
OpenCV バージョン4がリリースされた！
ArUco：OpenCVベースのコンパクトなARライブラリ
KelpNet：C#で使える可読性重視のディープラーニングラ...
Raspberry Pi 2を買いました
3分の動画でプログラミングを学習できるサイト『ドットインスト...
ManuelBastioniLAB：人体モデリングできるBl...
3Dモデルを立体視で確認できるVRアプリを作っている
UnityでLight Shaftを表現する
サンプルコードにも間違いはある？
UnityプロジェクトをGitHubで管理する
OpenCV
WordPressの表示を高速化する
R-CNN (Regions with CNN featur...
Unity MonoBehaviourクラスのオーバーライド...
Mitsuba 3：オープンソースの研究向けレンダラ
Kaolin：3Dディープラーニング用のPyTorchライブ...
天体写真の3D動画
Managing Software Requirements...
Google製オープンソース機械学習ライブラリ『Tensor...
フォトンの放射から格納までを可視化した動画
PyMC：Pythonのベイズ統計ライブラリ
UnityのuGUIチュートリアル
機械学習に役立つPythonライブラリ一覧
Russian3DScannerのトポロジー転送ツール『Wr...
UnityでTweenアニメーションを実装できる3種類の無料...
Cartographer：オープンソースのSLAMライブラリ
UnrealCLR：Unreal Engineで.NET C...
Google Colaboratoryで遊ぶ準備
iOSで使えるJetpac社の物体認識SDK『DeepBel...
FCN (Fully Convolutional Netwo...
コメント