マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

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制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

普通の写真も一風変わった感じに!【Photoshopで写真をミニチュア風に加工】

普通の写真も一風変わった感じに!【Photoshopで写真をミニチュア風に加工】

デザインする時、「この素材写真イマイチだなー」と思ったことありませんか? ここで普通の写真をミニチュア風に加工するPhotoshopの小技をご紹介します。 STEP1 まず加工する写真をPhotosh …

フォントをまとめて比較!ウェブサービス「wordmark-it」

フォントをまとめて比較!ウェブサービス「wordmark-it」

こんにちは。マーカーネットスタッフのSです。 今回はデザイン制作に便利なサービスをご紹介したいと思います。 デザインで使うフォント選びは作品のクオリティを左右するといっても過言ではない大事な要素です。 …

中国語圏のSEO事情を知る!多言語サイト向けSEO対策の基礎知識

中国語圏のSEO事情を知る!多言語サイト向けSEO対策の基礎知識

ここ最近、サイト多言語化の依頼が増えておりますが、 そもそも多言語サイト向けのSEO対策はどうすればいいのかと思ってる方のために、 今回は中国語圏のSEO事情について少し説明させていただきたいと思いま …

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

【意外と知られていないIllustrator小技】たったの2STEPで画像をベクターに変換!

WEBサイトのデザイン素材を紙媒体に使うとき、ベクターのデータがなくて困ったことありませんか? ペンツールでトレースするのも時間がかかるし、Photoshopでパスを作成したら境界がギザギザになってし …

オンライン上でPDFファイルをWordファイルに変換する

オンライン上でPDFファイルをWordファイルに変換する

WEBディレクターとして働いていますと、PSDやPNGなどのデザインデータ以外にもパワーポイントやエクセル、PDFなどのファイルなどクライアント様からさまざまな素材をいただいたり、こちらが資料を作成し …