Webデザイナーの卵です。
いくつかサイトを制作したのですが、まだ慣れないこともあり物凄く時間がかかってしまいます。
時間短縮が必要不可欠だと思うのですが、皆様はどのような工程で、どのようなソフトを使ってサイトを制作しますか?
ちなみに自分は…
ものすごーく簡単なラフ画を制作
↓
ロゴをイラレで作ったりして、
全体のイメージ制作はフォトショップで。
↓
パーツごとに切り取り
↓
ドリームウィーバーでコーディング
全体のイメージを作ったけど、それをHTMLにしていく過程に物凄く時間がかかっている感じです。アプリケーション間の連携もうまくいっていないというか…。
ちなみに会社のPCスペックが低すぎて、フォトショップとイラレ同時起動はできず、フォトショップ立ち上げたり、イラレ立ち上げたり… この辺もストレスですね。
皆様のやり方を教えていただけるとうれしいです。
No.3
- 回答日時:
No.1です。
続き遅くなって申し訳ありません。前回最後にお話ししたかったのは、「私も昔はそうでした」ということです。質問者様は自分でどの辺がボトルネックになっているか気付いていらっしゃるので、その部分を見直していけばおのずと効率的にやっていけるのではないかと思います。一人で多様な事をする場合でも分業をイメージしてやると後々分業できるようになった時もスムーズですし、自分自身の頭も軽くなってよいかと思います。
現状も「遅いPC」「詳しい人がいない」と一見悪そうな環境ですが、これは好都合だと思ってください。非効率なことを排除しなければ仕事になりませんし、PC上で考えることが少なくなります。
実際私も新人には古いPCを意図的に使わせますし、私自身も実作業以外でPCに向かうことはなく、ほとんど紙と鉛筆で仕様等を書き出したり、イメージ図を書いたりしています。その間PCには映像の読み込みや、CGのレンダリング等非常に時間のかかる作業をさせています。
またHPチェックにしても最新機種で大きなモニタでするよりもやや型遅れのちょっと小さめのモニタでチェックする方が万人向けだといえますし、最新の技術よりはちょっと枯れた技術を使う方がいいですね。もちろん最新動向には注目しておき、いざとなれば使えるように勉強しておくことは必須です。
大変そうですが、もしかしたら今が一番楽しい時かもしれません。楽しんでがんばってください。私はそういう状況(立ち上げ時)がとても好きです。公言したために社内ではいろんな事の立ち上げ専門屋になっていますが(^^;
続きのお話を楽しみにお待ちしていました。
>一人で多様な事をする場合でも分業をイメージしてやる
目先の技術よりも、この部分を一番鍛えなくたてはいけない時期なのかもしれませんね。
まず苦手な部分をリストアップして、少しずつ一人前のWebデザイナーへ近づいていきたいと思います。
お仕事の最中に回答していただいたり、本当にありがとうございました。
これを心の励みに、いつか誰かにアドバイスできるまで頑張ってみようと思います。
それでは失礼いたします。
No.2
- 回答日時:
No.1です。
慣れも確かにあると思います。
私の場合は相手がある(クライアントがある)のがほとんどで、打ち合わせの時点で全体的な仕様(サイト構造など)を決めます。その時点で重要なのが、自分のスキルとHTMLの仕様等をよく理解しておくことだと思います。
ご質問のたとえばIMGのサイズの決定は2.が終わった時点で必ず決まっています。実際には基本仕様(最低ページ幅とレイアウトが主です)から1をする時点でほぼ数値的なものは決まっていますので、大抵の場合、画像サイズは1でほぼ決めて実際と同じ書類名、階層にダミーの画像を配置しています。(トリミング前の商品画像がある場合はそれを配置します)。CSSも同様でその時点でダミー(中身なしまたは最低限の記述をしたもの)を置いてあり、タグにもIDやClassを振っています。
*すみません 仕事が始まるので続きは次回に書きます。*
お礼が遅くなって申し訳ありませんでした。
お仕事前だというのに、とても詳しく教えていただきありがとうございます。
当方が勤務する会社では、IT部門が立ち上がったばかりで、サイト制作に詳しい人が居ない状態です。
まだ実力も無いのに、その方法まで模索しないといけない状態で、てんてこ舞いです。
参考書を見てもテクニックの紹介はありますが、実際の流れなどについて説明しているものを探すことができません。
なので、実際に職業とされている方のお話を聞けて嬉しかったです。
また時間があるときに、続きが聞けるととても嬉しいです。
No.1ベストアンサー
- 回答日時:
製作手順は打ち合わせ後、
1.コンテンツ作成(プレーンなXHTML)
2.マークアップ(外部CSS)
3.必要な素材を制作
4.チェックと統合
としています。
製作に時間がかかるのは多分、融通がききやすいものを先に作った(決めた)あとに融通のききにくい作業をするからではないでしょうか?
PhotoShopもIllustratorもHTMLに比べたら比較にならないほど簡単に自由にレイアウトできます。 対してWEBページはそういうわけにもいきません。
また、デザインよりもコンテンツが先でしょうから、WEBの方の仕様を先に固めるのが本道だと思います。
各種アプリを同時に起動することは可能ですが、あまりしませんしその必要は感じません。理由は規模によって上記1~4を分担する場合があるのと、素材を準備する際にもさらにその素材(たとえばロゴマークをAiで作成→最終的にはPsで画像にする、、このときAiで作ったロゴマークは素材の素材です。)を先に全部準備しますので、この方法なら同時起動する必要性はほとんどありません。
使用しているアプリケーション(Win/Mac混在)
Microsoft Expression/DreamWeaver/テキストエディタ
PhotoShop/Illustrator/FlashPro/
必要に応じて 3DCG(3dsMaX)/コンポジット(Ae)/映像編集(FinalCutStudio)
早速のご回答ありがとうございます!
No.1様はプレーンなページを制作、マークアップしてから素材を作るのですか?私はマークアップしながら素材を制作しているから、手際が悪かったのでしょうか。
まだ慣れないせいか、コーディング、マークアップの際に素材が完成していないとイメージが掴めないため、上手くコーディングもマークアップもできません。
そのため、同時進行になってしまい、アプリケーションも同時に立ち上げる事が多いのだと思います。
では逆に『このIMGはW200×H300で…』など詳細を決めるのは、どの工程なのでしょうか?
申し訳ありませんが、1~4の工程をもう少し掘り下げて教えていただけますか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Gom Player 動画を再生できなく...
-
ブルーレイに作成した動画を焼...
-
写真の形式
-
動画
-
動画編集の被写体の動きについて
-
USBメモリー上の MP4 ファイル...
-
【無劣化で動画ファイルを結合...
-
ISOファイル
-
キーフレーム
-
PhotoScape という画像加工ソフ...
-
VideoProc Vlogger を使用して...
-
ただ動画と動画を結合できれば...
-
MP4 の分割で サイズが 大きくなる
-
gimp2 2.10.38のインストール先...
-
ペイントソフトのシンプルな機...
-
ダビンチリゾルブを使用して、...
-
おすすめ動画編集ソフト
-
GIMPの線の太さ
-
vlcプレーヤーで動画を再生した...
-
GIMPでの太さの設定方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Gom Player 動画を再生できなく...
-
PhotoScape という画像加工ソフ...
-
ガンマ補正のできるソフト
-
AudacityでMP3をMIDIに変換
-
100枚近い写真の加工
-
動画制作って何人に1人くらいで...
-
Windows 10 で動画のトリミング...
-
このような画像をつくるにはど...
-
動画
-
オーサリングについて。オーサ...
-
バックを合成したCGが作れる...
-
ダビンチリゾルブを使用して、...
-
無料プラグインSSD5について教...
-
動画編集ソフトについて
-
ISO ファイルの結合方法を教え...
-
GIMPでの太さの設定方法
-
Freemake Video Converter の無...
-
クリスタの使い方
-
おすすめ動画編集ソフト
-
下記のフォントに似てるフリー...
おすすめ情報