2015年のウェブサイトのデザイントレンド

web-design-trends-2015

2015年も4月新年度を迎えますね。年度の切り替わるこの時期はウェブサイトのリニューアルも多いと思います。今回は、2015年の注目されるウェブサイトのデザイントレンドをご紹介します。

Startup Framework

「Startup」タイプのウェブサイトは1ページで構成されたレイアウトです。主なコンテンツの内容が1ページで収まりスクロールして閲覧できるので、スマートフォンやタブレットでの閲覧にも向いています。

Startup用のフレームワーク「Startup Framework」が公開されています。デザインやコーディングの参考にもなります。

designmodo-startup-framework

Fixed Blocks

「Fixed Blocks」タイプはメニューやナビゲーションなどを固定するレイアウトです。こちらもスマートフォンやタブレットでの操作を想定して、ボタンを押すと固定メニューが表示されるといった活用方法があります。

「Fixed Blocks」タイプの参考サイトをご紹介します。

buildinamsterdam

SVG

「SVG」は画像形式のひとつで、2次元ベクターイメージを扱います。主に座標の数値によってイメージを表現できること、テキストエディタ等で編集できるため、HTML内に直接記述をしたり、JavaScript 等と連携させることでアニメーションなどリアルタイムで再現できます。

またベクターデータによる画面表示では拡大や縮小をしても描写の劣化が起きないという特徴があります。

パソコン用やスマートフォン用の主要ブラウザでSVGの表示がネイティブでサポートされてきていることから今後SVGを活用したウェブサイトも多くなりそうです。

「SVG」を活用したの参考サイトをご紹介します。

justdesign

2D to 3D Photo

「2D to 3D Photo」は2Dの写真を3Dのように見せる技術です。2Dの静止画を3Dのように見ることができ、商品説明の新しい表現方法として期待ができます。

「2D to 3D Photo」を活用したの参考サイトをご紹介します。

bmw-special

outletpeak

関連記事

【無料】商用利用OKシームレステクスチャ「岩石(白玉石風)」素材

自然の岩肌を表現したシームレスの無料で使えるテクスチャです。白玉石のような白色の石の質感を再現しています。継ぎ目のないシームレス加工をしているテクスチャです。テクスチャマッピングやタイル敷の背景素材などにお使いいただけます。商用利用OKのフリー素材となっております。 ...続きを読む

2018.09.12シームレステクスチャ

【WP】空き状況を表示するカレンダーを作成することができるBookingプラグイン5選

レストランやホテル、イベント会場などWEBサイトで、席の空き状況をカレンダーに表示して予約をスムーズに行う仕組みを見かけることがあると思います。 この空き状況を案内するカレンダーをWordPress上で作成することができるプラグインがありますのでご紹介します。 今...続きを読む

2015.02.26WordPress

ウェブサイトの制作を頼むときに知っておきたい専門用語

お店や会社のホームページを持ちたいと思うとき、制作できる方や制作会社を探しますが、説明される内容や掲載されている内容に専門用語が多く、難しいと思う方もいらっしゃると思います。今回は、ホームページの制作でよく出てくる専門用語を解説したいと思います。 ウェブサイトの制作は実際の...続きを読む

2018.02.09WEBサイト制作レンタルサーバ

【デザイン】想像力を刺激するようなクリエイティブな本棚

今回は、タイトルの通り普通の本棚とは異なるアイディアにあふれたクリエイティブな本棚のデザインをまとめてみました。 “Bias of Thoughts” 目の錯覚を利用した不思議なデザインです。 Link:http://melbournea...続きを読む

2015.02.15インスピレーション

【メモ】英語での曜日の省略表記

サイトや印刷物を制作するときに、英語の表記で曜日を表記することがあります。大文字、小文字、省略など制作時にコピーできる役立つメモをまとめました。 曜日の英語表記 日本語英語省略省略省略 月曜日MondaymonMonMON 火曜日TuesdaytueTueTU...続きを読む

2019.06.22