• 締切済み

社会人でDTPを習っている方教えてください。

仕事でホームページのことを任されているのですが、デザインの勉強をしたことがなく、絵を描くセンスのない私は、自分のつくったページを見てげんなりしてしまいます。 プロ並にとはいいませんが、ロゴ制作や画像の加工、ホームページのデザインのコツみたいなものが書いているサイトがあれば、教えてください。 また、都内でそういった講座や教室でオススメがあれば教えてください。 よろしくお願いします。

みんなの回答

  • yo-ya
  • ベストアンサー率24% (100/415)
回答No.2

DTPにおけるデザイン・テクニックやDTPで使用するソフト(フォトショ・イラレ)等も、 今やWEBを抜きには考えられていませんね。 私はDTPオペですが、WEBデザイン関係の仕事をしている 知人もいて、 「DTPとWEBデザインには通ずる部分が多い」 というのは共通認識です。 (文章の読みやすいレイアウト、人を惹きつけるデザイン、読者の目をひく見出しなどなど) DTP関連の雑誌を見ても、WEBデザイン等と絡めて 書かれることが多いですし。 とりあえず、MdNや、WEB Designingなどの雑誌を見て、 その一端を見てみてはいかがでしょうか。 MdNは、ソフト等のテクニック、WEBデザインのことなど、 毎号のっています。 またMdNから出ている本のなかには、イラストレータやフォトショップのテクニック集や、 デザインの小ネタ集など、多々ありますので、そちらも参考にしてはいかがでしょうか。

参考URL:
http://www.mdn.co.jp/
  • maremare
  • ベストアンサー率61% (563/913)
回答No.1

Web制作のことをお聞きだと思うのですが、なぜDTPなんでしょうか? DTPは紙媒体の編集・印刷の技術ですから、全く別物だと思いますが? Web制作については実に様々な種類の参考書・サイトがあります。 http://direct.ips.co.jp/book/MdN.cfm こちらでデザインの参考書がいくつか紹介されてますので、ご覧になってはいかがでしょうか? さて、意地の悪いことを言うようで申し訳ないのですが…… まず、絵を描くセンスとページデザインとは全く別物です。 ページデザインはビジュアル的にも機能的にも美しく優れたものを、ち密に設計することです。 私の勤務先ではDTPとWeb制作両方やっていますが、媒体に関係なく、ソフトを技術的にいくら使いこなせてもセンスが無い人はやっぱりちょっと……という感じです……。かくいう私もセンス無いほうですが(苦笑)。そういう者がデザインを学ぶなら ●デザイン的に優れたページを片っ端から数多く見て、頭に叩き込む。  どの点が優れているか、またどんなコンセプトでまとめられてるかを  自分でよく考えてみる。 ●試しに制作するときに優れた作品を参考にしてみる。  完全なパクリではなく、部分的に少し真似をしてみる。 ●自分の作品を多くの人にチェックしてもらう。  そこから自分の欠点を徹底的に洗い出す。 最低限この繰り返しで、コツはある程度つかめるようになります。他人にチェックしてもらうには、スクールは一見良い場所のように思えますが、ソフトの技術的なスキルアップに特化されたところが多くて、センスアップにつながるかどうかは不明です。デザインの講座もありますが、受講費用も高額で中級~プロ向けの内容ばかりですし……。 今のところは、世間に出回っている物を参考にしながら、同時に自力でコツをつかむ努力を地道にするのが、案外早道だと思います。頑張ってください。

関連するQ&A

  • ホームページレイアウトのセンスを磨く

    僕は八百屋のホームページを持ってます 更新のときでいつも悩むのが、ページ全体の配色、デザインです。 全体的なデザインの変更をしても、ロゴだけが浮いちゃったり、汚い配色になったりします。 ホームページのデザインセンスってどうやったら良くなりますか?

    • ベストアンサー
    • CSS
  • WEBデザインど素人WEBサイトの見栄えがショボイ

    XHTML+CSS+PHP+JavaScriptを勉強しているのですが、 これだけではテキストベースのWEBページになり、そっけないので困っています。 コーディングは独学で勉強してある程度知識がつき、構造記述についてはまぁまぁ可能なのですが、 絵心がないのでWEBデザインや画像加工がとても苦手で、配色センスもなく WEBサイト製作において非常に困っています。 今作ろうとしているのは自営工務店のWEBページです(一人で全部作る予定) ※企業サイトではないので公開して恥ずかしくない程度のデザインや見栄えであればOKな考えです。 WEBページの見栄えを「シンプルかつ、おお!」って思わせるためには、 XHTML+CSS+PHP;+JavaScriptだけ勉強しても無理ですよね? WEBサイトを作る上でphotoshopとかfireworksでの画像加工やデザインカンプ? すら作れません。(絵心がないから?w) ロゴ1つやWEBページで紹介する施工例写真やナビゲーションボタン1つも かっこよく作れず苦戦しています。 例えば、ここはメニューはこのフォントを使うべきだとか、文字をぼかすべきだとか、 影をつけるべきだとか、角を丸くすべきだとか、そういった画像加工のセンスがないのです(泣) こういう人は何千時間かかってもWEBデザイン(画像加工)センスは身につかないのでしょうか? 少しでも早く、具体的にWEBデザイン(画像加工)を学ぶサイトはないでしょうか? デザインカンプを1から作ってパースをスライスしてサイトを作る方法(初心者向け) のサイトなどがなかなか見つかりません。 ある店舗さんや会社さんのWEBサイトを一人で全部作っておられる方など いましたらよろしくお願いします。 【製作環境】 windows XP Adobe イラストレータ CS3(ちょっとだけ使えるが、画像加工のセンスがまったくない) Adobe photoshop CS3(ちょっとだけ使えるが、画像加工のセンスがまったくない) Adobe Fireworks CS3(ちょっとだけ使えるが、画像加工のセンスがまったくない)  Adobe Dreamweaver CS3 (普通に使える) Adobe Flash CS3 (まったくできない。)

  • Dreamweaverでのテンプレートやライブラリ制作依頼

    ホームページ制作の基本デザイン(ヘッダーの画像加工等も含む)と、Dreamweaverでのテンプレートやライブラリ、CSSだけを作ってもらいたいのですが、そういうWEBデザイナーや制作会社を探しているのですが、ネットで検索してもうまく探せませんでした。教えていただけないでしょうか。 ページを増やしたり、更新したりというのは、クライアントのほうで、Dreamweaver(MX2004か8)を使って行います。

  • 建築業(新築・リフォーム)の自営のホームページを自分流でイラストレータ

    建築業(新築・リフォーム)の自営のホームページを自分流でイラストレータや fireworksを使用してデザイン(カンプみたいなもの)から製作しています。 作くっちゃ消し作っちゃ消しでイメージがまとまりません。 かなりテンパッっているのでお助けください。 事業で使っている名詞の社名のロゴのスローガン部分が「緑色」で事業所名が「青]を使った名詞なので、イメージカラーとして「GREEN」と「BLUE」を使おうと思い、 ページ全体の配色やボタンのデザインを考えているんですが、そこに、リフォーム施工例など、写真が入ると、何か「和」や「高気密高断熱」などのイメージが出てこないページになってしまいます。 今は、青、グレー、緑をメインに使っています。 ほんと絵心まったくないし、デザインのセンスがありません。 いろんなサイトを7年ほど見てきましたが、すごいな。と関心するばかりで 自分でデザインしてみたら?といわれると、手がつけれなくなってしまいます。 (ソフトを使う能力ではなく、色的、立体的発想能力がない。。。) 言語的な知識(XHTML+CSS)は、もとちょっとしたプログラマーをしていたので、 構造的なものは理解できています。 ページに絵(ボタン、タイトルバナー、TOPページイメージ画像)がないと、 やっぱりテキストベースのしょぼいサイトになってしまいますね。というが実感です。 TOPページにもってきたい、会社イメージ画像も自分でWEB素材などを加工して作るセンス(ソフトの使い方ではなくデザイン的なもの)すらありません。 ちなみにフリーのWEB素材だと、イメージに合わなかったりするので、これまた 困っているんです。 何が言いたいのかまとめますと、 1.建築業に向いた、デザインテンプレートをGETしてそのソースをいじって   自分流にするのがよいか?   そのときに、使うデザインテンプレートはホームページビルダー14の   デザインテンプレート(最新のはいろいろ入っているみたいだし)がいいのか? 2、サイトTOPページに配置したい会社のイメージ画像はWEB素材を加工して気合でつくる   べきか、建築向けにある程度デザインされたイメージが既にWEB上にあるのか?   それか、業者や知り合いにTOPページの重量な部分だけのイメージ画像だけ   単品で作ってもらうか? はっきり言って今の段階では <div id="site-box"> <div id="header">→ここに入れる画像が欲しいのに、作るセンスがない。。←</div> </div> そんな状態です。この背景写真とこのフォントを合成して、テキストをぼかして、。。とか そういうセンスがなく、画像処理に苦戦します。 WEB製作に向いてないの分かっているんですが、どうしても作りたいんです。 ほんと悩んでいるので、例えば、欲しい画像だけ単品で知り合いがいれば、 作ってもらうほうがいい。とかそういう具体的なアドバイスがあれば、 教えてください。

  • ■Webデザイナーについて■

     仕事のことなのでカテゴリーが違うとはおもいますが、ここには Web制作のエキスパートや、プロの方々が多数なのであえてこの カテゴリーに投稿しますことをご了承いただけますでしょうか?   これはプロの方には失礼かもしれませんが、 このの掲示板で質問していろいろHP作成のことを 調べているうちに、HPを作るというこがすごく楽 しくなってきてしまい、今は人材派遣の仕事をして いますが、一生の仕事としてWebデザイナーに( 取材やHTMLコーディングも含めて全般的にWe b制作にたずさわりたいです。)なりたいと思って しまいました。 ですが、ネックになるのが、デザインセンスで、デザ インの学校に行く時間もお金もないですし、いままで 絵を描くことは好きではなかったので、全然絵心があ りません。 しかし、ホームページを作る!となると別で、いろ いろな方々のページを見てると「こいう画像を描けた らいいなー」と、がぜんWebをデザインするとに興 味が沸いてきてしまいました。(笑) 広告などの印刷物も、「いいいな」というものは保存 するようにしています。 ですが、そこはデザイナーとなると仕事なので趣味で やるわけにはいきません。 Web制作で経験を問わないという会社の求人があっ て、それに応募してみようとはおもうのですが、やは り先にも書いた、デザインのセンスがネックになって しまうのです。 その会社に入ってからは、通信教育や書籍等で勉強し ていこうとも思っています。 もちろん何かを成しえようという気持ちや、Webと いえども、それを見るのは人間なので人と人との係わ り合いだということも理解しています。 それでもやはり無理なものは無理でしょうか? 厳しいことでもいいのでいろいろなご意見お聞かせい ただけましたなら幸いです。

  • ホームページ製作前のWEBデザインの必要性ついて

    ホームページ製作前のWEBデザインの必要性ついて ホームページ製作前にはfireworksやphotoshopなどを使って、 ページ全体のデザインを実際に絵として書くものなんでしょうか? 確かに、デザインしたあと、fireworksのスライス機能で画像を切り出せば あとは、配置するだけなのでやりやすいと思うんですが、 先に髪で手書きでページのレイアウト(枠組み)だけ描いて、XHTML+CSSでレイアウトだけ 作り、そこに配置すべき画像があれば、GIMPやfireworksであとから必要なサイズの 画像を作る。という手順では駄目なのでしょうか? ちなみに作ろうとするホームページはクライアントから受注するものではなく、 自分の会社(事務所)のホームページを作ろうとしています。よって デザインの提出ご提案などは必要ありません。 なぜ、こんなことを聞くのかというと、ネットでいろんな素人さん(一般人)の ホームページを見ていても、デザイン的によくできているなぁっと思うからです。 中にはデザインテンプレートを使用しているんだな。と分かるものもありますが、 そうでないものもあります。果たして彼らのホームページはみなさん一から ページデザインをfireforksなどで手間をかけて作ってからスライスしていったとは 思わなんで(プロならそうやるんでしょうけど) 製作手順としてどうやっているのかなーと思ったのです。 レイアウト(枠組)みは出来てもそこに配置すべき画像(ロゴ・タイトルバー・メニューバーなどのデザインがなかなかいいのが思いつきません。ネット上のフリーWEB素材だと 自分たちのホームページのイメージと合わなかったりするものが多いので。 本当は、必要となるサイズの画像が単品単品で欲しいだけなんです。 ここにこんなサイズのメニューボタンやタイトルボタンを入れたいから、 画像のパーツだけ作ってくださいみたいな注文ってWEB製作会社にできるんでしょうかね? ページ全体を発注するつもりはありません。 よろしくお願いします。

  • リンクのさせ方

    ネットショップのホームページを作っています。 1、トップページをdreamweaverで制作 2、ショッピングページは(color MeShop pro)レンタルサーバーを借りて制作 1、2をリンクさせるにはどうしたら良いのでしょうか。 とても初歩的な質問と思いますが、分からないので宜しくお願いします。

  • Photoshopをどうするか?を教えてください

    ウェブ制作を趣味で作っているものです。 今まではホームページビルダーについている画像加工ソフトでウェブ制作をしていたのですが、ホームページが出来上がるにつれてやはり欲というのでしょうか、もっと綺麗にウェブサイトを作りたいと思うようになってきました。 そこでフォトショップを使い始めようと思うのですが、手元にあるフォトショップはバージョン7.0。もう5年も前のソフトです。 ここで質問なのですが、 1.フォトショップ7.0のままで使う 2.フォトショップエレメントを購入して使う 3.フォトショップをCS3などにバージョンアップして使う などでアドバイスを貰えればと思っております。 率直、フォトショップ自体、触ったことは全くありません。そのため、7.0がどのくらい使えるのか?といった状況もわからないのです。「7.0のままで充分に使える」とか「7.0だともう古くて使い物にならないから、バージョンアップしたほうが良い」とか、そういった情報を頂けると大変助かります。 尚、フォトショップで行いたいのは、 ・タイトルロゴや見出しロゴなどの制作 ・ちょっとした写真の加工 ・写真とロゴの組み合わせ などがメインで、絵を描いたりキャラクターを作ったりはしません。 イメージするのであれば、 http://form.allabout.co.jp/ こんな感じのサイトが作れれば十分です。 お手数ですが、よろしくお願いいたします。

  • PictBearの加工講座のサイトを教えてください

    PictBearの加工講座のあるサイトが知りたいです! できるだけ多く教えていただきたいです(○´∀`) 画像加工やロゴ作成などのジャンルは問いません 知っている限りでいいので教えてください お願いします!(ツ _ _)ツ

  • ホームページ内で利用するロゴ

    ネットショッピングのホームページを作っています。そのページの中に主力製品のロゴを入れたいのですが、法的に問題ありますか?この商品を扱っています的な意味合いで使いたいのです。 ちなみに掲載予定のロゴは、その商品のロゴの部分を写真でとって画像ソフトで加工して作りました。ですから、その商品のホームページから画像をコピーしたわけではありません。ただ、見た目は本家のロゴとほとんど変わりません。 よろしくお願いします。