国内サイトで最近良く見かけるデザイントレンド・手法 2014年

japanese-web-design-trend-and-technical-2014-main1

毎年素晴らしいサイトが生まれたり、リニューアルされていたりとWebの業界はとても早いです。デザインでも、様々な手法を用いたり、レイアウトで面白いものが生まれています。今回は主観で国内サイトで最近良く見かけるデザインのトレンドや手法をまとめました。

01.フラットデザイン

文字による文字のための文字のサイト type.center

文字による文字のための文字のサイトtype.center

2014年のデザイントレンドで外せないのが、はやりフラットデザインです。国内のサイトでも取り入れているサイトがとても多くなってきています。

フラットデザインを取り入れる際、一番難しいところは配色かなと思っています。

アートイベント 万国學生藝術展覧祭 | 學展 学展

Flatdesin 02

上記サイトのサイトカラーの配色はとっても独特ですが、フラットデザインとしてとってもかっこ良くなっています。グローバルやボタンなども単色、アウトラインのみになっているのがフラットデザインの醍醐味なのでしょうか。スクロールに準じたコンテンツのアニメーションもとってもCOOLです!

他のフラットデザインの参考サイト

モチイエ女子

dentsu

Fukuoka Facts | データでわかるイイトコ福岡

マイ・フェイバリット関西

札幌の注文住宅、リフォーム、リノベーション|株式会社FPホーム


02.蛍光色を用いたサイト

メディアアートの教科書

メディアアートの教科書

背景などに蛍光色が強い配色を使い、上に乗るテキストなどを明度が低い色を使ったり、同じ蛍光色を用いいることにで文字の可読性はよくなります。上記のフラットデザインとの相性も◎。元気/ワクワクなどのイメージによく合います。

SMiLE Navi

Smile Navi 神戸女子大学 神戸女子短期大学 受験生応援サイト

グロバールが黄色ととってもド派手!

他蛍光色も用いた参考サイト

C1000

女子美術大学 /  女子美術大学短期大学部

ANESSA

Happyfootwork

Ropé Picnic ロペピクニック


04.メインバナーの形

翠福祉会

社会福祉法人 翠福祉会

今までメインバナーの形は”長方形”という概念があったのですが、メインバナーでは色々な形にしても面白いなーと最近思いました。少しリズムを崩したい時とかなどに用いいたりすると面白いかもしれませんね。

大阪樟蔭女子大学

Banner 02

メインバナーがバナーによって形がバラバラで、スライドのエフェクトもバウンドしたり面白い演出がありバナーをすべて見たくなってしまいます。

他のメインバナーの形が面白いの参考サイト

ハニー珈琲株式会社

Kids and Life Photo | 子供写真スタジオのハピスタ

福岡県飯塚市の皮膚科医院|ふくはだ皮膚科


04.メインビジュアルがフルスクリーン

tref

tref

アクセスしたらメインビジュアルがドーンと!使っているサイト。写真や素材に影響されますが、このぐらいフルスクリーンで使っているとインパクトが大きいですね。下にスクロールするとコンテンツがシングルページの構成なっていたり、パララックス効果を用いることが多いようです。

NHKスペシャル|カラーでよみがえる東京~不死鳥都市の100年~

Mainvisual 02

上記サイト「カラーでよみがえる東京」でもパララックスエフェクトが使われており、ビジュアルの迫力とアニメーションの動きがマッチしておりとってもリッチなコンテンツになっています。

他のメインビジュアルがフルスクリーンな参考サイト

法悦 -HOUETSU

ラムネ|京都 美容室

本家尾張屋


05.縦組みの文字

菓子処さかした

菓子処さかした
縦組みの文字を大きく見出しやキャッチにに使ったりしている和食、旅館、和物など和風なサイトに使っているのを見かけます。上記の「菓子処さかした」さんでは、ロゴ、見出し、フッターメニュー、タイトルなどを縦組みを取り入れ、余白のスペースも広くとってあるのでとっても視認性が良いです。
紙のデザインだと縦組みは使う場合がよくあるかと思います。Webだとなかなか使う時がないですが、少しリズムを崩したり、注目させたいところなどあったりしたら取り入れてみるのも面白いかもしれないですね!

黒川温泉 旅館 山河

黒川温泉 旅館 山河

錦屋マリエマリエ|婚礼衣装、着物、和小物のレンタル・販売

錦屋マリエマリエ|婚礼衣装、着物、和小物のレンタル・販売

他の縦組みを取り入れた参考サイト

清酒「熊野古道」 鈴木宗右衛門酒造

辻本珈琲

出雲勾玉