TOP  >  Loading Spinner

Tag : Loading Spinner

2018年04月03日

待ち時間のストレスが軽減するローディングスニペット 「 10 Free CSS Loading Spinner Snippets For Web Designers & Developers」

Webサイト閲覧bの際にデータ読み込みに時間がかかる場合、ローディング画面をよく見かけますね。ユーザーにとって待たされるというのは非常にストレスのたまる時間です。そんな中今回紹介するのは、待ち時間のストレスが軽減するローディングスニペット
「 10 Free CSS Loading Spinner Snippets For Web Designers & Developers」です。

LoadingSpinner01

ベーシックなアイテムから、ずっと見ていたくなるようなものまで、いくつか気になったものをピックアップしましたので以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2009年08月04日

カートに追加するボタンデザインを集めたデザイン集「“Add to Cart” Button Showcase」

ECサイトには欠かせないボタン「カートに入れる」。国内でも海外でもインターフェイスとして必須の項目です。今日紹介するのはカートに追加するボタンデザインを集めたデザイン集「“Add to Cart” Button Showcase」です。

addcart01

様々なジャンルのECサイトのカートに入れるボタンのデザインを集めています。いくつか紹介されていますが、今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:22  |  
Category: WebDesign   
tag: webdesign
2008年01月10日

コアな部分のUIデザインを集めたFlickrコレクション「 Design Patterns」

先日「役割別にUIデザインを集めたFlickrコレクション「Design Solutions」」と言う記事でユーザ−インターフィスに特化したFlickrコレクションを紹介しましたが、今回紹介する「 Design Patterns」も同じくユーザ−インターフェイスに特化したコレクションになっています。

UIデザイン

基本的には「Design Solutions」と同じく404、Navigationなど役割毎にセットが構築されています。

詳しくは以下

(さらに…)

続きを読む
posted 08:03  |  
Category: WebDesign   
tag: 
2015年05月23日

クリエイティブなデザイン性があるフリーフォントまとめ「Fresh Free Fonts for Designers」

フォントでデザインのイメージが変わってしまうほど、選定は非常に重要なもの。よりクオリティの高いものに仕上げるために、いろんな種類を探しまわることも多いのではないでしょうか?そんな時に参考にしたい、クリエイティブなデザイン性があるフリーフォントまとめ「Fresh Free Fonts for Designers」を今回は紹介したいと思います。

font0522_2
Generica Font | dafont.com

どのデザインも、ハイセンスで洗練されたデザインが魅力のフォントばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2008年10月04日

商用可!立体感のあるクオリティの高いフリーアイコンセット「DelliPack1.0&2.0」

今まで「システムアイコンからアプリアイコンまで170のアイコンを収録したアイコンセット「170 dock icons」」や「可愛らしいフリーアイコンセット集「26 Free Icon Sets We Love」」などと様々なアイコンセットを紹介してきましたが、今日紹介する「DelliPack 1.0&2.0」は立体感があり、クオリティの高いフリーアイコンセットです。

パレット、金庫、建物、黒板からなどの少し特徴的な物から、人物、更新アイコンなど標準的なものまで、バリエーション豊かなアイコンが収録されています。

詳しくは以下


DelliPack 1.0
 
 

DelliPack 2.0
 
 
二つのファイルともにzipファイルで配布されていて、ファイル形式はPNGでサイズは256, 128, 64, 48, 32 and 16 pixelsの6種類が用意されています。またDelliPack 1.0の方は「Smashing Magazine」でPSDファイルも公開されていますのでアイコン制作の勉強用にも良さそうです。

自由にダウンロードでき、アイコンは再配布、販売を除いて、商用、非商用問わずどんな規制も受ける事無く、自由に利用する事が出来ます。

Dellustrations | Creative Studios, Web Design, Graphic Design, Marketing Firm in Boston Massachusetts

続きを読む
posted 07:46  |  
Category: Design   
2013年01月17日

デザイン性の高いWEBサイトデザインテンプレートまとめ「30 Fresh PSD Website Templates for Free Download」

誰もが手軽にWEBサイトを持つことができるようになっていますが、見やすさとユーザービリティに配慮したサイトを制作するのはなかなか難しいもの。そんな中今回紹介するのが、デザイン性の高いWEBサイトデザインテンプレートをまとめた「30 Fresh PSD Website Templates for Free Download」です。


Free Website PSD – Blanq

Photoshopで制作されたWEBサイトデザインのテンプレートが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:50  |  
Category: WebDesign   
2015年02月05日

SEO・オンラインマーケティング表現に活用できるアイコンセット「Free SEO Vector Icons」

フリーで使用できるアイコンには非常にさまざまな種類が存在しており、いろいろなタイプを選択できるようになっています。そんな中今回紹介するのは、SEO・オンラインマーケティング表現に活用できるアイコンセット「Free SEO Vector Icons」です。

seo130_1

130種のSEOイメージアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年05月19日

クオリティが高く使いやすい フリーベクターパック素材まとめ「25 Beautiful and Useful Free Vector pack Resources」

デザイン制作現場では、イラストなどのベクター素材を利用すると作業効率も上がり便利だと思います。そこで今回紹介するのは、クオリティの高いフリーベクターパックをまとめた「25 Beautiful and Useful Free Vector pack Resources」です。


Free Vector Leaf Labels | QVectors Free Vector Graphics

CGのようなリアルな作品から、可愛らしさを感じるイラスト素材まで、さまざまなベクター素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:27  |  
Category: Design , vector   
2013年11月03日

レトロ・ヴィンテージなPhotoshopブラシ「350+ Retro and Vintage Photoshop Brushes」

年代を感じるヴィンテージなプロダクトや、レトロなデザインは魅力的ですが、それらを表現・再現するのはなかなか難しいものです。今回は製作時間を短縮に役立つヴィンテージやレトロさを表現したイラスト・シンボルをまとめたPhotoshopブラシ集「350+ Retro and Vintage Photoshop Brushes」を紹介したいと思います。

350ravpb_0
1940 Cosmopolitan Brushes – Free Photoshop Brushes at Brusheezy!

一括りにヴィンテージ・レトロと言っても種類は様々。年代による違いやデザインタッチによる違もあり幅広くまとめられています。中でも気になったものをピックアップしましたので下記よりご覧ください。

Retr0 Brushes by vwake on deviantART
レトロアメリカンなブラシ。コミカルな雰囲気で可愛いデザインに仕上げることができます。

350ravpb_1
 
 
 
 
 
Victorian Lady – People Photoshop Brushes | BrushLovers.com
ヴィンテージなヨーロッパテイストのブラシ。上品なデザインによく映えそうですね。

350ravpb_2
 
 
 
 
 
Vintage hands – Free Photoshop Brushes at Brusheezy!
手をモチーフにしたブラシ。デザインのポイントポイントに、注視させたい時に効果的です。

350ravpb_3
 

ヴィンテージ・レトロな雰囲気のデザインを作るとき、全体のテイストをその時代にどれだけ合わせられるかが求められますが、これらのブラシを活用すれば簡単にクオリティーを上げることができそうです。この他にも多数のブラシがまとめられていましたので、気になる方は是非原文もご覧ください。

350+ Retro and Vintage Photoshop Brushes – DesignM.ag

続きを読む
posted 09:00  |  
Category: Design , Photoshop   
2009年08月09日

ナビゲーションメニューのPSD素材「PSD website navigation menus set」

WEBを構成する要素で重要な要素の一つ、ナビゲーション。ユーザーが実際操作する所だけあってそのサイトの印象を決めると言っても過言ではない部分です。今日紹介するのはそんなシンプルなナビゲーションの素材をセットにしたPSD素材集「PSD website navigation menus set」を紹介したいと思います。

website-navigation-menu

基本的には同じ構成、配置になっていますが、ナビゲーションバーの中のイメージが微妙に変わっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:35  |  
Category: Design , Photoshop , WebDesign   
2015年11月25日

Photoshop形式のフリーpsd素材を集めた「Free PSD Files: Download 25 UI Design Photoshop PSD Resources」

制作時に非常に便利なソフトの一つとなっているPhotoshop。いろいろな加工や表現が可能で、時にはその表現の幅に驚かされることもあるのではないでしょうか?そんな中今回紹介するのは、Photoshop形式のフリーpsd素材を集めた「Free PSD Files: Download 25 UI Design Photoshop PSD Resources」です。

ui1125_0
Bifold Flyer Mockup | Vectogravic

いろいろなタイプのpsd形式の素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:04  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る