DotsDomino

無料で使うハイクオリティ

  • Full Screen
  • Wide Screen
  • Narrow Screen
  • Increase font size
  • Default font size
  • Decrease font size

25のベストデザイン、海外のオールドペーパーを使ったWebサイト

25のベストデザイン、海外のオールドペーパーを使ったWebサイト段ボールや厚紙、メモ紙、古代紙など、使い古しや年代物のオールドペーパーを使ったベストデザインとして、クールなデザインをしている25の海外サイトを集めた記事 25+ Best Old Paper Inspired Web Designs を紹介します。

多くはプロ級の腕で作られたサイトばかりです。
使い古しの段ボールや厚紙、ちぎれたメモ紙や古代紙のテクスチャなどをページの背景やナビゲーションバー、コンテンツエリアにも使った、パーソナルなオフタイムを表現したWebデザインです。

■■■

▼ イメージをクリックすると紹介サイトに接続します。
ペーパーテクスチャを使うWebデザインの例(1)1. WebデザインとSEOが業務の個人サイトです。
背景には微妙なトーンでパターンを入れ、下位ページにある写真はそのエッジが段ボールとデザインを合わせたものだったり、丁寧な凝った作りをしています。

ペーパーテクスチャを使うWebデザインの例(2)2. デザインポートフォリオのサイト。
仕事でクリーンなビジネスページに接していると、このようなパーソナルなデザインに和みを感じるのではないでしょうか。白いカードには細かい砂目のパターンが入れられています。

ペーパーテクスチャを使うWebデザインの例(3)3. デザイン情報やデザインエレメントを提供してくれるデザイナーのサイトです。
タイトル部分はグランジ素材を軽快に使い。コンテンツ部分では、ペーパーを使ったときの質感で全体をまとめています。

ペーパーテクスチャを使うWebデザインの例(4)4. このサイトはWordpressとデザインを扱っていて、そのためか、ペーパーに関係すアイテムが配置されています。同種のデザインに、フローラルが使われているサイトはよく目にします。

ペーパーテクスチャを使うWebデザインの例(5)5. Gray Nock というシンガーソングライターのサイト。だからグレイカラー?
引き抜いたスプリングノートを使うデザインは多いのですが、グレーとグリーンのカラーでまとめたデザインが特徴です。

ペーパーテクスチャを使うWebデザインの例(6)6. 重ねて貼り付けられている写真やメモが窮屈そうに見えますが、事務所の掲示板や手持ちのクリップボードは、こんな感じで所狭しとばかりに重なってしまうもの。アクティブな印象がありますよね。

ペーパーテクスチャを使うWebデザインの例(7)7. Twitterの配信サイト
デザインは、真っ白いペーパーの上部に草や木を植えて背景と一体感をつくっています。また、右肩にある「折れ曲がり」が、貼り付けられたもの「紙」であることを暗示しています。

ペーパーテクスチャを使うWebデザインの例(8)8. 農家とその地元のシェフをペアリングするサイトのようです。使われているブックフォントが伝統を感じさせ、オールドペーパーの古代紙は老練な農家に出逢えそうな雰囲気をつくっていて、地域の生活を豊かにしてくれそうなデザインです。

この他に、ノスタルジックなアンティークデザインの Targetscope 、ジャマイカ風チリソースのオンライン販売 Pain is Good 、古代紙のロールを使ったデザインなど、ベストデザインとして25以上が紹介先のページに掲載されています。

参考サイト:
25+ Best Old Paper Inspired Web Designs
どのサイトもカジュアルに仕立てられ、個性を大切したオンリーワンのパーソナルデザインですね。ペーパーテクスチャをWebデザインに取り入れるときの参考にしてください。

Tags: オフタイムグリーングレーブラウンメモ紙ユーズド厚紙古代紙(オールド)段ボール汚れ紙ペーパー