• 締切済み

WEBサイトのカンプ制作方法

WEBサイトのカンプ制作方法 WEBサイトのカンプ制作の方法について質問です。 今までずっと紙媒体の広告を担当してきたのですが、 WEBサイトを今回初めて制作することになりました。 デザインカンプを制作するにあたって、 今まで使い慣れてきた、イラストレーターを使用したいと 考えています。 カンプを、イラレで制作した場合、 ファイヤーワークスに、イラレデータを取り込んで、 素材などを切り出しする、という手順でよいのでしょうか？ また、イラストレーターでWEB用カンプを制作する際、 気をつけることがあったら、教えていただきたいです。 どうぞよろしくお願いいたします。

みんなの回答

  • rurino
  • ベストアンサー率55% (38/68)
回答No.1

ページは縦に伸びるものだということを踏まえた上でデザインするということでしょうか… WEBは各エンドユーザの環境により、文字サイズや行間が変わります。 それによって、カンプでは想定していなかったスペースがたくさんできたりします。 また、1行用のつもりで作ったタイトルの背景が2行になって、文字が背景にはみ出てしまうなどもよくあることです。 その都度パーツを作り直すのも面倒なので、「縦に伸びても違和感がでない」パーツ作りを心がけるのがのちのちの楽につながります。 グラデーションをつくるのでも、背景が白なら、白に溶けこんでいくグラデーションとか。 概念的な話で申し訳無いです^^;;

  1. カテゴリ
  2. ビジネス・キャリア
  3. 職種
  4. デザイナー・クリエイティブ職

関連するQ&A

  • WEB上で使用される、アイコンやロゴの制作方法

    WEB上で使用される、アイコンやロゴの制作方法 グラフィックデザイナーをやっている者です。 WEBで使用するデータに関して質問です。 紙媒体で使用するイラレで制作した、ロゴなどのデータをWEB用に保存し、 WEBサイトにアップしたのですが、文字やイラストなどが、ぎざぎざしたり、 ぼやけたりしてしまいます。 イラストレーターで制作したデータをWEB上で使用するためには、どういう処理を 行えばよいのでしょうか？ ちなみに、PCにインストールされているソフトは、 イラストレーター、 フォトショップ、 フラッシュ、 ドリームウェバー ファイヤーワークス インデザイン （Creative Suite5 Design Premiumに収録されているソフト全て） です。 アドバイスいただけると大変助かります。

  • webサイトのカンプをillustrator上で制作する際、新規ドキュ

    webサイトのカンプをillustrator上で制作する際、新規ドキュメントのサイズ設定で、一般的に良く使われるサイズがあれば教えて下さい。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ウェブ素材の制作で、正しい色で書き出されない。

    MacOS 10.4.3 Tiger / Apple Cinema Display Illustrator CS / Photoshop CS / Dreamweaver イラストレーターで制作した、ウェブ素材をコピーして、フォトショップ上で新規書類を開いて、ペーストしたモノをWeb用保存すると、すごくどす黒い色になって書き出されてしまいます。 （例えば、イラストレーターやフォトショップ上では鮮やかなオレンジなのに、Web用保存したときだけ、どす黒くなる） ロゴなどのイラストレーターデータを、画像データとして使用したいのですが、色が変換されてしまうので、困っています。 また、フォトショップにコピペせず、イラストレーター上で完了してしまえば、色の問題はほとんどないのですが、PSにコピペするより、少しぼやけたカンジになるので、イラレ→PSという流れで制作しています。 両ソフト間では、同じカラー設定です。 RGB:AdobeRGB(1998) / CMYK:Japan Color 2001 Coated やはりイラレ→PSという流れは、良くないのでしょうか？ 現在はイラレにWeb用保存がありますが、ver.8の時代はどのようにされていたのでしょうか？ 私自身は、紙媒体を主に仕事しているのですが、ウェブ制作の現場の方の意見をお伺いしたいと思います。 よろしくお願いいたします。

  • イラストレータカンプ制作

    イラストレータでカンプを制作しています。 印刷予定はなくプリンタ出力でしか使いません。 ページは４０ページくらいあり、画像を多数300くらい貼る予定ですが、こういう場合画像は 何dpiで貼るのがよいでしょうか？ 一応元画像は４００dpiで読み込んであり、画像の切り抜きもおわっていますが そのままサイズで貼って縮小したらいくつか画像貼った時点でイラレが動かなくなってしまいました。

  • だまされてカンプを制作してしまいました

    昨年12月、広告代理店よりカンプを作ってくれないか？と問い合わせがありました。内容は競合はなく、クライアントがカンプでOKをくれれば、君に仕事を出すので、ダメな場合は0円とのことでした。ある商品の総合パンフなのでA4、8ページのものと12ページのものの2種カンプを作りました。しかしその後結果報告がなく、今でもありません。最近なにげなくその広告代理店のホームページを見たら過去の制作例として、まさにそれが掲載されていました。私のカンプ通りではありませんがタイトルとクライアントが一致し、間違いなく私のカンプがきっかけとなっているものでした。その代理店は社長と社員一人、計2人でやっているので、社長に連絡するしかないのですが、電話に出てもらえません。このままでは納得できません。ある程度は請求したいのですが、私に権利はあるのでしょうか？

  • イラストレーターから一番劣化しない書き出し方法は？

    宜しくお願いします。 OS：WinXP Ver：IllustratorCS2、Photoshop7 WEBサイトを制作の際は、 イラストレーターでページの全体図を制作 ↓ PSD形式で書き出 ↓ フォトショップにてパーツの切り出し という手順で進めています。 ただ書き出した際に、角丸などのパーツのエッジが上手く出力されません。 ただ、イラストレーター8形式で保存して、フォトショップで開くと比較的奇麗に書き出されるのでそのように進めています。 png形式で書き出しファイヤーワークスで加工という方法もあるのですが、 どういう流れが一番奇麗に書き出されるのでしょうか。 イラストレーターでWEB制作している方はどのようにしていますか？ ただpngで書き出してファイヤーワークスで切り取ることも可能かと思いますが、皆さんは制作の際にどうしてますか？

  • web制作で使用するソフト

    個人でWeb制作をしています。 制作依頼時に、依頼者から「使用しているソフトは何ですか？」と聞かれることがあります。 フォトショップ・イラストレーター・ドリームウィーバーを使用しているのでそのまま答えるのですが、フォトショップやイラレを使っているかどうか聞かれることについてはおそらく広告で使用している素材を生かす云々の問題かなと思っています。 ですがなぜWebのソフトまできかれるのか不思議です。 仮にホームページビルダーとかだと何かまずいんでしょうか？ くだらない質問ですみません。でもよく聞かれるので不思議で不思議で・・・

  • photoshop webデザイン カンプ制作

    初歩的な質問失礼します。 現在photoshopにてwebサイトのデザインカンプを制作中です。 新規ファイル作成の時点で、キャンバスのサイズを1280×1024に設定して制作を進めていたのですが、高さが全然足りなくなってしまいました。 こういった場合はどうするのが良いでしょうか？？ また、皆さんはサイトの高さがどれくらいになるかわからない場合、新規ファイル作成の際、キャンバスサイズをどのように設定されていますか？？ すごく初歩的な質問でお恥ずかしいのですが、どなたか親切な方、素人にもわかりやすいご教授を頂けないでしょうか？？ よろしくお願い致します。

  • ファイヤーワークス8（Fireworks8）でHPのWEB素材を作って

    ファイヤーワークス8（Fireworks8）でHPのWEB素材を作っているのですが、どうしても文字が汚く滲んでしまいます。そのため、イラストレータ-で文字の箇所だけ別で作って、合体させたりしています。イラストレータ-は、使い慣れてないので、出来れば、ファイヤーワークスだけで、作業簡潔したいです・・。良い方法はないでしょうか・・？　バージョンが8で古いので新しいものは、綺麗になっていますかね・・？　ファイヤーワークスで製作されている方で、文字をパキッと出すのによい方法があれば、教えてください。　

  • 効率よくWebサイトを制作するには？

    Webデザイナーの卵です。 いくつかサイトを制作したのですが、まだ慣れないこともあり物凄く時間がかかってしまいます。 時間短縮が必要不可欠だと思うのですが、皆様はどのような工程で、どのようなソフトを使ってサイトを制作しますか？ ちなみに自分は… 　ものすごーく簡単なラフ画を制作 　　↓ 　ロゴをイラレで作ったりして、 　全体のイメージ制作はフォトショップで。 　　↓ 　パーツごとに切り取り 　　↓ 　ドリームウィーバーでコーディング 全体のイメージを作ったけど、それをHTMLにしていく過程に物凄く時間がかかっている感じです。アプリケーション間の連携もうまくいっていないというか…。 ちなみに会社のPCスペックが低すぎて、フォトショップとイラレ同時起動はできず、フォトショップ立ち上げたり、イラレ立ち上げたり…　この辺もストレスですね。 皆様のやり方を教えていただけるとうれしいです。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する