Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
Live CV：インタラクティブにComputer Visi...
Manim：Pythonで使える数学アニメーションライブラリ
Unityで画面タッチ・ジェスチャ入力を扱う無料Asset『...
法線マップを用意してCanvas上でShadingするサンプ...
Google App Engine上のWordPressでA...
『Geocities-izer』 どんなWebページも一昔前...
クラスの基本
PGGAN：段階的に解像度を上げて学習を進めるGAN
R-CNN (Regions with CNN featur...
まだ続くブログの不調
日本でMakersは普及するだろうか？
オープンソースの物理ベースGIレンダラ『appleseed』
C++ 標準テンプレートライブラリ (STL)
ディープラーニング
UnityでOpenCVを使うには？
胡散臭いデザインの参考サイト
WinSCP
Mean Stack開発の最初の一歩
Google Chromecast
OpenCVで顔のモーフィングを実装する
オープンソースの物理ベースレンダラ『Mitsuba』をMay...
WordPressのサーバ引っ越し方法を考える
Raspberry Pi 2を買いました
WordPressプラグインの作り方
Mitsuba 2：オープンソースの物理ベースレンダラ
HD画質の無駄遣い
書籍『仕事ではじめる機械学習』を読みました
ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...
プログラミングスキルとは何か？
CGレンダラ研究開発のためのフレームワーク『Lightmet...
OpenFace：Deep Neural Networkによ...
WordPressのテーマを自作する
Composition Rendering：Blenderに...
Twitter APIのPythonラッパー『python-...
LuxCoreRender：オープンソースの物理ベースレンダ...
cvui：OpenCVのための軽量GUIライブラリ
線画を遠近法で描く
フルCGのウルトラマン！？
KelpNet：C#で使える可読性重視のディープラーニングラ...
bpy-renderer：レンダリング用Pythonパッケー...
Python for Unity：UnityEditorでP...
天体写真の3D動画
コメント