閉じる
デザイン素材
  • 2011.05.17 (Tue)

web制作に利用出来るプログレス/ローディングバー PSD素材まとめ

コンテンツの読み込み状況、タスクやダウンロードの進捗状況など、視覚的に分かりやすく表示させる為に必要なプログレスバーはUIを考える上でも必要不可欠です。

一瞬の表示時間であっても、こだわりたい細部(パーツ)なので、プログレスバーのPSD素材を集めて見ました。

Pretty Little Progress Bar (PSD)

緑の角丸ストライプ

http://www.premiumpixels.com/freebies/pretty-little-progress-bar-psd/

Progress Loading Indicators

淡く発光した青と緑の回転プログレスバー

http://365psd.com/day/2-125/

Circular Progress Bars (PSD)

ピンクがかわいい印象的な回転プログレスバー

http://www.premiumpixels.com/freebies/circular-progress-bars-psd/

Mac OSX 10.8 Elements

macのUIをイメージしたデザイン。プログレスバー以外もセットになってます

http://365psd.com/day/2-132/

Progress Bar

色の違いでダウンロード完了までの進捗状況をデザインした、薄いストライプが入った水平プログレスバー

http://365psd.com/day/2-117/

色んなタイプのプログレスバー

http://365psd.com/day/157/

LOADINGFREESTUFF…

モノトーンのストライプ柄の水平プログレスバー

http://365psd.com/day/143/

Clean Progress Bar

進捗の目安が分りやすいようにラインが入った水平プログレスバー

http://365psd.com/day/106/

Status Bar

ダウンロード完了までの進捗状況をデザインした、優しい色合いの水平プログレスバー

http://365psd.com/day/83/

Upload to Cloud

ポップなイメージのサイトに利用したい水平プログレスバー

http://365psd.com/day/2-50/

Stylish progress bar

王道だけど最新でスタイリッシュなイメージの水平プログレスバー

http://pixelsdaily.com/resources/photoshop/psds/stylish-progress-bar/

[PSD] Dark UI Element Set

ダークテーマで紫の光沢のある水平プログレスバー。その他ボタンセット

http://pixelsdaily.com/resources/photoshop/psds/psd-dark-ui-element-set/

[PSD] Fancy slider + toggles

クロムで硬いデザインの水平プログレスバー

http://pixelsdaily.com/resources/photoshop/psds/psd-fancy-slider-toggles/

[PSD] Detailed progress bar

緑のシンプルな水平プログレスバー

http://pixelsdaily.com/resources/photoshop/psds/psd-detailed-progress-bar/

[PSD] Glowing loading bar

幻想的なデザインの水平プログレスバー

http://pixelsdaily.com/resources/photoshop/psds/psd-glowing-loading-bar/

Progress Bars pack

ダウンロード完了までの進捗状況をデザインした3パターンセット

http://plakkert.deviantart.com/art/Progress-Bars-pack-165622392?q=boost%3Apopular%20progress&qo=261

Progress bar psd

水の中で泡が湧き出しているようなイメージの回転と水平のプログレスバーセット

http://grafilabs.deviantart.com/art/Progress-bar-psd-178400808?q=boost%3Apopular%20progress&qo=421

Progress bars

メディアプレーヤーのデザインに利用できそうなシンプルなプログレスバー

http://hombre-cz.deviantart.com/art/Progress-bars-206458723?q=boost%3Apopular%20progress&qo=473

Loading PSD

機械的でカメラレンズのような回転プログレスバー

http://souhail88.deviantart.com/art/Loading-PSD-90467295?q=boost%3Apopular%20Loading&qo=34

Progress Bar

進捗メーターのアイコンがかわいいシンプルな水平プログレスバー

http://designmoo.com/4272/progress-bar-2/

Progress Bar

モノトーンの水平プログレスバー

http://designmoo.com/6340/progress-bar/