Webデザイン参考記事まとめ アプデ(UPDE) - Webデザイナー／クリエイター向けの最新情報まとめアンテナ。

閉じる

2016年01月29日(金)

【WEBデザイン10選】丸を効果的に使ったデザインのサイトまとめ

WEBデザインの基本構造は、画像やテキストなどの、四角のボックスを組み合わせたもの。最近、多くのサイトで取り入れられているレスポンシブWEBデザインも作りとしては同じで、それぞれのボックスを可変にし、組み合わせ方を変化させることによって、デバイスごとにページを見やすく表示するというしくみになっています。

というわけで、WEBデザインでは四角をベースにしたものが圧倒的に多いのですが、そんな中で、見た目に変化をつけたり雰囲気を柔らかく変えたりしたい…という時に、「丸」を効果的に使うという方法があります。今回は、丸をうまく活かしたサイトを使われ方ごとに分けてご紹介していきます。

画像を丸くトリミングしたデザイン

画像のトリミングも、長方形や正方形などの四角形が一般的。一味変えて丸でトリミングすることによって、動きを出したり優しい印象を与えたりすることができます。

街ピタ（ピタットハウス）

01

author:

インバウンドブログ

http://www.m-hand.info/blog/

株式会社エムハンドが運営するオウンドメディア。Web制作の第一線で活躍されているスタッフの方々による豊富な記事を読むことが出来ます。特にマーケティング関連の記事はオススメです。

今日のwebデザイン記事ランキングを見る

関連記事

Ads

株式会社エムハンドが運営するオウンドメディア。Web制作の第一線で活躍されているスタッフの方々による豊富な記事を読むことが出来ます。特にマーケティング関連の記事はオススメです。インバウンドブログの記事『【WEBデザイン10選】丸を効果的に使ったデザインのサイトまとめ』についてまとめています。

この記事は特にレスポンシブ・アニメーション・写真・WordPress・イラスト・ロゴ・Mac・動画・LP・アプリについて書かれており、 Webデザインのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のインバウンドブログで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとインバウンドブログの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。

Ads

最近の人気記事

人気のタグ