Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
OANDAのfxTrade API
RSSフィードを読込んで表示するWordpressプラグイン...
WordPressで数式を扱う
書籍『ゼロから作るDeep Learning』で自分なりに学...
デザインのリファイン再び
OpenCV 3.1のsfmモジュールを試す
Unity ARKitプラグインサンプルのドキュメントを読む
DCGAN (Deep Convolutional GAN)...
ブログをwpXレンタルサーバーからwpX Speedへ移行
openMVGをWindows10 Visual Studi...
CGレンダラ研究開発のためのフレームワーク『Lightmet...
iOSデバイスのためのフィジカル・コンピューティングツールキ...
OpenCVでカメラ画像から自己位置認識 (Visual O...
マンガで分かる JavaScriptプログラミング講座
CGALDotNet：計算幾何学ライブラリ CGALのC#ラ...
このブログのデザインに飽きてきた
Unity ARKitプラグインサンプルのチュートリアルを読...
AndroidもopenGLも初心者さ (でもJavaは知っ...
JavaScriptとかWebGLとかCanvasとか
ブログの復旧が難航してた話
Swark：コードからアーキテクチャ図を作成できるVSCod...
UnrealCLR：Unreal Engineで.NET C...
Model View Controller
まだ続くブログの不調
オープンソースの取引プラットフォーム
ヒトデの骨格のような構造物を作成するシステム『KINEMAT...
東京オリンピックと案内表示
歯を食いしばって見るべき動画
WordPress on Google App Engine...
天体写真の3D動画
ブログのデザイン変えました
Mitsuba 2：オープンソースの物理ベースレンダラ
ROMOハッカソンに行ってきた
ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...
WordPressプラグインによるサイトマップの自動生成
組み込み向けのWindows OS 『Windows Emb...
Mean Stack開発の最初の一歩
viser：Pythonで使える3D可視化ライブラリ
Web経由でRaspberry PiのGPIOを操作したい
iPhoneアプリ開発 Xcode 5のお作法
OpenCV
Managing Software Requirements...
コメント