![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
Webサイトの制作をしています。
Illustratorでラフを出して欲しいといわれたで、いつもの通りに文章部分を
「○○○○○○○○○○」
として写真部分を白枠で囲み「photo」
という感じで作ったのですが、
上司に「写真や文章もすべて入ったラフを作って欲しい」と言われました。
今回のサイトはテキスト部分多く、Illustratorで表を作ったとしても、HTMLで組み直さないといけないので、すごく手間のように感じるのですが…
経験が浅く、社内にアドバイスをしてくれそうな人もいないので、こちらで相談させていただきました。
こういう場合、どのようにデザインのプレゼンテーションをするのが一般的でしょうか?
分かりにくい質問で申し訳ありませんが、説明が足りない部分は、言っていただければ補足いたします。
ぜひアドバイスをよろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
私も同じような仕事(デザイナーさんに発注する側ですが)を
していますが、無駄&手間を承知でお願いしています。
決してその状態が正しいとは思わないのですが、
サイト制作に関わる全員で共通のイメージを持つ意味において、
面倒でも制作しておく必要があると思います。
『○○○○●○○○○●』
『Photo』
だけですと、各々違うイメージを抱いてしまうので。
言葉は悪いですが、
『お客さんはみんな馬鹿。顔では笑顔、心で毒吐く』
くらいの気持ちでいたほうがラクかもしれませんよ。
社内でWeb制作をしているのが私ひとりなので
「もしかして私のやり方はすごく時間がかかってるんじゃなか」と不安になってしまいました。
でも、お客様にちゃんとしたイメージを伝えるほうが大事ですね。
がんばります。ありがとうございました。
No.3
- 回答日時:
「写真や文章もすべて入ったラフを作って欲しい」=カンプ作成としてとらえていますが、Illustratorのバージョン10以降(正確には9ですが)でないと2度手間となり面倒な作業となってしまいます。
VGA横スクロールなしなら760px程度、XGAなら950px程度の幅、高さについてはスクロールさせるという前提で都合のいい数値を指定でいいと思います。
パーツ類(ヘッダやフッダ)といった具合にレイヤごとに置いた方が後の作業ははるかに楽になります。
基本的に(ver10以降なら)オブジェクトベースのスライス+ユーザースライスを使い、パーツを切り出してHTMLファイルとして吐き出して、Dreamweaver、GoLiveなど(何でも)HTMLコーディング作成ソフトに読み込ませて細かい修正をしていきます。
この段階で画像化されたテキストや表の部分を削除して、本来のTEXTデータ、テーブルに戻す作業をします。
可能なら無用なスペーサーなども削除する場合もあります。
元のTEXTや、表データなどは別に保存されていれば流し込むだけなので、手間はさほどかからないと思います。
共通部品を含むテンプレート作成なら、前出のレイヤの表示、非表示を利用して、たとえばヘッダのナビゲーション部分のみを作成→ HTML化→ レイアウト部分の作成といった手順になるでしょう。
Web用に保存コマンドがないと上記の作業は出来ません。(ver9はスライスがいまいち使えないです)
ありがとうございます。
幸い使用しているのがver10なので、HTMLの書き出しはできます。
マメにレイヤーを分けて、なるべく楽に作業できるようにがんばります。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Web・クリエイティブ 今とても悩んでる事があるんです。至急アドバイス頂けたら助かります。 現在学生で、Illustrato 1 2022/09/18 20:02
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- その他(IT・Webサービス) WEBサイト内のファイルを探す方法は? 1 2022/11/11 16:38
- その他(プログラミング・Web制作) このWEB用語、WEB文章、意味が分かりますか? 理解できない人が多いようなんですが・・・ 7 2022/10/22 09:13
- 会社・職場 今後の仕事について 閲覧ありがとうございます。 私は現在28歳の男性です。 自分が向いている仕事、続 3 2022/08/01 12:19
- Web・クリエイティブ 趣味でグラフィックデザインをして見たいと最近考えてるのですが、質問で、平面構成のデザインとはなんです 1 2022/08/21 19:32
- アプリ チャットアプリをダウンロードした時に出てきた、 「他者のAppやWebサイトを横断してあなたのアクテ 1 2023/01/23 01:08
- サーバー メールサーバーについて詳しい方、メールサーバーの管理業務経験のある方、教えてください。 3 2022/11/12 18:24
- Web・クリエイティブ A4チラシの作成時間はどのくらい? 6 2022/05/22 11:35
- 図書館情報学 著作権について(再質問で申し訳ありません) 1 2022/09/16 23:32
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
写真の色を薄くする方法
-
jww レイヤーグループバーの「...
-
フォトショ、または、イラレで...
-
google earth pro をPCで使って...
-
Photohopの「ガイド」はコピー...
-
Illustratorの操作が難しいです...
-
2.5Dがイマイチ使いこなせません
-
Illustratorで作成した画像の面...
-
突然カーソルが手の形に…
-
エクセルの図形で弧を書く方法
-
クリッピングマスクの枠の外を...
-
jw_cadで消えない線があります...
-
バツ印をつけるには??(ワード)
-
指定範囲内で図形等を削除する...
-
google spread sheet で拡大表...
-
イラストレーターで辺の中心に...
-
in Designで一部のページにのみ...
-
エクセルで、渦巻きを作りたい。
-
エクセルで図形やワードアート...
-
Photoshopで、パスを連結するに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google earth pro をPCで使って...
-
Photohopの「ガイド」はコピー...
-
jww レイヤーグループバーの「...
-
フォトショ、または、イラレで...
-
写真の色を薄くする方法
-
Illustratorで作成した画像の面...
-
Google Earthで写真マークを消...
-
再質問です。グーグルアースで...
-
マルチキャストが使えるスイッ...
-
【Illustrator】ファイルを開い...
-
2.5Dがイマイチ使いこなせません
-
photoshop でつなぎ目をなめら...
-
CADソフト頭脳RAPID15Proのレイ...
-
Illustratorの操作が難しいです...
-
Pixiaの使い方
-
設計用語の意味を教えてください。
-
GoogleEarthの地形レイヤの表示...
-
Vector Works グレー表示を濃く...
-
マイピクチャの画像を編集する...
-
トレース機能のあるお絵描きソ...
おすすめ情報