Webサイト制作におけるPhotoshopの使い方

質問

未経験からwebデザイナーの転職を目指しているものです。

架空のお皿屋ブランドサイトを作成しており、HTML.CSS.JavaScriptで簡単なコーディング、画像配置を終えてあとはデザインを施すだけなのですが、Photoshopでどのような色、デザインをしていけば良いのかわかりません。

これといった正解もなく、画像を少し明るくしたり、画像の中に文字をつけたり、切り取ったりすることくらいしかわからず、どのようにPhotoshopで加工すれば良いできに仕上がるのか全くわからない状態です。

こういった場合どのようにしていけば良いのでしょうか？

他者の作ったブランドサイトを見て、共通しているデザイン部分を取り入れていけば良いのでしょうか？

回答No.2

AsarKingChang · ベストアンサー

私も順番が逆だと思う。
ラフから、PhotoShopやイラレでカンプを
作ってコーディングですよね？
それに機能を割り当てていきフロントを形成するわけなので。

また、これからデザインをするのですから、
答えはなくて正解ですね。
デザインは顧客が指示する物なので、デザイナーは
顧客が言ってきた指示を読み取りデザインする能力を
必要としているわけなので、
>Photoshopでどのような色、デザインをしていけば良いのかわかりません。
これは、貴方が考える事ではなく、顧客が持つものではないかと。

なので、回答として
カンプ起こしの練習をしてみてはいかがでしょう？

回答No.1

t_ohta

普通順番が逆じゃ無いかな。
私が過去に関わった制作現場では、デザイナーが1枚の絵でサイトデザインを作って、それをHTMLやCSSに落とし込んでいくと言う流れで、配色やイラスト・写真はデザイン画に最初っから入ってます。
で、デザイン画から必要な画像を切り出して使用するので、Photoshopでデザイン画を作る前にHTMLを書く事は無いですね。
大まかな配置、ラフデザインは手書きで描くか、Photoshopで描いてる事が多いです。