今日は、LPぽくない写真メインでみせるページのデザイン制作したんですが、
なかなかサクッとできたので気持ちよかったー。
綺麗で素敵な写真あつかったり、素材が素敵なのいっぱいだとテンションあがる。

さて、最近ふと思ったんですが、twitterなりfacebookで繋がっていても
案外お互いにどんなことが得意とか、好きだとかがいまいちわからないことが多いなと
思いました。私も一応サイトはもっているけど、この通り、放置なまま。
とりあえず、自分を軽く文章だけどさらしてみます。

★この業界歴
今年で6年目？

★得意なデザイン
女性らしい、可愛いデザイン。
アナログぽい感じとか、パステル系のやさしいデザイン。
ランディングページの情報整理系のとかが多い。
高級感のあるようなものもたまに。

★スキル
fireworksがメイン、photoshopはたまに。
イラスト描くときは、illustratorのときも。
flashはタイムラインでアニメーションつける程度。

★やってみたいデザイン
all flashやjsなどでレイアウトされたような、ダイナミックなデザイン。

★いま新たに取り組んでることとか
スマホのサイトや写真をダイナミックに配置したようなサイトのデザイン。
クライアントとのやりとり。

★今後の課題
スマホの勉強。スケジュール管理などディレクション関連。

正直、ほぼデザインオンリーでこの業界生きてきてます。
他のことも色々としなきゃと思いつつも、結局デザインが一番すきだから
ずーっとやり続けてしまうのかもね。

さて、また時間つくって自分の作品も作っていこうと思います。

さて、今週の振り返り。
先方のほうに至急連絡したいが、連絡がつかないときの確認事項。
教えてもらったので、忘れないうちにメモ。

・伝言をつたえるorかけなおしてもらう
・何時くらいに戻るかの確認
・見通しがつかないときは、代理対応できる人はいるか
・流れを再確認（その日中にどこまで対応しなくてはいけないのかなど）

当たり前のことなんですが、
聞かなきゃいけな事項って、いざ電話越しになると聞き忘れてしまったりしちゃう。
というわけで、無事に今週は落ち着いた。来週もがんばります！

●evian
http://www.evian.co.jp/
evianのサイトがリニューアル。
今回はシンプルだけど大胆で面白いデザインです。

●ワールドウェディング
http://www.worldwedding.jp/
レイアウトが大胆な女性らしいデザイン。
バナーやボタンまわりのあしらいが丁寧で
配色などもきれいにまとまっています。

2011年、本当に残り時間わずかですが、ざっと振り返り。

できたこと

1. 一人で海外旅行
   念願の初ヨーロッパ（イタリア）に一人でいってきました！
   ツアーでしたが、責任がすべて自分にともなうので勇気はいりましたが、
   すごいよい経験になったとおもいます。またいきたい！イタリア！
   感想はまたいつかかきますｗ
   写真はこちらからみれます（http://www.flickr.com/photos/nayo74/sets/）
2. お茶会の開催
   びよさんとお茶しましょうか～の一言で、人が繋がっていき、いつの間にweb女子が集まって月1でお茶会をしています。
   来年はお茶会だけでなく、ほかの方向で展開していけたらと。
   （参加したいひとは声かけてください～＊）
3. 会社で社内コンテンツ&写真部
   今年2月から今の会社に入り、業務外のこともしたくて思い切って提案。
   ただなにかしたいだけの本位で動いてしまいましたが、なんとかいろんな人に協力してもらい、コンテンツとして完成しました！（本当に会社のみんなに感謝！）
   あとおまけで、念願の写真部も結成できました。
4. いろんな人とのつながり
   前から繋がりのある方をはじめ、今年はいろんな方々と出会えたと思います。
   まだまだ未熟な私で、出会うたびにてんやわんやな今年でしたが、来年は自分をアピールできるようにしていきたいなと思います。

2012年の目標

1. 継続
   自分のことをおろそかにしてた今年だったので（ブログとかサイトとか・・・勉強類？）
   2012年は有言実行し、継続していくこと！
2. 連絡
   いろんなことについて、返事が遅くなってしまったり、
   自分本位だけで動いた今年だったので、来年はホウレンソウを大事にします。
3. 早寝早起き
   土日の半分くらいは寝てた気がするので、
   時間を有意義につかえるコツを身につけたいです。

以上です！今年はいろんな方々に出会え、本当に有意義な1年でした！
同時に未熟さを痛感した1年でした。来年もよろしくお願いします！

そんなわけで、今回の画像ネタは連休にいったとこをさらりと紹介。
大山崎山荘美術館というところに展示をみにいってきました。
ちょうど椅子の展示がしてたので、それ目的でいったのですが、
建物の中の建築がとてもクラシカルでレトロ、すごくお洒落で素敵でした＊
（ちなみに館内は一切写真禁止）
中庭もゆったりのびのびできて、すごくまったり～な時間すごせました。

ぜひ、足を運んでみてくださいね＊
（なぜかサムネイルが2回表示・・・また今度なおします）

ちなみに今回サムネイルでつかった飾り縁はこれでした↓
商用利用も無料、ヴィンテージ風の飾りが素敵なシンボルや罫線のベクター素材 -Vectorian | コリス

さて、ネイルですが、
うっすら前のネイルがはがれてきてたので、
秋色カラーですっきりとネイルしてもらいました～。
斜めフレンチ意外とかわいいです。
ちょっと予想外にお気に入りネイルになりそう？

あと前々からほしかった・・・だてメガネを購入してきました。
メガネ女子デビュー。普段裸眼なんですけどね～。
お昼に定期でしているweb女子お茶会があるんですが、
そこでメガネの話になって、これは買いに行かねばーっと勢いで買っちゃっいました。
チェック柄に一目ぼれ。

一気に冷えて、道行く人が秋色カラーに変化していくのが、ちょっと楽しみなこの頃。
今年はチェック柄をゲットしていきたいな～。

とりあえず、なんとなくかわいらしい感じが好きだったのと、パソコンにあったのがイタリアの写真だったので柔らかで女の子ぽいデザインでまとめています。
結構わたし、シンプルにさっといけなくて、結構ものをプラスプラスに加えすぎてしまうので、ちょっと時間おいてから客観的にみてマイナスして、バランス整えるとちょーどいいかんじになるぽいです＊

それにしても、素材みてるといやされるわー。

さてさて、連休合間お仕事日和だった平日もなんとか乗り切り、今日から9月後半3連休★
さっそく徹夜しちゃいましたが、ちょっと寝て、今日はライブにいってきます♪
みなさんも連休、ゆっくり休むなり遊んだりと充実してくださいな＊

かよこです。
ブログのデザイン、デフォルトのままずーっと放置でだらついてたので
とりあえず何かつくって載せていこうではないかと思い、上の画像つくってみました。
できれば毎日、できるだけ、なにかものをおうちでも作ってみようかと思います♪

ちなみに上の画像は・・・
イタリアに旅行に行った際に買った名刺入れ。使い込んで半年ですが、
結構いいかんじに革が馴染んできています＊
連休中のおやすみに、ちょうど絵画＆ヨーロッパの特集してて、思わず見入ってしまいましたｗ
イタリアだけでなく、いろんな各国いってみたいです。そして美術館めぐりしたい。
とりあえずまだ近場の京都市美術館でいましている、フェルメール展にはぜひともいこうかなと。
もうちょっとで公開おわるからいそがないと！

さて、3連休の合間の平日ですが、なにかとお仕事ばたばたとした感じ。
明日（今日）いけばお休み！ということで、特にかくことないのでこのへんで。

1.ワイヤーフレーム（手書きラフ）の作成

ワイヤーフレームといってwebのレイアウトやらを決める「設計図」をまず組み立てましょう。ソフトとひたすらにらめっこしてレイアウトを決めるより、事前にざっくりでもレイアウトを決めてしまうと、スタートが早くなります。
手書きのラフで構いません。まずは情報をまとめ、整理します。
ファーストビュー（ページにアクセスした際に、ユーザの目に入る画面の範囲のこと）ではどこまで見せたいのか？などを考えながら、レイアウトを決めていきます。
ただ代理店経由からのお仕事などの場合、先方がワイヤーフレームを組んでてくれて、それをデザインにおこすパターンが多いので、ここの説明はここまでにします。
気になる方は、便利なツールなどがあったりするので調べてみてくださいね。
ワイヤーフレームに使える素材いろいろ | DesignWalker

2.スタートから完璧にせず、まず要素を入れる。

ワイヤーフレームが上がったら、テキストなどの要素をすべて埋め込んで入れていきましょう。もし写真も決まっていたら、写真も入れていきます。

この時大事なのは、はじめの時点で作り込みをしないこと。

私がよく陥ってたパターンですが、要素をいれこんだ順番で作り込みをしてしまい、後から時間が足りなくなってしまうことがありました。
すると、

• デザインも中途半端
• 納期もギリギリor間に合わない
• グダグダで終了

↑上記のパターンが繰り返されてしまうわけです。。。
なので、はじめは、テキストなどの要素だけを全部いれましょう。

3.各箇所のレイアウトの決定

メイン画像、バナーなどの写真の位置と、コピーなどのレイアウトを決めましょう。
写真の配置や素材によってバランスが変わるため、ワイヤーフレームで分からなかった部分のレイアウトをここで決定します。また文字の訴求部分とコピーとのバランスで、テキストのサイズに変化をつけたりします。文字については↓のサイトとか参考になりますよ～

[Webデザイン] 文字組みについて本気出して考えてみた :: Stocker.jp / diary

4.全体の要素のレイアウトが決定して、はじめて色つけやデザインの細部へ。

全体のレイアウトが確定して、ここではじめてデザインにとりかかっていきます。
このときもですが、１箇所づつをするのでなく、全体的にデザインをつくりこんでいくと、偏りなくまとまったデザインに仕上げることができます。

最後に

簡単にざっと書きましたが、こんなかんじでデザインしていけば、デザインのスピードがあがると思います（私自身、まだまだ作業は遅いので、実践中）
あと私の場合、会社の先輩に1/3できたあたりでデザインの方向性があってるか否かを確認することがあります。自分の思い込みでデザインの雰囲気をつくりこんでしまった場合、先方が思うデザインと全く異なってると…１からのやり直しになってしまうからです。（実際にそれで大きく時間をとってしまった経験がある）

効率よくデザインをしながら、素敵なサイトをつくりたいと思う日々ですｗ

また時間あるときに補足していきます(｡￫㉨￩｡)！