くずWebデザイナーのなれの果て

リアルトレースを極めよう　～応用編（3）～

andesusanmyaku — Wed, 25 Aug 2010 10:54:45 +0000

今回は少し難しくなってスコップをトレースしてみます。まずは元画像。

こちらが完成図。画像を見た感じ土を掘る部分（左半分）と手で持つ柄の部分（右半分）の2つに分けられます。右半分は今までと同様にグラデーションとオブジェクトを組み合わせていきます。

左半分の作り方

今回のポイントは、左半分のグラデーションのかけ方。画像は縁に当たる部分のオブジェクト2つ。金属のような複雑な反射をしている物体にグラデーションをかける場合、必要であればオブジェクトを割りましょう。

その上から被せるように別なオブジェクトを重ねています。上から重ねることを考えれば、下にあるオブジェクトが隠れる部分の形は自由です。

右半分の作り方

右半分は端のくり抜かれている部分の作り込みです。各オブジェクトを色から分割し、形に添って組み合わせています。

くり抜きのアウトライン。オブジェクトとしてそれほど難しいことはしていません。各パーツをどのように組み合わせると違和感なく見えるか想像すると良いと思います。

SaCSS Vol.16

andesusanmyaku — Mon, 23 Aug 2010 11:11:40 +0000

8月7日（土）に開催されたSaCSS Vol.16に参加してきました。今回はjQuery初心者講座です。

jQuery

jQueryはJavaScriptライブラリの一つで、リッチコンテンツを構築する簡易プログラムです。他にもライブラリはありますが、最近ではjQuery一択になってきているように感じます。

今回のセミナーでは、jQueryでできる事を例を挙げて紹介。実際にどのようなソースが組まれているか記述しながら進められてました。途中いろんな質問が飛び交いましたが、それらについてもフォローが入り、非常に解りやすかったと思います。

せっかく教えて頂いたことなので、私もそろそろフィードバックしていかなければと考えています。ある程度成果が見られた内容についてはブログで紹介していこうかなと思います。

今回撮った写真については、コチラにアップしています。合い言葉は「sacss」です。

WebオペレーターのためのWebデザイン勉強会Vol.2補足

andesusanmyaku — Mon, 23 Aug 2010 11:03:35 +0000

「WebオペレーターのためのWebデザイン勉強会」　第2回目の項目が決まりましたので下記に掲載します。

「WebオペレーターのためのWebデザイン勉強会Vol.2開催内容」

今回の内容は下記を予定しています。

当勉強会の趣旨…勉強会に参加される皆様がスキルアップできるような目標をお伝えできればと考えています。
第1回目のおさらい…前回開催した勉強会の内容をまとめて説明します。
Webレイアウト方法について…デザインに躓きやすいポイントと解決法について考えてみます。
モノの立体感…良いデザインにおいて立体感を出す意味を前回より詳しく解説します。
実践編～ワイヤーフレームもどきを作る～…Illustratorでラフデザインの基本となるワイヤーフレームを作ってみます。

現在参加人数には余裕があります。もし参加される方いらっしゃいましたら、こちらのフォームよりお申し込み願います。

SaCSS Vol.15

andesusanmyaku — Tue, 17 Aug 2010 05:53:17 +0000

7月24日（土）に開催されたSaCSS Vol.15に参加してきました。今回はセキュリティとHTML5についてです。

セキュリティ

セキュリティは、DBへのアクセスによる情報漏洩についてWebサイトからどのような行程で情報が盗まれているのかを例を挙げ丁寧に説明されていました。SQLクエリを逆手にいくつかの方法で情報の取得や改ざんてしまうため、システムを構築するためにはクライアントへの説得を含めた、より慎重な開発が必要だと分かりました。

近年のWebサイトがCMSを使用したものに移行しており、CMSはDBとの連携が基本となっています。高機能なシステムが簡単に導入できる反面、こういったセキュリティリスクをどう捉えていくかが今後のWebサイト制作の課題の一つとなるでしょう。

HTML5

HTML5は、CANVASタグについてどのようなことができるかを、こちらも例を挙げて説明。リアルタイムに線、多角形、円、塗り、グラデーションが描ける機能は、BASICを勉強したことのある私としては非常に懐かしく感じました。

CANVASはJavaScriptと併用すること前提で、HTML5自体勧告されておらず、ブラウザにより挙動が違います。ネットでは少しずつですが興味を持ち始めて人が人柱みたくなっています。仕事としての実装を考えると構造上固まっていない箇所が多いようなので、移行はまだ先のように思えますが、情報として吸収しておくことは必要かと思われます。

今回撮った写真については、http://30d.jp/sacss/3にアップしています。合い言葉は「sacss」です。

WebオペレーターのためのWebデザイン勉強会Vol.2告知

andesusanmyaku — Mon, 02 Aug 2010 19:38:52 +0000

先日行いました「WebオペレーターのためのWebデザイン勉強会」　おかげさまで好評を頂いております。それを受け、第2回目を開催することになりました。Webに携わっているけど、上手くデザインできない、デザインするときにどのように考えたら良いのか分からない。そういった疑問を抱えている人たちが集まり、より良質なデザインを追求していきましょう！

「WebオペレーターのためのWebデザイン勉強会Vol.2告知」