[O]サイトをリニューアルしてみました

renewal_title

ちょいちょい仕事していますOlein編集長(@Olein_jp)です

このたび、個人事業サイトを立ち上げたついでにブログの方もちょっとリニューアルしてみました。今回のリニューアルでは、いろいろと新しいことにも挑戦してみて、自分なりにたくさん収穫のあった作業でもありました。

詳しい部分は後日記事にするとして、どんな作業工程でリニューアル作業を進めたのかのアウトラインだけをまずはご紹介しておこうと思います

まずはアナログな部分での手書きモックアップを作成

これはどんなデザイン作業でも欠かせない部分ですが、僕の場合は特にアナログの部分を疎かにすると後で痛い目に会うことがとても多いです。ですので、なるべく手に気をしないように気をつけるようにしています。

このアナログな部分を飛び越えて早速Macに向かってもいいんですが、あとで結局戻ってくることが多くあります。まだまだ僕の場合は、アイデアや考えがマウスよりもペンや鉛筆で表現したほうが固まりやすいのかもしれませんね。

今回はAdobe Illustratorメインでデザイン制作してみました

いつもは使いなっれないFireworksでちまちま作りながら、上手くいかないとIllustratorに戻り、作ったものをFireworksへ持ってきて使う、なんて作業を繰り返していました。

個人的な目標ですが、FireworksをWeb制作の母体に持ってきたいのですが、まだまだそんなスキルが整っておりません。ですので、今回は一番使い慣れているツールであるIllustratorで制作してみることにしました。

これが、なかなかコツがいるようでして、設定や操作の部分でDTP用とWeb用で異なる部分もあり、そこらへんは別の記事にまとめてみようと考えています。(やっぱ手慣れたイラレでWebデザインできたらサイコーだし。)

コーディングはCoda2を利用してみました

以前から、ちょこちょこ使ってはいましたが今回は本格的にサイトを設定したりして使ってみました。FTP転送などもそのまま出来たりするので使い勝手は問題なし!

でも、個人的にはSublime Text 2もいいかなって思っています。軽いし、使いやすいし、ごにょごにょ。

動作確認について

動作確認は今のところ、Macの最新版ChromeとFirefoxでは行なってありますが、他のブラウザなどで表示が崩れていたりおかしいところを見つけたら、110番する前にこちら(@@Olein_jp)までお知らせいただけるとありがたいです。

ではでは、このリニューアルに際して勉強したことなどは、ジワジワと記事にしていきたいと思います。今後ともよろしくお願いします!