Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
OpenCVの超解像(SuperResolution)モジュ...
libigl：軽量なジオメトリ処理ライブラリ
書籍『ROSプログラミング』
pythonの機械学習ライブラリ『scikit-learn』
C++始めようと思うんだ
Seleniumを使ったFXや株の自動取引
OpenCV 3.3.0 contribのsfmモジュールの...
『メカニックデザイナー 大河原邦男展』に行ってきた
ドラマ『ファーストクラス』のモーショングラフィックス
書籍『OpenCV 3 プログラミングブック』を購入
任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...
Point Cloud Utils：Pythonで3D点群・...
Webページ制作のためのメモ
Amazon Web ServicesでWordPress
変形ロボットのデザイン
ポリゴンジオメトリ処理ライブラリ『pmp-library (...
COLMAP：オープンソースのSfM・MVSツール
デザインのリファイン再び
ネームサーバとDNSレコードの話
オープンソースの顔認識フレームワーク『OpenBR』
法線マップを用意してCanvas上でShadingするサンプ...
Kornia：微分可能なコンピュータービジョンライブラリ
今年もSSII
Unreal Engineの薄い本
C#で使える遺伝的アルゴリズムライブラリ『GeneticSh...
FreeMoCap Project：オープンソースのマーカー...
『日本の巨大ロボット群像』を見てきた
Raspberry Pi 2を買いました
OpenCVで動画の手ぶれ補正
第1回 3D勉強会＠関東『SLAMチュートリアル大会』
trimesh：PythonでポリゴンMeshを扱うライブラ...
DCGAN (Deep Convolutional GAN)...
Boost オープンソースライブラリ
アクセス元IPアドレスから企業名が分かるアクセス解析『Use...
WordPress on Google App Engine...
OpenCVのfindEssentialMat関数を使ったサ...
ブログが1日ダウンしてました
オープンソースの物理ベースレンダラ『Mitsuba』をMay...
LuxCoreRender：オープンソースの物理ベースレンダ...
布のモデリング
MythTV：Linuxでテレビの視聴・録画ができるオープン...
Raspberry Pi
コメント