Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
Google App Engine上のWordPressでF...
定数
オープンソースの物理ベースGIレンダラ『appleseed』
Raspberry Pi 2のGPIOピン配置
今年もSSII
HerokuでMEAN stack
OpenCV 3.3.0 contribのsfmモジュールの...
AndroidもopenGLも初心者さ (でもJavaは知っ...
ブラウザ上でJavaScript,HTML,CSSを書いて共...
『手を動かしながら学ぶエンジニアのためのデータサイエンス』ハ...
Mask R-CNN：ディープラーニングによる一般物体検出・...
OpenCV
SONY製のニューラルネットワークライブラリ『NNabla』
OpenAR：OpenCVベースのマーカーARライブラリ
ドラマ『ファーストクラス』のモーショングラフィックス
Deep Learningとその他の機械学習手法の性能比較
スクラッチで既存のキャラクターを立体化したい
OpenGVの用語
FCN (Fully Convolutional Netwo...
PythonでBlenderのAdd-on開発
MythTV：Linuxでテレビの視聴・録画ができるオープン...
オープンソースの物理ベースレンダラ『Mitsuba』をMay...
Python.NET：Pythonと.NETを連携させるパッ...
UnityでTweenアニメーションを実装できる3種類の無料...
スクレイピング
OANDAのfxTrade API
書籍『ゼロから作るDeep Learning』で自分なりに学...
iOSデバイスのためのフィジカル・コンピューティングツールキ...
OpenSfM：PythonのStructure from ...
adskShaderSDK
iPhone・iPod touchで動作する知育ロボット『R...
マンガで分かる JavaScriptプログラミング講座
Raspberry PiのGPIOを操作するPythonライ...
PythonでMayaのShapeノードプラグインを作る
Mean Stack開発の最初の一歩
動的なメモリの扱い
手を動かしながら学ぶデータマイニング
Google Chromecast
現在公開されているWeb API一覧
機械学習で遊ぶ
第1回 3D勉強会＠関東『SLAMチュートリアル大会』
TorchStudio：PyTorchのための統合開発環境と...
コメント