Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
ManimML：機械学習の概念を視覚的に説明するためのライブ...
bpy-renderer：レンダリング用Pythonパッケー...
FCN (Fully Convolutional Netwo...
Iridescence：プロトタイピング向け軽量3D可視化ラ...
Unity ARKitプラグインサンプルのチュートリアルを読...
iOSデバイスのためのフィジカル・コンピューティングツールキ...
歯を食いしばって見るべき動画
BlenderのPython環境にPyTorchをインストー...
Rerun：マルチモーダルデータの可視化アプリとSDK
WordPressプラグインの作り方
Google Chromecast
Web経由でRaspberry PiのGPIOを操作したい
WordPressをAmazon EC2のt2microイン...
Unityの各コンポーネント間でのやり取り
Raspberry Piでセンサーの常時稼働を検討する
Konashiを買った
オープンソースの物理ベースレンダラ『Mitsuba』をMay...
Managing Software Requirements...
OpenCV 3.3.0 contribのsfmモジュールの...
まだ続くブログの不調
『メカニックデザイナー 大河原邦男展』に行ってきた
アクセス元IPアドレスから企業名が分かるアクセス解析『Use...
仮想関数
GitHub Pagesで静的サイトを作る
C#で使える遺伝的アルゴリズムライブラリ『GeneticSh...
株式会社ヘキサドライブの研究室ページ
Boost オープンソースライブラリ
Structure from Motion (多視点画像から...
CycleGAN：ドメイン関係を学習した画像変換
ZBrushで人型クリーチャー
OpenVDB：3Dボリュームデータ処理ライブラリ
Mitsuba 3：オープンソースの研究向けレンダラ
iPhone x ロボットハッカソン～RomoのiPhone...
Composition Rendering：Blenderに...
BGSLibrary：OpenCVベースの背景差分ライブラリ
OpenCVでiPhone6sのカメラをキャリブレーションす...
3Dモデルを立体視で確認できるVRアプリを作っている
PyDataTokyo主催のDeep Learning勉強会
Super Resolution：OpenCVの超解像処理モ...
オープンソースの物理ベースGIレンダラ『appleseed』
D3.js：JavaScriptのデータビジュアライゼーショ...
AMIMOTO HHVMのパッケージを3.9へ更新
コメント