WEB制作関連

円形を効果的に使用したWEBデザイン50個

WEBデザインはコーディングを含めグリッドをベースに考えることが多いと思いますが、そんな中に円形を効果的に取り入れたWEBデザインのまとめです。

Ishuplus.com

Circles-design_01.jpg

Zwartwitmedia.com

Circles-design_02.jpg

Circle-ent.com

Circles-design_03.jpg

Vasaportfolio.com

Circles-design_04.jpg

Vlog.it

Circles-design_05.jpg

Curiousgenerationgroup.com

Circles-design_06.jpg

Muenchen-webdesigner.com

Circles-design_07.jpg

円形や曲線はデザインにテンポをつけたり、柔らかみを表現したい時などに効果的ですが上手く使用しないと途端にデザインが素人っぽくなってしまいますね。。

個人的には「Ishuplus.com」の丸くトリミングしたスゴクいいなと思いました。もっと見たい方は以下からどうぞ。

Circles in Modern Web Design

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    WEBサイト心理学|アフォーダンス理論

    アフォーダンスとは、もともと知覚用語だったものをドナルド・ノーマンがイ…

  2. WEBディレクターズマニュアル

    WEBディレクターの為のEXCEL術(2)課題管理表

    実は普段仕事をしている中で、口頭でお願いした作業は100%忘れられると…

  3. WEB制作関連

    色とWEBデザイン -ピンク編-

    色別WEBデザインのまとめです。今回のテーマは「ピンク」です。…

  4. WEB制作関連

    気持ちもあがる!デザインの美しいEコマースサイト25個

    ネットで買い物というと商品を決めたら一番安いお店を探して・・・というの…

  5. WEB制作関連

    必ず入れておきたいポピュラーなフリーフォント30選

    どこかで見たことのあるあのフォントを含め、何かと重宝しそうなフリーフォ…

  6. WEB制作関連

    やっぱりオシャレなフォトグラファーのWEBサイト20個

    写真家たちのWEBサイトのまとめです。写真を大きく使ったものが多いです…

  1. WEB制作関連

    自然をモチーフにした24のフルFlashサイト
  2. WEB制作関連

    WEBページを丸裸にしてしまう「The Sexy Curls jQuery」
  3. Design Items

    究極のユーザビリティを実現したスイッチ
  4. WEB制作関連

    タイポグラフィを生かしたWEBデザイン20個
  5. LifeHack・仕事術

    Gmailにのりかえ! 準備編
PAGE TOP
Top