数年ぶりにテーマを変更しました。今までもちょこちょこ画像変えたり、Divの幅変更したりとかはしてましたが、テーマごと変更するのは多分4,5年ぶりな気がします。その4,5年の間にWebのデザイントレンドも色々と変わり、いつの間にかとってもレガシーなブログになってしまってました。というわけで「これじゃいかん」系のアレで頑張ってリニューアルしたわけです。旧記事についてはレイアウト崩れるものもあるけど、徐々に直していこうと思ってます。
ちなみに今回ベースにしたのはJustwriteというテーマ。これ汎用的で使いやすかったです。
あと今回レスポンシブレイアウトにしてるんだけど、iPadに最適化してます。ポートフォリオだとシングルカラム、ランドスケープだと2カラムになります。iPad Proだと多分どっちも2カラム。けどポートフォリオのレイアウトまだちょっと崩れてます。その内直します。はー、数年ぶりに大仕事したって感じ。
Webデザインの進化を時間軸で見る事のできるサイト。実際に存在するサイトではなく、NASAをテーマにしたサイトを1つ用意して、要素を変えずに「この時期だったらこんなデザインだったよね」的な感じで制作した作品です。ページ下部に出るスライダーを左右に動かす事で時間軸を変える事ができます。早い時期からネットしてた人ほど懐かしめると思います。自分の場合は98年あたりからやってたので、その時期のデザインを見ると「あーこんなん作ってたわｗ」とか思いました。2010年を過ぎたあたりから一気にモダンになってくる様子がなかなか興味深いです。こうして見るとWebのデザインって時間を重ねるごとに洗練されてはいるんだけど、どんどんシステム化してテンプレートの出番も多くなり、なんだか昔のほうが楽しかったなぁ・・・とも思います。まぁ昔は遊びで作ってたのに対して、今じゃ仕事になっちゃったからかもしれませんが。
モバイルアプリの多くが表示する、初回起動時のチュートリアル画面を動画で紹介するギャラリーサイト。アプリ導入の際に、ユーザーに対してどのように使えばイイのかを紹介する大事な機会なので、どのアプリも丁寧で凝った説明、演出をしています。またココの部分にコストかけてるなーという作例も多く見られます。この場面でヘマするとせっかくダウンロードしてくれたユーザーにそっぽ向かれちゃうので当然と言えば当然ですね。このサイトは動画で見れる点が特徴で、トランジションなども含めて他社製アプリの作例を研究できます。チュートリアル制作のネタ探しに使えそうです。
