現在WEBデザインの際の手順として、
1.イラストレーターでデザイン
(必要であれば画像加工などにフォトショップを使用)
2.イラストレータでスライス。
スライスしにくいものはフォトショップに持っていってWEB用に書き出し
3.コーディング
の順で行っています。
ただ、WEB制作のデザイン、スライス時にはFireworksを使用するのが一般的だと聞いたことがあり、実際皆さんはどうされているのか、伺いたいと思い、質問させていただきました。
■WEBデザインをされる際、どのような手順でデザインされているか
■Fireworksを使用されている方はFireworksを使用する利点
についてご回答いただければ幸いです。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
私は基本的に写真加工以外はFireworksのみでデザインすることが多いです。
Fireworksで実現できないような事をする時にはフォトショップやイラレで素材を作り、
Fireworksに持っていって配置します。
で、スライスして書き出してコーディング。
Fireworksの利点、というか個人的に気に入っているのはスライス機能です。
フォトショップのスライスもやったことがありますが、使い勝手は雲泥の差でした。
Fireworksではきちんと書き出す画像単位でグループ化していれば
まとめて選択して右クリックするだけで画像ごとにスライスできるので非常に便利だと思います。
フレーム分けしていればロールオーバー用の画像をまとめて書き出し出来るのも良いです。
それと、テクスチャが使いやすいのがいいですね。
凝ったことをするにはフォトショに負けますけど。
きちんとやればフォトショでもイラレでもWEB用のデザインは出来ると思いますので
どれを使うかは慣れと好みでしょうね。
どれも経験が同程度なら、Fireworks使うのが作業が早いと個人的には思います。
個人的なイメージではイラレでデザインする人はDTP上がりなのか、
平気でCMYKとmmで作成して適当なサイズで送ってきたりする人が多いです。
というかよそのデザイナーからイラレのデータが送られてきた場合に、
そのまま問題なくWEB用の画像として使用できた経験は一度もありません。
そういうイメージだったので、質問者様がイラレでWEBデザインをしていると聞いて、凄いなぁと感心しました。
ただ、メインデザインをフォトショで行う会社はそこそこあると思いますが、
イラレというのは私は聞いたことが無いので、もしかすると他の会社と連携する時などに
煙たがられるかもしれないと感じました。
そう考えると、使っている会社が多いというのもFireworksを使用する利点の一つな気がします。
大変遅くなって申し訳ありません。
ご回答、ありがとうございました。
Fireworksでスライス機能が良い、というのは聞いたことがあったのですが、やはり、オブジェクト作成にはイラレやフォトショのほうが良いということなのでしょうか・・・。
使い分けるのが面倒で。。。
確かに、イラレでWEBデザインってあんまり聞かないですよね。
参考にさせていただきます!
No.1
- 回答日時:
■WEBデザインをされる際、どのような手順でデザインされているか
私はXHTMLで作るのでスライスは基本的に使わないので、
1.Fireworksでデザイン・素材生成(イラレ持ってないので…)
2.DwでHTML・CSSなどの記述
と言う感じですね。
■Fireworksを使用されている方はFireworksを使用する利点
・単位がpx、色がRGB(割と重要)
・PNG(の拡張)形式なので、Fireworksじゃなくてもプレビュー出来る。
他にもある気がしますが、とりあえずこんな感じで。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- その他(プログラミング・Web制作) ほぼwordpress案件のWEB制作会社ってどうですか? 1 2022/06/23 09:26
- その他(プログラミング・Web制作) イラストレーターのみで副業、仕事はできますか?Webデザインを学びたいと、Adobeのソフトを契約し 2 2022/06/29 07:31
- Web・クリエイティブ イラストで別料金取るのはおかしい? 4 2022/12/02 13:44
- 画像編集・動画編集・音楽編集 放送局内での映像制作・グラフィックデザイナーのバイトの求人を見つけて面白そうだなと思いました。映像編 1 2022/11/22 22:00
- 画像編集・動画編集・音楽編集 プリントパック入稿用テンプレートは、無料ソフトでも利用できるか? 4 2023/06/09 12:30
- その他(言語学・言語) ハワイ語を勉強するためのおすすめの教材について 1 2022/11/23 18:51
- Web・クリエイティブ 独学でwebデザイナーを目指すには 2 2022/09/17 16:27
- IT・エンジニアリング SEとWebエンジニアの業務内容の違いについて 3 2023/06/22 23:23
- その他(IT・Webサービス) 飲食店がWEBサイトを作る利点について 2 2022/06/08 20:19
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSSについて教えてください。 ...
-
スマホ(android)のタッチパネ...
-
CSS、Bootstrapについて contai...
-
メモ帳の段落の揃え方
-
HTMLのdlとul どちらが正しいと...
-
HPレイアウトが同じページのヘ...
-
テーブルの行を折りたたみたい...
-
ボタンが押されたらWebページの...
-
テーブルタグのセルの幅の一部...
-
iPhoneで HTMLファイルを閲覧
-
css初心者 フレックスボックス...
-
HTMLで特定の文字だけ色を変え...
-
角丸画像の背景色を透明にした...
-
Pythonでグラフを書きたいので...
-
エクセルのファイルのダウンロ...
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
静止画画像をクリックすると音...
-
列のどこをクリックしてもソー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報