サムネイル画像のいろいろなデザインスタイル

デザイナーのためのサムネイル画像のいろいろなデザインスタイルをTutorialFeedから紹介します。

サンプルのキャプチャ

12 Excellent Thumb Image Styles for Web Designers

サムネイル画像のデザインスタイルは、左上から順に下記のようになっています。

  1. Wide Border
    白で縁取りをし、ボーダーを使用。
  2. Sleek Border
    細いボーダーを使用。
  3. Sleek Border with Drop Shadow
    Sleek Borderにドロップシャドウを使用。
  4. Behind Drop Shadow
    画像が立っているようにドロップシャドウを使用。
  5. Flip Shadow
    画像がめくれているようにシャドウを使用。
  6. Bottom Corner Cut
    画像のコーナーをカットして使用。
  7. Wide Rounded Border
    広くて丸みがあるボーダーを使用。
  8. Top Flip Shadow
    画像の上がめくれているようにシャドウを使用。
  9. Classic Rounded Corner
    クラシックな角丸を使用。
  10. Dotted Border
    ボーダーをドットで使用。
  11. Classic Drop Shadow
    ドロップシャドウを一昔前のスタイルで使用。
  12. Transparent Shadow
    半透明のシャドウを使用。

上記のキャプチャでは分かりにくいと思いますが、サイトではレイヤーが保持されたPSDファイルをダウンロードしてじっくり見ることもできます。

sponsors

top of page

©2018 coliss