javascript(jquery) WEBデザイン WEB制作

【2014年のWEBデザイン!】流行するカラー&廃りそうなスタイル

投稿日:2013年12月24日 更新日:

2013年も気が付けば残り1週間。早いものですね~(しみじみ)
WEBの業界は流行り廃りが激しいもので、
デザインに限って見ても、この1年間でもさまざまな動きがありましたね。
2014年、WEBデザインはどんな姿を見せてくれるのでしょう?

■2014年の流行カラー、「ラディアント・オーキッド(淡い紫)」

ro

「パントン(PANTONE)」という色見本帳の作成で有名な会社が発表した話によると、
2014年の流行カラーは淡い紫の「ラディアント・オーキッド」だそうです。
WEBデザインにはアクセントカラーとして使用することが効果的のようです。
扱いにコツの要りそうな色ではありますが、上手く扱えると非常に上品な印象になりそうですね。

参考:http://designmodo.com/pantone-color-2014-radiant-orchid/(英語)

■2014年には廃りそうなトレンド、デザインスタイル

slider

・スライドイメージ
動きを与えるコンテンツとして非常に多用されているスライドショーですが、
見にくい、読み込み速度が遅いといった理由で問題視されるケースが多いそうです。
今後はアクションを起こした時の動作やレイアウトの工夫によって
動きのおもしろみを表現できるような、
シンプルにシングルで完結するレイアウトが流行るかも、とのことです。

form

・ボリュームたっぷりの問い合わせフォーム
項目欄が長ければ長いほど、ユーザーは嫌気をさして問い合わせることも止めてしまいます。
…だれでも面倒に思ってしまいますよね。
ですので不要な項目はなるべく省略し、「すぐにできる」ことを前提に
問い合わせをしてもらえるよう心がけることが大事だそうです。

fonts

・「てんこもり」なデザイン、コンテンツ
多くのアイコン、色んな種類のデザインパーツ、数々のフォントなど、
表情を多く見せるために多用することもありますが、
現在は快適性を重視し、シンプルなデザインが好まれています。
「直感的に、すぐに分かるもの」が求められているため、
ユーザーが悩まないようなデザインや機能にすることが重要です。

参考:http://webdesignledger.com/trends-2/web-design-trends-that-will-disappear-in-2014(英語)

どうやら、2014年はデザインもコンテンツも
ますますシンプルで分かりやすいものが求められていくようです。
早さが必要とされる現代ですから、こうした方向に向かうのも、
ある意味必然なのかもしれませんね。

-javascript(jquery), WEBデザイン, WEB制作

関連記事

データベース(MySQL)の日付操作について

データベース(MySQL)の日付操作について

データベース(MySQL)で普段よく使いますが、 なかなか覚えられない、日付の操作のSQLについて書きます。 以下のようなニュースのテーブルが存在します。 CREATE TABLE IF NOT EX …

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

「CSSを設定したのに効かない!?」っていうことありますよね。 その場合、一概には言えませんが、もしかしたらCSSの書き方が原因かもしれません。 下記を参考に、CSSを書き直せば直る可能性もぐっと高ま …

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

【これぞPhotoshopマジック】イラスト風・水彩風・レトロ風に写真を加工するワザ

Webデザインを制作する中で、写真素材を使用することが多々あります。 これらの素材にひと手間加えることで、写真の魅力がグッと加わったり、 サイトの印象を変えることができたり、ポイントにもなったりします …

【フラットデザインに+α】2014年のWebデザイントレンド3選

【フラットデザインに+α】2014年のWebデザイントレンド3選

近年、あちこちのサイトで見かけるようになったフラットデザイン。 レスポンシブと組み合わせたり、フルスクリーン表示にさせたりと応用法も様々に、オシャレなWEBサイトが増えていますね! そこで、今回はこの …

Adobe XDの無料おすすめプラグイン その③

Adobe XDの無料おすすめプラグイン その③

こんにちは、デザイナーのAです。 今回もAdobe XDの便利なおすすめプラグインをご紹介します! 目次1 Mimic2 Stark2.1 (1)色覚シミュレーション2.2 (2)コントラスト比3 T …