Webサイトをデザインする際、ページレイアウトや機能設計など、最初に作るWebサイトの骨組みのことを「ワイヤーフレーム」と呼ぶらしい。
CG上がりの自分は、ワイヤーフレームと言うと内挿補間していないポリゴンを連想してしまうのだが、この「Webサイトのワイヤーフレーム」は要するに「画面設計」みたいなものだろうか。
画面設計と呼ぶと途端にエクセル方眼紙みたいなイメージがわくけど、こっちはSEやプログラマー用語なんだろうか。
このワイヤーフレームを作るためのオンラインツールというものがいくつか存在するらしい。
iPlotz
Gliffy
mockingbird
参考：オンラインで使えるワイヤーフレーム作成ツール
ちょっと触ってみたけど、単純にレイアウトや色味などをデザインしたいなら、PhotoshopやIllustratorの方が良さそう。たぶんWebサイト設計で問題となるのは「機能」なんだろうな、と改めて思う。
デザインとは言っても、Webサイトの場合は完全にゼロから自由に始めることはほとんどなくて、使うインフラやライブラリはすでに検討をつけてあり、必然的に制約が担保される。
Webサイトのデザイン作業において、機能をアイコン表記するだけで成り立つのは、「全く新しい機能」なんてものはほとんど導入しないから。
また、業務システムの設計がエクセル方眼紙でそこそこ成り立つのも同じで「UIはいつものパターン」という共通認識が出来上がっているから。業務システムでまず注力するのはビジネスロジックであって、UIやUXではない。
UIデザインと機能デザインを同時平行して「全く新しいもの」なんてなかなか作れるもんじゃない。
と、昔の業務システム開発の経験を振り返ったのであった。(何が言いたかったんだ？)
関連記事
サンプルコードにも間違いはある？
MythTV：Linuxでテレビの視聴・録画ができるオープン...
書籍『ゼロから作るDeep Learning』で自分なりに学...
pythonもかじってみようかと
UnityでLight Shaftを表現する
Quartus II
WordPressで数式を扱う
WinSCP
R-CNN (Regions with CNN featur...
スクレイピング
Unreal Engineの薄い本
フルCGのウルトラマン！？
Unityで画面タッチ・ジェスチャ入力を扱う無料Asset『...
OpenCVの三角測量関数『cv::triangulatep...
任意の英語サイト中で自分がまだ覚えていない英単語だけに日本語...
Amazon EC2ログイン用の秘密鍵を無くした場合の対処方...
Super Resolution：OpenCVの超解像処理モ...
OpenCV 3.1から追加されたSfMモジュール
Boost オープンソースライブラリ
Rerun：マルチモーダルデータの可視化アプリとSDK
Mitsuba 2：オープンソースの物理ベースレンダラ
今年もSSII
iOSデバイスのためのフィジカル・コンピューティングツールキ...
網元AMIで作ったWordpressサイトのインスタンスをt...
OpenGV：画像からカメラの3次元位置・姿勢を推定するライ...
ZBrushで作った3Dモデルを立体視で確認できるVRアプリ...
UnityでARKit2.0
openMVGをWindows10 Visual Studi...
Webページ制作のためのメモ
PythonのHTML・XMLパーサー『BeautifulS...
OpenCVの超解像(SuperResolution)モジュ...
OpenCV 3.3.0 contribのsfmモジュールの...
ZScript
ブラウザ上でJavaScript,HTML,CSSを書いて共...
ブログをwpXレンタルサーバーからwpX Speedへ移行
ブログがダウンしてました
OpenCVのバージョン3が正式リリースされたぞ
機械学習手法『Random Forest』
OpenGVのライブラリ構成
html5のcanvasの可能性
OpenCVでiPhone6sのカメラをキャリブレーションす...
Webスクレイピングの勉強会に行ってきた
コメント