おはようござい!ます!

昨日あされん実施どころか、またも遅刻してしまいました(;´ρ`)
その分を取り返すっていうわけでもないのですが、
ペナルティで早めのあされんです。
あされんとか言ってますけど、単なる遅刻防止運動ですww

今日は、昨日の課題:3カラムサイトのデザインについて。

いきなり作成を初めてしまうのは良くないと思い、
3カラムを利用しているサイトの傾向を分析しております。
ネットサーフィンではない!リサーチだ!!(正当化)

どうしてここにこのコンテンツがあるのか。
適当な構成ではなく、レイアウトにも意味があるんじゃないかなーって思います。
そんな見せ方の工夫を自分も出来るようになりたいです;;



というわけで、3カラム研究!
スクショを載せたいと思ったのですが、無断転載に該当すると思うので
リンク先だけ載せるお(*゚▽゚*)



KITTE オフィシャルホームページ
プレスクール参加された方は懐かしく思うんじゃないかな?w
左:サイトメニュー 中央:メインビジュアル・イベント 右:営業案内、アクセスマップなど

スッキリ見やすいと思います。
催事案内や営業時間の施設情報を1ページで把握出来るようになっていると思います。
配色も基本の3カラーに統一されているので見やすい。




タートルタクシー
3カラムの扱い・・・で良い・・?のかな?
リンク先は2カラムになってますけど、違和感がありませんでした。
ページジャンプ時にレイアウトが変わる場合も、
それを感じさせない工夫をしなければならない!いいお手本です*
左:初見の方向けのサイト概要 中央:最新情報 右:最新情報(?)
Webには珍しく右側に視線が行きます。グッドデザイン賞の主張!ww
ナビゲーションを小さく見せる事でロゴを引き立たせていると思いました。
緑=エコ=優しい というのがタートルちゃんから感じます。可愛い*


千金堂
住まいや物件のサイトは情報量が多いと思うので3カラム構成が効果的なんじゃないでしょうか。(3カラムのくくりで良いのかもちょっと曖昧ですがw)
中央、右と写真が扱われているのに、左側に目が行きました。
カッチリしたストロングなロゴとクリッカブルが視線誘導効果を発揮していると思います。
他ページジャンプ時のレイアウト変化に少し違和感がありました。
テーブルサイズが小さくなったからかな・・?
左:ロゴ、ナビゲーションなど 中央:製品ラインナップ 右:他コンテンツへの誘導


ちょっと情報が少ないかなあ(;´ρ`)
意外に3カラム(しかも課題と同じレイアウト)のサイトが見当らない;;;
そういえばブログページも3カラムのものがありますよね。


★メインは中央に
★単ページで何のページかしっかりわかるように
★右側はサブの情報を入れる(かつ、次に繋がるようなコンテンツにする)

ぐらいしか気づけていない・・(;´ρ`)

利用者が何回もクリックする手間を省けるようにする事が前提で
3カラムは、やはり情報量の多いサイトにするべきだと思いました。
となると、作成するテーマの事をたくさん調べて豊富な内容にしなくてはなりません。

あらかたテーマにしたい物が絞り込めてきました。
カンプを作成して、どの情報を何処に置くかを整理したいと思います。

でわでわまたね★



追伸:あされん一緒にしてくれる相棒を募集中だお(*゚▽゚*)
線にもよるけど、早朝は電車も混雑していないし、遅刻防止にもなるし、(私だけw)
学校内に人も居ないから静かに作業が出来るお*
興味あったらぜひぜひ!

ブログトップへ戻る

こんばんわー!
アルバイトがありまして更新が遅くなってしまいましたが
今日もあされん実施出来ました*





今日は、カンプ&サムネイルの練習です。
ラフの前段階であるカンプに、練習なんてねーよ!w
って私自身も思いますが、これには意味がありまして。







私は今まで、ラフを作った事が無いに等しいです。
課題を含む過去の制作物は、全て頭の中でイメージするだけだったり
ぶっつけでレイアウトを組んだりと、はちゃめちゃな制作過程なわけです。

だから私は、カンプが苦手。
即席のアイデアとか引き出しが無さ過ぎで何も浮かんで来ないし、
そのせいで何パターンもの案が出せないのです。





そもそも、カンプを書くという行為自体に慣れていません。





じゃあ、どうやってカンプの練習をするのか。なのですが、
私が考えた方法は、
「既に完成されている物をカンプに起こしてみる」という事でした。


好きで集めている映画のフライヤーを、ざっくりカンプにしてみる。
完成されたものを、原点に戻し、改めてレイアウトについて考えてみます。


取り組んでみて、良かった点を挙げていきますね!

★模写の勉強になる
映画はキャストがメインビジュアルです。
人物メインが多いので、模写の勉強になるかなーって思いました。
ざっくりだからあんまり勉強とは言えませんがww



★手を動かして再現させる事で、
見るだけだった時よりも多くの気付きを得る
チラシを見るだけだったら、どうしてもメインビジュアルに視線が行きがち。
それは当たり前です。
プロが作るものは、見せたいものに視線誘導効果が現れているから。
しかし、細かい部分まで模写をするとしたら・・・?
より意識して見る力が働くので、細かい飾りや目立たない部分も目に入るようになります。
そして、その存在があるからこそ、メインが引き立つのだ、と再認識出来るようになります。



★書いたカンプは、後のレイアウト見本帳になって便利
レイアウトには著作権がありません。
細かい部分にまで気がつけるようになったら、
今度はそれを、0から作る自分のカンプの参考にしちゃえばいいんじゃないか!
と感じました。
丸々真似するのは私は好きじゃないですが、
どうしてもレイアウトに困った時や、ちょっとした効果、
さりげないコピーを入れたいときなど、
こういった見本帳があるだけでも、アイデアが生まれやすいんじゃないかな?
と思いました。























模写がどうのこうの言ってる割に、すごいざっくりなカンプですがw
映画の雰囲気によってレイアウトも違う事に気がつきました。
そんな事当たり前なんですけど、
ただフライヤーを見るだけ、文章を読むだけよりも
真似して書いてみる事で、より理解を得る事が出来たなあって感じです。

緊迫する作品は、メインがドーン!とあったり、
人情系の作品は、出来るだけ人物をたくさん入れ込んだり、とか。






カンプ書いてるうちに、
広告の授業で映画のフライヤーを作ってみたくなりました。笑
後で選択授業についても記事にしますが、
私はCMや広告やバナーなどの
プロモーションに関連する作品を増やしたいし、その為の授業を選びます。





私のデザインの価値観は
「セールスポイントを捉え、クライアントの利益、イメージ、業績を向上させるためのものである。」ということ。
デザイナーは決してカッコいいものや、偉いものではなく、
道具として使ってやって下さい・・・的な感じで、どちらかというと可哀想な感じというか・・笑






採用して貰えても、来月・来年には違うデザインにされてしまう事は当たり前。
使うソフトの機能だって、すぐ新しいものが追加されて覚える事が尽きない。
だからこそ、日々勉強が必要で地味な職業だと思います。





私はそんな地味さに惹かれてデザイナーを志ました。
いつか自分が制作に携わったものを街中で見かけて、
誰に語るわけでもなく、心の中でニヤリとしてみたいです。ひっそり!笑



ブログトップへ戻る

おはようございます!
今日もまたまた携帯から(*゚ー゚*)



2ndに入り、何か新しい取り組みをしたいので、
苦手を克服する為の「あされん」を
継続して実施してゆく事にしました。


選択授業はまだ開始していないので
どれだけ継続出来るかは
本当にわかりませんが、
あされんを楽しみに早起きを身につけられる位になりたいです。


あされん1日目は
水彩のにじみ練習をしました。


試し書き程度の感じですが
固形水彩セットを購入したのと、
自分が得意とする画材を増やしたいので、水彩の塗り方を勉強してゆきたいです。



私は断然デジタル派ですが、
アナログから水彩の特徴、
にじみ、ぼかし、洗い出し、ドライブラシなどの技法を学んだ上で、
デジタルに取り入れてゆきたいと考えております。


まずは初歩の初歩、基本から!




にじみの練習をしていたら
高野先生がいらして
水分量のレクチャーをして下さりました(*゚ー゚*)




授業外にも関わらず、
親身に教えて下さる先生は
非常に好感度上がります!(*´∀`*)
選択授業も、その先生についてゆきたいな、と思ってしまうくらい!


生徒の取り組む姿が気になってしまう
って所がまた、先生気質のある方だなあと感じます。
高野先生はベテランの方なので、
良い意味で職業病なんだろうな、と思いました(*゚ー゚*)


明日は
カンプ、サムネイルの練習をしようと思います。


あされんは
毎日やる事を自分の中で設定して
実践してゆきます。


1日1時間でも、
3ヶ月続ければ、やるのとやらないので、差が出ると思います。



三日坊主で終わるかもしれないし、
いつまで続くかわかりませんが、
ブログ記事にする事、
みなさんにお知らせする事で、
「やるぞ」という意識がより強くなるのが人間の心理らしいので
記事にしてみました。


ではでは★




System Requirements

Safari 7.0.3 / FireFox 29.0 / Google Chrome 34.0(推奨)

LABEL