マーカーネット株式会社

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

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

関連記事

画像を自動的にlightBox風に表示するjQuery ColorboxのWordPressプラグイン

画像を自動的にlightBox風に表示するjQuery ColorboxのWordPressプラグイン

jQueryプラグイン「Colorbox」は便利ですが、 さらにWordPressプラグインとして導入すれば 設定は更に簡単になります。 ソースをいじる必要はありませんので初心者にもおすすめです。 W …

【PHOTOSHOP】すぐに使えるデザインテクニック!アート風文字をラクに作る方法

【PHOTOSHOP】すぐに使えるデザインテクニック!アート風文字をラクに作る方法

STEP1. まず加工したい写真素材をPhotoshopで開きます。 STEP2. 背景の写真レイヤーの上に文字を入力し配置します。 STEP3. レイヤーパレット上でテキストのレイヤーを右クリックし …

【やらなきゃよかった!?】高額なリスティング対策で大失敗しがちな考え方

リスティング広告は検索結果画面に表示される広告です。 検索した時に上位を独占する風景はみなさんも一度は見たことがあると思います。 このように目立つ位置に表示されていますね。 このリスティング広告、プリ …

Phalcon PHPフレームワーク試しました

Phalcon PHPフレームワーク試しました

Phalcon(http://phalconphp.com/ja/)フレームワークは、PHPエクステンションとして利用する非常に高速なフレームワークとのことです。 動作確認までの手順です。 1. Ph …

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xで404 Not Foundエラーをリダイレクトする方法

CakePHP2.Xでは、404 NOT Foundエラーが発生した場合、 デフォルトでは、 app/View/Errors/error400.ctp の内容が表示されます。 サイトによっては、 40 …