マーカーネット株式会社

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

WEBサービス WEBデザイン WEB制作

WEBトレンド! 全面に写真を配置した 最新サイトのご紹介 ~素敵サイトの旅 その3~

投稿日:2015年1月26日 更新日:

こんにちは!web初心者のKです!

今日は曇りですが、みなさんお風邪など召されていませんか?
私は雪対策にブーツとコートを少し前に購入しました!
備えあれば憂いなし!
もう雪が来ても怖くありません!!

さてさて、話はかわりますが、
このところ、本当にワイドなサイトが増えてきていますよね!

背景全面に精度の高い写真や動画がひいてあると、
やっぱり広がりを感じますし、画面の文字に緊張感が出やすいように思います。

本日も最新のサイトで、
いいなーと思ったものをご紹介させていただきます!

まずはこちら!↓

1
http://www.gogoro.com/

なんかもうかっこいいとしか言いようがありません。
サイト自体もさることながら、
商品の機能美をとらえた写真がものすごく
画面に緊張感を与えています。
お次はこちら↓

2
http://www.teeter-totter.tokyo/

おしゃれで、わかりやすく、使いやすい!&かわいい。。
シンプルさの中にも遊び心を感じる素敵サイトです。
会社のロゴが、商品や写真にちらほらと出てくるのも、
統一感を感じます。
そして最後にこちら↓

3
http://www.oddpears.com/
こちらのサイトも一目見ただけで
説明されずともわかる構成になっています。
それでいて、かわいい!!

なんか、かわいいのってもうそれだけでみちゃいます!
ずるい!笑
で!!

真面目な感想としましては、
今回ご紹介したサイトはテイストや扱う商品・サービスは
全く異なりますが、共通して言えるのは、
メインの写真にしっかりとコンセプトが盛り込まれていることだと感じました。
みなさんはいかがでしたでしょうか?

デザイナーのサイト構成はもちろんのこと、使う色や書体、サイトの動き、
ライターさんのコピー、カメラマンの写真、
全てにコンセプトが感じられるサイトって、やっぱり素敵です。
一貫したディレクションがないとなかなか出来ない作りだと感じました。

素敵なサイトを見ていると、
自分がサイトを作る際に気を付けたいことなどが学べます。

また、ディレクターではなくとも、どうディレクションの進行をしたら、
こういうサイトが作れるのか考えるのはとても勉強になります。

日々精進ですよね。
さ、今週も頑張ります!!

 

マーカネット株式会社にてホームページ制作やご依頼を承っておりますので、

お気軽にこちらからご相談ください!

 

ではでは、本日の素敵サイトの旅はこれにて。

ドロン!

-WEBサービス, WEBデザイン, WEB制作

執筆者:


comment

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

関連記事

【これから始めるWEB制作】adobe?フォトショ??イラレ???adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その1~

【これから始めるWEB制作】adobe製品の中身を解剖!~とりあえず覚えておきたい8ソフトの特徴その2~

あけましておめでとうございます。 ひよっこWEB制作者のMです。 9連休、上京してから史上最長の帰省でしたが 実家にあたらしくやってきた家族(ワンちゃん、0歳)に ちゃんと覚えてもらえたことが嬉しかっ …

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

今回はCSS3から可能になったbackgroundプロパティでの複数指定をご紹介します。 以前は1要素に指定出来る背景画像は1つでしたので複数の背景画像を使用したい場合には要素を入れ子等にして対応して …

ワードプレスをブルートフォースアタックからまもるために必要なプラグイン

ワードプレスをブルートフォースアタックからまもるために必要なプラグイン

WordPressをインストールするとユーザー名「admin」が自動的に割り振られ 変更できないバージョンもございました。 ハッキングする側はパスワードを当てるだけでログインすることが可能になります。 …

全部無料!?写真をアートに加工できる【オススメ無料アプリ3選!】

こんにちは!デザイナーAです。 WEB制作時にサイトに掲載する画像を写真ではなく、お洒落なイラストにしたい…! でも制作費用は極力抑えたい~!!そんな方にオススメな写真をイラスト風に加工できるアプリを …

面白い動きや便利な機能をJSで実装! その6:クリックで画像を拡大表示させるアニメーション

記事内の画像をクリックしてその場から拡大表示させるアニメーションを実装したいと思います。 今回使用するjavascriptは「zoom.js」になります。 【これまでの関連記事】 面白い動きや便利な機 …