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制作関連

    使いづらい(!?)けどフリーで高品質なアイコン素材60個

    「汎用性がない。」「何に使うの?」というものもありますが、ピッタリはま…

  2. WEB制作関連

    色とWEBデザイン -茶色編-

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

  3. WEB制作関連

    WEBサイト心理学|視線解析

    「ウソを付く時に人は右の方を見てしまう。」というのを聞いたことはありま…

  4. WEB制作関連

    インストールされたフォントを一覧できる「wordmark.it」

    自分のPCにインストールされているフォントをブラウザ上で一覧できるWE…

  5. WEB制作関連

    MovableType5インストールしました。チカッパ編

    前回MT4からのアップデートを試みたが見事に失敗したので再チャレンジ。…

  6. WEB制作関連

    WEB制作者なら必ず知っておきたいWEBツール21選

    便利なジェネレータやチェックツールなどWEBサイトを制作する際に重宝す…

  1. LifeHack・仕事術

    Gmailにのりかえ! 準備編
  2. LifeHack・仕事術

    情報の波にのまれずに整理する方法
  3. WEB制作関連

    HTML5を学ぶなら必ず見ておきたいWEBサイト35選
  4. WEBディレクターズマニュアル

    WEBディレクターの為のEXCEL術(3)作業が捗る小技10選
  5. WEB制作関連

    jQuery+CSSで実現する効果的な演出20選
PAGE TOP
Top