5月25日 の授業 横山様

本日は、午前中、横山さん。

”ITはじめの第一歩”やってきていただきました。

おおむね、よく出来ているんですが、問題の表のところは、トリッキーな方法で解決されていました（＾＾；

これは、DIVのなかにDIVをいれてfloatで2段組した場合、そとがわのDIV が、高さを算出できないという不具合です。

これを回避するには、floatを解除するための最終ブロックをつくるか、それが出来ない場合は、”clearfix"という手法を使います。

が、これはいろいろ書き方があったり、ブラウザ対応のために、いろいろ追記しないといけなかったりと、なかなかうまく使いこなすのが難しいです。

で、clearfixをつかわないで、

overflow:hidden;

で、高さ算出をする方法があります。

これは、これを親DIVに入れるだけなんで、簡単です。

IE対策には、*htmlハックをつかって、

*html #all {

height:1%;

}

これ2つで今のところ問題ないようです。（いろんなケースあるので、１００％大丈夫と言い切れないですが）

あと、細かいところを直ししていただいて、らくちゃく。

GIFアニメも、2個作ってきていただきました。

ちょっとかわいいのと、かなり完成度の高いもの、ちょっとお見せしますね。

のま猫みたいでかわいいです。横山さんのキャラがよくわからなくなってきました。（＾＾；

photoshopが、難しいということだったので、きょうからは、photoshopをじっくりやっていきます。

今日は色調整、スタンプツール、バニシングポイントなどをやりました。

電線けしの課題を宿題にお出ししました。ちょっと難しいですが、これできると、スキルとしてひとつ武器が出来ます。

転職なんかのときにアピールできますね。

ということで、がんばってください！

5月23日の授業 斎藤さん

もうおなじみになってしまいました。斎藤さん。

実際の商品のサンプルを見せていただきました。

これが、予想以上に細かい部分まで再現されていてびっくり。。

これは、いいですね。完成度が高いです。

商品名は、”Andy Frame"といいます。

エアブラシ用の再利用可能な、ステンシルシートです。

ネイルのパターンや、携帯のデコレーションなどに使います。

イラストレーターさんにも、重宝していただけると思います。

タブの部分を文字を入れて、最終仕上げしていただきました。

あとは、足らない商品パターンを製作するだけですね。

これは、斎藤さんの感性で、製作していただくしかないです。（プロのネイリストですからね）

本日の授業 石野さん

本日は、午前中石野さん。

９：３０分に時間変更してたのを忘れて、チェロ弾いてたのを許してください。。。

今日は、追加課題でお出ししていた”HTML5”の解説ページを4段組やっていただいたやつを、見せていただきました。（HTML5で組んだわけではないですよ）

なかなか
まったく崩れもなく、
きれいに出来ていていました。　一部、タグのつけ方など修正していただきましたが、あとは、エラーもなく組み方もきれいです。　マージンがちょっと不足している箇所があったので、見やすくしていただきました。

クラス名のつけ方ですが、だめというわけではないのですが、タグとだぶる名前は後々ややこしくなるので、HTMLで定義してあるタグと同じ名前は避けてください。

後半は、バレエ教室のトップページ。

デザインで悩んでいるとのことで、3パターン作ってきていただきました。

どれもそれなりにまとまっています。

ご本人的には、何かしっくり行かないと思ってらっしゃるようです。

ということならということで、ちょっと位置やら文字の大きさやら3タイトルすべて、添削させていただきました。

デザイン、レイアウトの基本的なことはじつは、そんなに複雑ではなく、ある程度決まった法則があります。

グリッドデザインシステムなんかを覚えておくと、それだけで、レイアウトのクオリティあがります。

ちょっとしたコツが、なかなかむずかしいところですが、実は身の回りにお手本はたくさんあるんです。

駅に行けば、大きなポスター。電車の中では、中吊り広告。雑誌には、たくさんの色鮮やかな広告。

新聞には、チラシや折り込み広告（たまに、お手本にしてはいけないものもあります）があるわけですから、

見方だけ、デザインをするほうの見方になっていただければ、日々デザインのパターンの蓄積は可能です。

ということで、次回は、いったんトップのデザインは置いておいて、名物　雑誌切抜きコラージュをやってみたいと思います。