~Webデザインを「観る」ブログ~1日1Webデザイン、素敵なサイトを私なりにご紹介。Web制作やクリエイティブな情報もお届け。徹底的に考えられたインタラクションデザイン私はWebデザインのココを見た!Tweet自分の仕事歴をマルチカラムで敷き詰めるポートフォリオWebデザイン。レスポンシブで尚且つ配色にすごく気を使っているので、気持よく見ることができます。徹底的に考えられたインタラクションデザイン。マルチカラムで自分のやってきたことを敷き詰める+配色こんなWorkの魅せ方も良いですね!自分のWorkをマルチカラムで敷き詰めて、そしてレスポンシブWebデザインを付加することで、どのデバイスでも同じ感覚でポートフォリオサイトを観ることができるようになっています。このマルチカラムで、更にカラムごとに余白や枠がない敷き詰めをする場合、配色で各項目の堺を表現しなければなりません。そこをこのWebデザインはうまくこなしている。全てベースカラーはグレーですが、そのグレーが上からだんだんとグラデーションが濃くなっています。全て同じに見えるんですが、この微妙な色の違いがユーザーを迷わせない、戸惑わせない、大きな役割を果たしています。このWebデザインでは、グレー、水色、白の三色しか使われていません。黒などが個別ページで使われることもありますが、それはそれぞれに合わせての配色。これを徹底して統一することで、普通だったら見づらいような配色もとても好感的に見ることができます。上キャプチャのようなそれぞれのWorkページでは、タイトルと説明文が水色で表記されています。水色って、普通リンク色であったり、文字全部のカラーにはなりづらい色。それをしっかりと色の統一をすることで、水色でも見やすくしているんですね。ページ導線、インタラクションデザインを徹底して考える流石インタラクティブディレクター!と思ったのですが、ユーザーの導線をしっかりと考えられて作っていると素直に思いました。個別のカラムをクリックした際、それぞれのページが表示されますが、実はこれページ遷移をしていません。その下にコンテンツを展開しているだけで、ユーザーを迷わせないように工夫されているんですよね。ページには閉じるボタンや、前後ページへのリンクも貼られているんですが、遷移をしない、いつでも元のページがあるという状況を作り出しているWebデザインは素晴らしい。見たコンテンツは、×印がカラムに表記されます。これで一度見たコンテンツはもう観ないで済みますよね。小さいところなんですが、それぞれの役割をしっかりと考えられているWebデザインでした。Directorこの素敵なWebデザイン、「いいな」と思いました?その気持ちをポチッと残しておきましょう!ツイートTwitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。関連するWebデザインフラットと余白で訴える!CSS3をうまく活用したポートフォリオWebデザインテクスチャが良い味出してる、可愛さ溢れるレスポンシブWebデザイン色と配置を整えズラす。白黒シンプルな配色が特徴のWebデザインECサイトをデザインするということを、改めて考えさせられるGUのWebデザインコメントをどうぞ。About都内に住むWebデザイナーの卵です。世の中に無数に存在するWebデザインから、沢山のことを学ぼうと思いブログ運営を始めました。1日1Webデザイン、私が感じたこと含め紹介していきます。面白いサイトタイプ印象カラーレイアウト特徴・その他1日1Webデザインあなたにとっての素晴らしいWebデザインが見つかりますように。