web-dev-qa-db-ja.com

Photoshopを使用してWebサイトを設計しますか?

私は自分のウェブサイトをデザインする方法を学んでいます。私は多くの設計理論を読んできましたが、今ではツールの使用方法を学び始めようとしているので、行き詰まっています!

どのツールを使用しますか?たくさんあります!

Photoshop? InDesign?イラストレーター?

誰が私が何を使うべきか、そして何を学ぶための最良の方法は私に説明できますか?

ありがとう

3
donald

Photoshopは、主にグラフィカルテンプレートの設計に使用されます。

一般的に使用される手法は、Photoshopでフロントページの外観を正確に設計することです。次に、スライスを作成するか、パーツ(ヘッダーやバナーなど)をコピー/貼り付けして、それぞれの要素のバックグラウンドで使用します。

使用するクールなテクニックを学びたい場合は、無料のWebサイトテンプレートをご覧ください。気に入った機能がある場合は、ソースコードを見て、その方法を見つけてから、デザインに組み込みます。時間が経つにつれて、あなたの仕事を本当にユニークにするいくつかの小さなトリックを蓄積することができます。

5
Christopher

全体的なデザインとしては、Fireworksを好みます。私にとっては、さまざまな要素の位置、サイズ、およびその他の属性を調整するために、よりシンプルで使いやすいです。ページ全体をデザインするPhotoshopは、Fireworksほど簡単にサイズを変更したり変更したりできないため、非常に不格好に見えます。

Photoshopがまったく使用できないとは限らない-バナー、ボタンなどの特定の要素を作成し、それらをFireworksに持ち込んでデザイン全体に統合するのに引き続き役立ちます。

Fireworksが機能するのは、主にベクターであり、Webページのデザインにのみ機能するからです。また、ベクターであるIllustratorでページデザインを行うことも可能ですが、その用途には最適化されていません。

2
Grant Palin

学ぶための最良の方法は、実際に使用することです。描画やグラフィックデザインを楽しんでいる場合は、2〜3か月後に新しいプログラムを選択して習熟しても問題ありません。グラフィックデザインを楽しんでおらず、暇なときに楽しいものをデザインしていない場合は、有料コースを受講しても、グラフィックデザインを上手に使うことは不可能です。

Adobe CSスイートプログラムのうち、FireworksはWebデザイン専用のものですが、Photoshopも同様に機能します。 Illustratorは、ロゴやベクターイラストの作成により適したベクタープログラムです。 InDesignは、印刷デザインなどのタイポグラフィを多用するプロジェクトにより適したレイアウトプログラムです。

編集:ただし、多くの人は、事前に簡単にレイアウトできるように、ワイヤーフレームにIllustratorとInDesign(OmniGraffle、Axure、Balsamiqなどのアプリの代わりに)を使用しますUIを設計するためのUIウィジェット。こうしたワイヤフレームキットは多数あります 利用可能 これらのプログラムの両方のダウンロード用)

1
Lèse majesté

私はIllustratorまたはFireworks(つまり、グラフィックテンプレート)を使用してフルサイトを作成しましたが、通常は、Photoshop(一部のグラフィックスがベクターソフトウェアで最初に行われる場合でも)とHTML/CSSをプレーンテキストエディター(しかし、良いもの:Notepad ++が思い浮かびます)。そして、本当のことを言えば、何年にもわたってこのようにたくさんのサイトを作りました。

FireworksとDreamweaverのコンボを使用する人もいます(Dreamweaverのコーディングモードは他のWYSIWYGエディタとは異なり、あなたのコードを尊重するため)、そして私のお茶ではありませんが、私見も大丈夫です。

1
S.gfx

一部のグラフィックソフトウェアに完全に精通していることは、素晴らしいスキルです。ただし、選択するプログラムは、作成する作品の種類とデザイナーとしての個人的なスタイルによって異なります。

作業を分析し、スタイルをさまざまなソフトウェアの主な機能に合わせてみてください。チュートリアル(www.lynda.com)を見て、作業に適したプロセスがあるかどうかを確認してください。

ただし、これはWebデザインを学ぶ最初の段階にすぎないことをお勧めします。前述のように、これらのグラフィックパッケージは、特に実世界に適さない静的要素を設計するためのものです。

代わりに、これらのツールを使用してスタイルガイド( http://www.creativebloq.com/design/create-website-style-guide-61230 )を設計し、Webサイトの一般的な外観を作成することをお勧めします。これらが完成したら、テキストエディタとブラウザでサイトの開発に直接進むことができます。次に、スタイルガイドをテンプレートとして使用して、構造、ナビゲーション、およびコンテンツを作成します。

0
slaterio

今日入手できるソフトウェア製品は非常に多く、迷子になりやすくなっています...私は個人的に、2001年以降、Webサイトと2Dゲームの両方であらゆる種類のグラフィックスを作成するためにCorel Photo Paintを独占的に使用しています。 HTMLの作成にはメモ帳を使用していましたが、その制限はついに受け入れられなくなり、Coffee Cup HTML Editorの無料版をダウンロードしました。これにより、HTML、CSS、Javascript、PHPそして確かにもっと。また、リサイクルはこの仕事の非常に重要な部分です。ゼロから何かを始める必要はほとんどありません。

0
user35454