2013年09月11日
サイト制作佳境!
先週から取り組んでるwordpressを使ったサイト制作もそろそろ佳境です!!
だんだんと完成にむけて歩み寄っている、、ところですが!!
ちょっと自分の素材づくりがちょっと時間を消費しすぎなので常にペースアップを心掛けたいところです!
がんばらないとなー!!
つくったロゴ。改良の余地ありあり。。
だんだんと完成にむけて歩み寄っている、、ところですが!!
ちょっと自分の素材づくりがちょっと時間を消費しすぎなので常にペースアップを心掛けたいところです!
がんばらないとなー!!
つくったロゴ。改良の余地ありあり。。
2013年09月11日
良くないデザイン
今回のワイヤーフレーム作成はすこし趣向を変えて良くないデザインのサイトのワイヤーフレームを書いてみました!
題材として選んだのは某家電量販店のサイト。
これがかなりのカオスな感じで驚きましたw
とにかく情報を詰め込みすぎ!
フォントも種類もサイズもバラバラでヘッダーなんか特にごちゃごちし過ぎてゃでロゴが目立たないし、どこを見たらいいのやら、
記事も似たような内容の項目があちこちにあるし。
サイトを訪れた人にこのサイトのどの部分をどう見せるのか、その意識を感じさせないレイアウトになっていました。
しかしこういったサイトを見ることで学べたこともありました。
・サイトに載せる情報の取捨選択は大事
・サイトに訪れた人にどのようにサイトを見てもらうか意識してレイアウトを考える(視線誘導など、)
・なんでもかんでも派手に目立つようにデザインすると結果として見づらい画面になってしまう。
良いデザインのサイトばかりではなく、良くないデザインのサイトを見ることで得るものもあるとゆうことを学べた機会となりました。
2013年09月09日
素材、素材!!
きょうも午前中はワイヤーフレームづくり!
サイトをひとつ決めて、分析して、ラフにワイヤーフレームかいてみました!
もう少しなれてきたら書く枚数を増やしてみようかな!!
そして覚えたこと!
ワイヤーフレームを書くときに文章が入るところは Z を書く!とゆうこと!
次からは心掛けよう!
午後からは怒涛の素材づくり!
なかなかいいものが出来上がらず、、、
あしたは今日よりもっといいものが出来るようにがんばりたい!
2013年09月06日
素材づくり開始!
今日も今日とてワイヤフレーム書き
午前中はまずサイトをいくつか30分ほど見て
その後ひとつのサイトに絞って30分サイトの分析
視線の動きを意識しながらサイトを見てみたり、
サイトの特色を見つけたり、、
いいとこわるいとこを自分なりにいくつか挙げてみました!
そしてそのあとは分析したサイトをそのままそっくりワイヤーフレームにしました!
まだまだ下手くそだけど数こなしていくうちに見えてくるものがあるはずだ!
午後からはフォトショ&イラレを使ってサイトの素材づくり!
さっそく手こずってしまった!
でもとりあえずフォトショ&イラレは触れば触るほど身につくと思うのではりきっていきたいです!!
2013年09月05日
一段落!
今日も一日ワイヤーフレームかいてました!
なんとか必要なトップ、個別、カテゴリページのワイヤーフレームは完成しました!
一方、実際にコーディングするチームではwordpressで画像がアップされないとゆうMac特有らしきエラーで大苦戦してました
ググったり、いろいろイジってみたり、なんとか解決ができたようなので一安心。
おつかれさまでした!!
あしたからは本格的にイラストレーションとフォトショップを使っての素材づくり!
一日押してるので大急ぎでやらないと!!
2013年09月04日
ワイヤーフレームの1日
今日は1日ずっとワイヤーフレームについて考える1日でした。
午前中はワイヤーフレームについての勉強。
解説してるサイトもいくつか見つかり、ひたすら記事を読みまくってました。
ラッキーなことに解説サイトのいくつかにはグッドデザインなサイトを紹介しているサイトへのリンクが貼られてるのもあって、
一気にデザイン関係のサイトのブックマークが増えました!
その中のひとつのURLはこちら・・・
http://io3000.com/
これからはデザイン系のサイトもいろいろ見る習慣をつけて目の肥やしにしたい!
そして午後からは昨日から始まったサイトリニューアル計画の
さっそく骨組みになるワイヤーフレーム作成!!
といきたかったけど
予想外の手こずりまくり!!
実際に書いてみると考えないといけないピクセル数がじゃかじゃかでてきてまとめるのに結局1日使ってしまいました、、、
かいたワイヤーフレームたち
とりあえずトップページのワイヤーフレームは一段落。
あしたはペースアップ出来るようにがんばろう!!
2013年09月03日
ワイヤーフレーム
きょうは今後のスケジュールの軽い見直しと、個人個人がこなす課題の確認でした
見直したスケジュールの内容は以前作成したサイトの作り直し!
チーム分けや、役割分担をして役割ごとにワイヤーフレームの作成したり、今後のためにコーディング規約を決めて行ったりしました!
自分はワイヤーフレーム係としてラフでつたないながらいくつかアイデアをだして、
あしたからは本格的なサイト制作のスタートです!
個人個人の課題の時間も出てくるので今まで以上に自分の力を生かしてこなしていきたいです!!
2013年09月02日
リニューアル!!
きょうは、てぃーだブログの再リニューアル作業の最終日!!
なんとか形にはなったのでよかったです。
ほんとはもっと完成度をあげたかったけど、、、
ちなみにこのブログの以前のデザインは、、
けっこう雰囲気もガラッと変わって、要望してた「西部な映画ぽさ」は実現されててよかったです!
ちなみに自分がデザインしたページはこちら!
http://weva.ti-da.net/
シンプルな高級感で大人ぽく、とゆうことだったのでこのような感じに仕上げました!
前回のカスタマイズとは違って自分が指定すべきとこが見えてきた面もあって課題もはっきりと認識できたので充実した時間になったかと思います!
明日からもがんばろー!!
2013年08月30日
ブログカスタマイズ2日目!
きょうはブログカスタマイズ2日目!
午前中はワイヤーフレームをかいて、午後からはHTMLを書き書き、、、
しかし!
てぃーだブログならではのタグなど難しいところも多々あり、苦戦中、、、、
がんばって仕上げよう!
2013年08月29日
ブログカスタマイズ再び、、、
きょうからは二回目のブログカスタマイズ
前回の反省をしたあと、クライアント役のパートナーと打ち合わせして
午後からはワイヤーフレーム作りをはじめました。
実際にちゃんと書くのは初めてなのでちょっと手こずってますが
どうにかがんばって仕上げていきたいです。