GIMPを使いパーツを作成する

昨日、考えても考えても良いアイディアが出てこず苦戦したので今日こそは!
一晩置いて、だいぶスッキリしました。
今まで悩んだ時は関連本やサイトを見ていたのですが、もっと視野を広げてみると良いなと感じました。目にするモノ全ての中にデザインのヒントが隠されているんだなと。

なんとかイメージが固まりそれを表現していくのですが、イマイチ。
何回も何回もアドバイスをしていいただき、ようやく完成しました。
一時はどうなる事かと思いましたが・・・。

GIMPを使い配色を考える

基本となる色を決め早速、GIMPを使い色を付けてみました。
メインカラーは緑なのですが、緑はあまり使いすぎるとなんだかしつこい印象になってしまいます。
実際最初は
「緑!緑!緑!」
な感じの色使いをしていました。
メインだからと言って使い過ぎてもだめ、その色の性質をきちんと見極めたうえで配色していかなくてはなりません。

見出しの背景を考えるのに苦戦しました。
いつもワンパターンになってしまい、面白くありません。考えれば考えるほど深みにはまっていってしまいました。
自分のアイディアの無さに少しがっかりです。

Drupalでのサイト作り,GIMPを使い配色を考える「

完成したと喜んでいたのですが、IE6で見てみると表示がおかしい!
直さないといけません。
ひとつ直しが終わると今度は違うところで間違いが発覚。
この作業を繰り返すこと数時間。
今度こそ本当の完成です(たぶん)。IE6で見ても大丈夫。
ただ、間違いを直している間にも新しく学ぶこともありました。

次は新たなデザインの配色を考えていきます。
あまり時間が無さそうなので頑張らないと!!

GIMPを使って配色を考える,パーツを切り取る

ベースカラー、サブカラーは「これだ!」という色が早めに決まったのですがアクセントとなる色を決めるのに多少悩みました。
最終的には初めに思い描いていた色とは全く異なる色に落ち着きましたが、いいアクセントになってくれています!

配色が決まると次はパーツを作り、切り取っていきます。
グラデーションをかけるだけでだいぶ感じが変わってきます。バランスを考えながらパーツを作っていきそれが完成したら、画像を切り取ります。
パーツ全体を切り取るのか、一部分だけ切り取るのか、保存するときの拡張子はgif,jpeg,png・・・それぞれの用途に合わせしなくてはなりません。

なんとか今日でパーツの切り取は終わらせることができました!
「終わらなかったらどうしよう」と少し不安だったので今少しホットしています。

バーチャルホストの設定,サイトの配色を考える

出来上がったデザインをチェックしてもらい、いくつか修正箇所が見つかりましたが今日はひとまず置いておき、次の作業に取り掛かります。

まずは「バーチャルホストの設定」
バーチャルホスト?聞いたこともありません。
説明を受けてみてなんとなく雰囲気は掴めましたが、少し難しいです。
設定の方法が書かれたサイトを見ながら悩む部分もありましたが、なんとか設定に成功しました!
まだ理解しきれていないところもあるので、勉強していかないと!

次はサイトの配色を考える作業です。といっても今までとは違い、実際にお客様のご依頼を受けたものを考ていくのです。
今日は緊張して必要以上に考えすぎてしまいました。
もう少し肩の力を抜いてやっていきたいです!

GIMPでパーツの切り抜き、ZenCartのカスタマイズ

先週までに作り終えたデザインを今度はパーツごとに切り抜いていきます。
切り抜くときはパーツそのままを切り抜くのではなく、サイズを小さくできるところはなるべく小さくしていきます。
以前同じ作業を行ったときは、そのままを切り抜き失敗してしまいました。
一見簡単そうなのですが、グラデーションやパターンのことを考えながらすると案外手間取りました。

パーツの切り抜きが終わると次は実際にcssでデザインを起こしていきます。
久しぶりにZenCartのカスタマイズです。
復習しつつ進めていきたいです!

デザインの見直し

昨日で一段落したのですが、見直してみると気になる部分がでてきました。

特に一番最初に作ったもの!今見るとなんか納得いきません。
出来上がった時は「やった~!」と心の中で喜んでいたのですが・・・。
基本の色なんかは変えずに手直ししてみると、以前より良くなりました。
最初はあのデザインを考えるのだけで精一杯だったことを思うと、一週間で少し成長できたのかなと思います。

GIMPを使ってZenCartのデザインを考える4

デザインを考えッ続けて約一週間、今日までに16種類完成しました。
何度か煮詰まる時もありましたが、順調に進めたのではないかなと思います。

完成した16種類を並べて見てみると
「なんでこんなの作ったんだろう?」
と自分でも疑問に思ってしまうものもありましたが・・・。

そんな中で自分の中でのお気に入りも数種類あります!それがデザイン的に良いか悪いかは分かりませんが。自分で納得のいくものを作れると、なんだか達成感があり嬉しいです!

今日でデザインの方は一段落。今度はそれを利用して次の段階に進みます。

GIMPを使ってZenCartのデザインを考える3

昨日ブログで書いたように「共通点」を見つけたことで、かなりイメージが湧きやすくなりました。
「〇〇の商品を取り扱っているショップのデザインを考えよう」
と思ったとき、まず最初に色が浮かび上がってきます。
そのイメージを形にしていくと、「なかなかいい!」と思えるものから「・・・。」となるものも。
どちらにしても最初のイメージを大切にしていくのは、結構重要な事なのかなと思いました。
もし自分のイメージしていたものがいまいちだったとしても、そこから新しい発想が浮かんできます。

もちろん自分の考えだけに縛られていてはいけません。柔軟な気持でやっていきたいです。

GIMPを使ってZenCartのデザインを考える2

本やサイトなどを参考にしながらデザインを考えているのですが、徐々に感覚がつかめてきたような気がします。
いろいろ参考にしていくうちにデザインの共通点が見えてきました。
扱っている商品によってそれぞれデザインに特徴があるなと思いました。一概には言えませんがそういった共通点が見えたことでイメージしやすくなりました。