- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：webサイトのデザイン方法について）
Webサイトのデザイン方法について
このQ&Aのポイント
- Illustrator, Photoshop, Dreamweaverを駆使してWebサイト制作を学んでいます。しかし、現在の作業方法の効率に不安を感じています。Illustratorでデザイン案通りに作業を進める方法やFireworksの利用方法について教えていただきたいです。
- Webサイトのデザイン方法について学んでいます。Illustratorで全体のデザインを作って、PhotoshopやIllustratorで画像を作成し、最後にDreamweaverで組み立てています。しかし、この作業方法の改善策についてアドバイスをいただきたいです。
- 自分はIllustratorやPhotoshop、Dreamweaverを用いてWebサイトの制作を学んでいます。現在の作業方法に効率性を感じておらず、Illustrator上でピクセル数を決定して作業を進める方法やFireworksの活用方法について知りたいです。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
私はPhotoshopでデザインをつくり、それをそのままスライスして名前を付け書き出しています。それをDWでコーディングします。 Photoshopでは1000pxのアートボードに800px幅でデザインをつくります。 この幅（800px）の設定は、デザインの参考に見たサイトに多いサイズだったからです。 Photoshopでは角丸がきれいにできなかったり、イラストをつくりにくいので、Illustratorで部品をつくってPhotoshopに持ってくることはあります。 私の友人はPhotoshopよりIllustratorの方が得意なので、大きなアートボードにデザイン幅（たとえば800px）でデザインをつくり（要は実物大のデザインをイラレで作り）、画面を100%にしてキャプチャで撮って、Photoshopでスライスしていました。 ただこの方法は部品の修正が面倒です 前の回答の方の幅の設定の仕方、私も参考になりました。ありがとうございました。
その他の回答 (1)
- rurino
- ベストアンサー率55% (38/68)
回答No.1
普段Photoshopでデザインカンプ→コーディングを行ってるものですが 大体左右幅960でカンプを起こしてます。 その後、スライスして埋め込みます。 960pxの数値は約数が多いことと 1024×768の解像度のディスプレイで余白が多すぎない というのを基準に決めています。 800×600を考慮する場合、横幅760pxにするといいと思います。
質問者
お礼
大変参考になりました。 ありがとうございました。
お礼
大変わかりやすいご回答ありがとうございました。 現在はphotoshopでカンプを作る勉強をしています。 要所要所でilllustratorを使ったほうが効率がいいですね。