人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

photoshopでのwebデザインを制作する手順(?)がわかりやすい本やwebサイトなどありましたら教えてください。
webデザイナーですが、デザインはFireworksで作っています。昔DTPをやっていたのでphotoshopは初心者ではありませんし、現在も写真の加工等に使用したりパーツを作ったりで使用しますが、全体のwebデザインを1から作るとなるとどのような手順でやればいいのかわかりません。
photoshopのほうがデザインの幅が広がるのでなんとか使えるようになりたいです。
実際にphotoshopを使用してwebデザイナーをしていたことのある方からのご回答お願いします。



●質問者: のりこ
●カテゴリ:インターネット ウェブ制作
✍キーワード:DTP Fireworks Photoshop webサイト WEBデザイナー
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● あすか
●40ポイント

下記の参考書がオススメです。


Webデザイン Illustrator&Photoshop <CS4対応> (「デジハリ」デザインスクール) (デジハリデザインスクール)

Webデザイン Illustrator&Photoshop <CS4対応> (「デジハリ」デザインスクール) (デジハリデザインスクール)

  • 作者: デジタルハリウッド
  • 出版社/メーカー: 技術評論社
  • メディア: 大型本

クリエイター育成スクールデジタルハリウッドのノウハウがぎっしりつまった解説書。基礎からしっかり学べる信頼の一冊。


【主な内容】

  1. Webサイトのワイヤーフレームを作成しよう(ワイヤーフレーム作成の準備をする/レイアウトボックスを作成する ほか)
  2. Webサイトのインターフェースデザインをしよう(Webサイトのインターフェースデザインの準備をする/背景画像を作成する ほか)
  3. テーブルコーディング用のWebサイト画像を書き出そう(テーブルコーディング用の画像にスライスする/画像を最適化して書き出す)
  4. CSS(スタイルシート)用のWebサイト画像を書き出そう(CSS(スタイルシート)用の画像にスライスする/画像を最適化して書き出す ほか)
  5. 付録(Illustrator編/Photoshop編 ほか
◎質問者からの返答

ありがとうございます。


2 ● mkonomi
●1ポイント

フォトショップwebデザインマニュアル

引用:

多くのフォトショップ関連書籍がありますが、WEBデザインを行うためにフォトショップを使う。この目的についての内容が少ないように感じていました。そこで自分で書いてみようと思います。なるべく目的の内容にすぐにリンクできるようなサイトにしたいと考えています。右側のメニュー等からみたいページへリンクしてください。

※現在制作中のため、未投稿の部分が多数です。あらかじめご了承ください

◎質問者からの返答

ありがとうございます。

こちらのページは見ましたが実際未投稿の部分が多く、肝心な部分(全体のwebデザインを1から作る)がなかったです。


3 ● mkonomi
●40ポイント

photoshopでゼロから作るウェブデザイン チュートリアル30選

(ロサンゼルスで働くウェブデザイナーの日記)

≪引 用≫

かっこいいウェブサイトをデザインしたいけど、そもそもどうやってデザインしているのかわからないという初心者の方々もたくさんいらっしゃるのではないでしょうか?

今回はそんな方々にとっても便利なゼロからきれいなウェブサイトを作るPhotoshopのチュートリアルをまとめてみました。

中級、上級者の方々でもデザインの幅を広げる意味でもとっても参考になりそうなチュートリアルばかりです。

◎質問者からの返答

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ