Advertisement

circleweb_top

 

今年のはじめにご紹介した、2013年気になるデザイントレンドの中でも、登場した円、サークル状デザインを制作に活用するときに、参考になりそうなサンプルデザインサイトをあつめました。

 

 

海外デザインブログSplashnology.comで、ユニークなアイデア満載の、サークルデザインを使ったWebサイト40個をまとめたエントリー「Circles in Modern Web Design」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

サークルデザインとは。

 

文字通り、円形をモチーフにしたデザインを用いた、Webデザインスタイルで、コンテンツ枠にボックス型ではなく、円形を利用することで、ユーザーの注目を惹くことができます。

 

たとえばソーシャルメディアボタンや、日付、アバター画像を表示するときなど、よりコンテンツを強調したいときに有効的です。またGoogle+インターフェースデザインにも利用されており、今後注目デザインスタイルのひとつです。

 

CSS3を使ったスタイリング方法なども公開されているので、デザインアイデアの参考にしてみてはいかがでしょう。

 

 

 

「サークルデザイン」のサンプルWebデザインまとめ

 

Samcreate

Samcreate

 

 

Sergio Pedercini

Sergio_Pedercin

 

 

Stedesign

Stedesign

 

 

Teapot

Teapot

 

 

Gavroche

Gavrosh

 

 

Muita Soulucoes Agencia Ditgital

Muita

 

 

Coffee Surfing illy

Coffee_Surfing_Fly

 

 

Yookoso Japan

Yookoso_Japan

 

 

WoodDecker

Wooddecker

 

 

Vita Cochran

Vita_Cochran

 

 

Startup Giraffe

Startup_is_Mine

 

 

Letters, Inc.

Letters_Inc

 

 

SOLO Interactive Studio

SOLO_Interactive_Studio

 

 

Junior Akademie

CVUT

 

 

Lambooja Agencia Digital

Lambooja

 

 

Duotones

Duotones

 

 

QuartierVier

Quartier_Vier

 

Rez’on

Rezon France

 

 

Delirium Studios

Delirium_Studios

 

 

Codalight

Codalight

 

 

The Social Games

The_Social_Games

 

 

Sweet Luna’s

Sweet_Lunas

 

 

参照元リンク : Circles in Modern Web Design – Splashnology.com