マーカーネット株式会社

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

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

WEBトレンド+αの作り込みで、心地よさが広がる素敵サイトをご紹介! ~素敵サイトの旅 その1~

投稿日:2014年12月15日 更新日:

こんにちは!風邪っぴきのweb初心者Kです。

週末に風邪を治しきれず、咳のため未だマスクが手放せません。
今日は誰とも口をきけないかも知れない!!!

みなさまはお風邪など召されていませんか?

さてさて、そんな私ではありますが、
今日はwebデザインのトレンドだけにとどまらず、
1pxまで神経が行き届いているなぁ、
と感じる緊張感のあるデザインのサイトをご紹介したいと思います!
ワクワク。
まずひとつめはコチラ!<全面画像+ポリゴン+α>

RINN Inc.

http://rinn.co.jp/

ワイド画像や背景の装飾にポリゴンなどトレンドをさりげなく取り入れています。
特にポリゴンの使い方は、空間に広がりを感じさせる
動きやサイズ感のバランスが絶妙で、センスがキラリと感じます。

また、上記企業の商品サイトもこちらにあります!(↓下記)

 

自動給餌器 PETLY

http://petly.jp/

どちらのサイトもベースカラーは無彩色ながら、装飾の動きや、
写真の柔らかいトーンから無機質さを感じさせません。

また商品サイトは文字を読まなくてもどんな商品なのか一目瞭然のスゴさ!!
しかもページ下にすごいスピードで走っている猫ちゃんのイラストが
常に表示されていて、なんだろう??とつい先を見てしまいます。
ページの最後では、猫ちゃんがこちらの商品(自動給餌器)に
たどり着くんですが、この演出に、私は心をがっつり掴まれました。
このサイトを見たら飼い主まっしぐら!なハズ!!

 

そして、お次の素敵サイトはこちら!<ワイド動画+α>

ATH MSR7(ポータブルヘッドホン)|オーディオテクニカ

http://www.audio-technica.co.jp/atj/sc/msr/

動画をワイドに使ったトレンドを取り入れているだけでなく、
ナビゲーションの動き・使い勝手など、
見習いたい繊細な心配りを感じます。

また、同じようにナビゲーションが
途中から固定になる縦長サイトはこちら

http://housevision.muji.com/

http://www.shimofuri-ginza.com/

http://haremachi.com/hanpu/

とっても使いやすいですので、
この動きは縦長サイトには定着しつつあるように感じます。

その他にも個人的には、グリッドデザイン+αで、
グリッド内の写真がマウスオーバーで少し拡大される動きを
よく見かけるようになった気がします。

http://www.felissimo.co.jp/500/

http://www.nintendo.co.jp/

http://nike.sskamo.co.jp/

トレンドもとても大切ですが、+αで細かいところまで気配りがされているサイトは、
ついつい長居したくなってしまいますよね!

いかがでしたでしょうか?

私もたくさんの方に「お・も・て・な・し」が、感じられるようなサイトづくりを心掛けて、
日々精進したいと思います!

 

そしてそして、もしこのブログをご覧になった方で素敵サイトづくりにお悩みでしたら、

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

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

 

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

ドロン!

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

執筆者:


comment

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

関連記事

食べ物の写真を美味しそうにみせるフォトショの小ネタ

こんにちは! デザイナーの木野子です。 マーカーネットブログを、今回初めての担当することになりました! ここでは、私が普段web製作で使っている、 PhotoshopやIllustratorの小ネタな …

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

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

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

【Illustrator】アーガイル模様の作り方

みなさまこんにちは、新人Aです。 今日はまたIllustratorを使って、パターンのお話を。 以前は七宝柄、タータンチェックときて・・・今日はアーガイル柄を作りたいと思います。 アーガイル柄といえば …

事前に調べよう!2015年ウェブデザイントレンド!

こんばんわ!新人のKです!今回は今後、ウェブデザインのトレンドについて少し説明させていただきと思います。 01.背景イメージORムービー入れ(Large, Beautiful Background I …

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

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