• ベストアンサー

未経験者がこれからウェブデザインを学ぶにあたって

神崎 渉瑠(@taloo)の回答

回答No.7

> デザインとは設計・構築です。見た目ではありません。 あ~、、、 私はその部分は「サイト設計」として、デザインとは別のところで考えてますね。 そのサイトを作り公開する目的、 何を公表し、アピールしたいか、更新するためのプラン、管理方法、その他、 ディレクトリの分け方、ファイル名の命名基準、データベースを使うならデータベースの種類、 BBSやブログ、会社概要の地図を載せるのに、自分で作るのか他社サービスを利用するのかなど そういうところを「サイト設計」の段階で決めていき、 その後、たとえば企業イメージが青なら全体に青でまとめよう、 女性向けのページにしたいから赤やピンクでまとめよう、などというデザインを決めていきます。 そのデザインを表現する手段として、色鉛筆があり、水彩絵の具や油絵の具、PhotoshopやIllustrator、 それにCSSがあると考えます。 (厳密にはHTMLはデザインのためのものではありません) サイト設計=ウェブディレクター サイトデザイン、ページデザイン=デザイナー HTMLコーディング、CSSコーディング=HTMLコーダー JavaScript、Perl/PHPなどプログラム作成、CMSテンプレート作成=プログラマー、HTMLコーダー Flash作成=Flashプログラマー、Flashプログラマー 大規模で複数の人が1つのサイトを作る場合は、役割分担ができると思いますが、 小規模ならほとんど1人で全部を兼任することが多いと思います。 ディレクターの仕事は営業の人が兼ねたり、 (クライアントがどんなサイトを作りたいかを聞き出して、 ショッピングカートをつけるのか、クライアントが自分で更新できるようにするためにCMSにするのか、などを決める) デザインとHTML/CSSコーディングを1人でやるところは多いと思います。 広告デザインでも同様にディレクターがいると思いますし、デザイナーが印刷や製本まですることはないと思います。 雑誌に掲載する広告なのか、新聞の折り込み広告なのかで作り方が違うと思いますし、 そういうのを考えて、デザイナーに指示するのもディレクターの仕事ではないでしょうか。 いきなりディレクター業務までやらされるのは大変だと思いますが、 広告デザインの経験があるなら、そのときのディレクターがどんな仕事をしていたかを思い出しながら、自分の仕事を進めていけると思います。

関連するQ&A

  • Webデザインのスキル

    在宅でデザインの仕事を探しています。(副業的に) スキル的には、現在食品メーカーでパッケージデザイン、POP制作、パネル制作、料理写真の補正・加工等を行っています。イラレCS3、フォトショCS2です。 ネットを拝見するとWebデザインの案件が多いので、可能ならそれでもいいかなと思うのですが、印刷や紙ものグラフィックとWebでは結構勝手が違いますか? また、Webデザインを覚えるのにお勧めの書籍等があれば教えてください。

  • 素人がWebデザイン/制作をするのにお勧め書籍ありますか?

    素人がWebデザイン/制作をするのにお勧め書籍ありますか? 会社のWebサイトをリニューアルしたいと考えています。小さいところなので、外注できる予算はまったくなく、自分たちでやらねばならない状況で、それまでビルダーやFront Page、Wordなどで作ってきましたが、やはり素人臭さが抜けないのと、おぞましいソースになってしまうので、アクセシビリティの面から考えてXHTML+CSSで作り直したいと考えています。 プロはおそらくイラレやフォトショでデザインを作って、そこからコーディングしていく形でサイトをデザイン、構築していく流れになろうかと思いますが、この一連の流れを勉強できるお勧め本(テキスト)があれば教えていただきたいです。XHTML+CSSだけ、イラレだけ、フォトショだけ、ならそれぞれたくさんの書籍が発行されてると思うのですが、「サイトを作り上げる」という観点で書かれた本ないかなぁ、と思ったしだいです。 現在持っているのはソシム社の「HTML/XHTML&スタイルシート レッスンブック」だけで、イラレやフォトショ関連の本はまだ持っていません。同じくソシム社の「DTPデザイナー&グラフィックデザイナーのためのDreamweaver Webデザイン練習帳 改訂版」がいいのかなと思いましたが、Amazonのレビューの書き込みがなかったこともあり、質問させていただきました。 AdobeのCS4デザインプレミアムを持っているので、DWが加わっても大丈夫です。 ちなみに当方のスキルは昔HTMLだけでホームページを作成し、ビルダーでもちょこちょこ作っていたのでその辺のことはわかります。イラレ・フォトショ・DWはイーラーニングで一通り学びはしましたが、あまり身についていない感じがしています。特に、デザインされたものをコーディングしていくのってどうするんだろう・・・?というレベルです。 webデザイン、サイト制作関連でお仕事されている方、教育機関などで関連の講座を担当されている方、同じく勉強中の方、広くご意見いただけるとうれしいです。よろしくお願いいたします。

  • WEBデザインでのソフトの使い分け

    現在WEBデザインの仕事をしていますが、グラフィックやページのデザインで皆さんはどのソフトをどのように使い分けていますでしょうか? 私はデザイン案をイラレで作成したものを、フォトショにコピー&ペーストで貼り付けて書き出したり、見出しなどの文字列の画像などはフォトショで個別に作り直しているのですが、結構手間が掛かってしまいます。ファイヤーワークス(以後FW)も使えるので時々FWでデザインで作成しスライスで書き出すと言うこともやるのですが、明らかにこちらの方が効率的ではあるのですが、イラレほどにデザインが自由にできないため(点線を掛けないなど)、どうも製作のたびにソフトの使い分けで悩んでしまいます。 皆さんはどのように使い分けていますか?

  • Adobe CS5 design premium を買おうと思うのです

    Adobe CS5 design premium を買おうと思うのですが、このソフトは、セットなので、イラレやフォトショ以外にもFlash、ドリームウィバー、Acrobat、fireWorks、など10個もソフトがセットになっていますが~これは、一つづつ好きなソフトだけインストール出来たりはしないんでしょうか??セットで買った方が安いのでセットを買いたいのですが、デメリットでしかないんでしょうか? 使うのはMacBookProです。 やっぱりインストールして使っているとMacBook Proでも、重くなってしまうのでしょうか?? フォトショとイラレだけ単品で買っていれたほうがいいですかね? MacBookでデザインのソフトでデザインしている方がいたら、教えてくれるとありがたいです! どうか情報をください!お願いします?

  • イラストレーターでWEBデザインする時

    WEBデザイナーをしています。 私はイラストレーターの方が文字の装飾などパーツを作るのに便利なので、 全てのデザインをイラストレーターで行っています。 そこでものすごく木になることがあります。 クライアントから素材として大きな画像をもらうことがあります。 この場合は、フォトショップで使用する大きななどに調整してイラレにもって行きます。 さらにイラレ上でこの画像に文字をのせたり、マスクをかけたりデザインをしてから、 デザインが仕上がった段階でスライスに入ります。 当たり前ですが、一旦フォトショでjpgで書き出して、さらにイラレのスライスでもjpg書き出しをするので、 写真画像があまりきれいではありません。 大きなままイラレに持ってきて、イラレ上で縮小して書き出せば、そこそこキレイなのですが、 イラレを保存する時にかなり重くなってしまいます。 イラストレーターでWEBデザインをされる方は写真画像の書き出しなどはどのようにされているのでしょうか? 良い方法、もしくはやはりイラレでデザインすべきでないなど、教えていただければうれしいです。 よろしくお願いします。

  • ドラッグしても開かない

    OSX10.45でAdobe PhotoshopCSとイラレCSを入れてます。 ドッグの PhotoshopCSとアイコンにデータ(.psd)をドラッグしても 開きません。同様にイラレCSもイラレデータ(.ai)をドラッグしても 開きません。ちなみにGo LiveはGo LiveデータhtmlをGo Liveのアプリ にドラッグすると開きます。ほかの別メーカーのインストールされた ものは普通に開きます。反応しない、Adobe PhotoshopCSとイラレCSは現在「開く」で使ってます。ちょっと面倒です。 どう直すのか教えて下さい

    • ベストアンサー
    • Mac
  • イラレとフォトショどっちが良いか。

    イラレとフォトショのCS6を購入したのですが、WEBのデザインカンプはこれから作るのを学ぶ場合どちらで作っていったほうが良いのでしょうか? フォトショのほうが慣れているのですが、フォトショはイラレのようにここが他のオブジェクトと水平などのガイドがないので、イラレのほうが良いのでしょうか? それともフォトショも設定を変えればそのようなことができるのでしょうか?

    • ベストアンサー
    • CSS
  • アドビ web premiumインストール

    アドビのウェブプレミアムのインストールについてですが、 以前CS3のフォトショップとイラストレーターの体験版をダウンロードしました。 そして今回ウェブプレミアムを購入しインストールしました。それで以前フォトショとイラレをダウンロードしたのでフォトショとイラレはインストールできませんでした。(ダウンロード済みと表示が出ました) こういう場合は体験版のイラレとフォトショをアンインストールして 追加でウェブプレミアムのイラレとフォトショをインストールして問題はないでしょうか?

  • Illustratorでweb用にスライス

    Web制作初心者です。 Illustrator CS5で web用にスライスをしてみました。 作ったデザインの背景色を、カラーをカラーピッカーの16進数(#~)で確認して、 CSSにバックグラウンドカラーで指定しました。 その上にイラレ上でタイトル画像をスライスしたものを置いたのですが、 バックグラウンドカラーと画像の色が違うのです。 web制作にはDreamweaver使っているのですが、こちらの不具合かと思い ブラウザで見ても違う色になっていました。 やはり、イラレでスライスはまだまだ、うまく行かないのですか? DTP出身なのでフォトショが苦手で出来ればイラレで全てデザインしたいと思っています。 どうぞ、よろしくお願いいたします!

    • 締切済み
    • CSS
  • Adobeソフトについての質問です。

    webサイト、インタラクティブコンテンツを作ろうと考えた場合、Fireworksは必要でしょうか? 詳しく言いますと、今現在Adobeソフトの購入を検討しているのですが、デザインスタンダードCS5(イラレ、フォトショ、インデザイン)とDreamweaverを購入するか、デザインプレミアムCS5(イラレ、フォトショ、インデザイン、フラッシュ、ドリームウィーバー、ファイアーワークス)を購入するかで悩んでいます。 購入目的は平面デザイン、webページの作成、フラッシュでのプレゼン資料作成を考えています。 現在、Flash CS4 professional がインストールされている状態なので、デザインプレミアムを購入することでフラッシュCS4が無駄になってしまうのが嫌なのと、なるべく安く済ませたいという思いがあります。 しかし、デザインスタンダードとドリームウィーバーで購入する場合、ファイアーワークスが手に入りません。 そのため、ファイアーワークスがどの程度必要なソフトなのかを伺いたいです。 よろしくお願いします。