ウェブデザインに取り入れたい、美しい幾何学的なアイテムの効果的な使い方

ウェブデザインにおいて、幾何学的なアイテムは重要なエレメントの一つです。
円、正方形、長方形、三角などを美しく効果的に使用したウェブサイトを紹介します。

サイトのキャプチャ

25 Examples of Geometrical Shape Usage in Web Design

[ad#ad-2]

元記事で紹介されている中から、いくつか下記に紹介します。

Circles: 円

サイトのキャプチャ

Full Stop
円を使った特徴的な大きいロゴはユーザーの記憶に残るでしょう。

サイトのキャプチャ

The Material Group
前景や背景やボタン、ページのいたるところに美しい円を使ったエレメントが配置されています。

Squares: 正方形

サイトのキャプチャ

Fudge
正方形を二つ使用し、コンテンツを切り替えて表示しています。

サイトのキャプチャ

Francesco Bertelli
正方形を積み上げた美しいデザインです。ホバー時のエフェクトも更に美しいです。

[ad#ad-2]

Rectangles: 長方形

サイトのキャプチャ

Bärnt & Ärnst
美しい配色が施された長方形がウェブサイトをナビゲートします。

サイトのキャプチャ

Collision
コンテンツを組織化するために、異なるサイズの長方形を利用しています。

Mixed Shapes: ミックス

サイトのキャプチャ

Stephen Vernon Clarke
三角形、半円、円、長方形など使用してクリーンなレイアウトを作りだしています。

サイトのキャプチャ

re:play
円を使ったロゴ、メインコンテンツを配置した二つの長方形、それをナビゲートする円のボタンが美しいデザインを作りだしています。

sponsors

top of page

©2018 coliss