「素材」カテゴリーアーカイブ

なにかと必要になるのが素材ですよね。写真、背景、アイコンなどの素材系サイトをここでは紹介します。

フォント

センス弾ける、いつか絶対使える・ネタになるハイクオリティフォント素材集

フォントはあればあるだけよろしいです。

いざというときに微妙なニュアンスの違いでフォントを取っかえ引っかえした経験はりませんか？　ハイクオリティなフォントを揃えておいて、引き出しを増やしておきましょう。


Mekon Gradient – Free Font on Behance

 


Sketchetik (FREE) on Behance

 


Cubic™ on Behance

 


Oh! Mai Mai! – Free Download on Behance

 


Paranoid / a free font project on Behance

 


Sunday Morning Garage Sale by Lydia-distracted on deviantART

 


Neu Eichmass Font on Behance

 


pandaman font by weknow by weknow on deviantART

 


Kaboom pseudo-font on Behance

 


QUB font on Behance

 


le Grand Saut by Jellyka on deviantART

 


Two Turtle Doves Font | dafont.com

 


*Barata Display*

 


Some Weatz font by Måns Grebäck – FontSpace

 


Paper Johnny (free font) on Behance

 


Spider Type – Free Font on Behance

 


Font Foundry iAi-jp

 


フリーフォント『ようじょふぉんと』を公開しました。

UI

プリロード・ローディング中に表示する画像素材まとめ

プリロード・ローディングの画像は探し始めると中々見つかりませんね。新しいwebサイトやツールを作るときにちょいちょい要り用なんですけれども。

というわけでまとめて紹介しますよ。

探してみると色々な物があるのですね。どれを使うか迷います。

画像素材

Flat Preloaders


Flat Preloaders

フラットデザインでくるくる回ってとてもカワイイです。色も明るくも落ち着いていて使いやすいですね。

プリロード用の画像としてこういうのがあるとサイトがとても楽しげな印象になると思います。

Ajax loading animated gif


Ajax loading animated gif | SanBaldo – blog personale sulla tecnologia e sugli acquisti online

gif画像で扱いやすく、良く見る形のプリロードという印象ですね。

AJAX Activity indicators


AJAX Activity indicators | Animated GIFs designed to indicate your site is doing something

色々あります！　カラフルな印象ですね。趣向を凝らしたサイトにピッタリなプリロードです。

ジェネレーター

Ajax loading gif generator


Ajaxload – Ajax loading gif generator

典型的なものを作る事が出来ます。色や形を好みに出来るのは嬉しいです。

AJAX loading GIF and APNG spinners


Preloaders.net – AJAX loading GIF and APNG spinners, bars and 3D animations generator

旗の3Dアイコンも作る事が出来ますよ。色々あるものですね。

Loader Generator


Loader Generator – Ajax loader

シンプルだけれどちょっと変わった物もあります。

アイコン

色々な画像形式でフラットデザインなアイコンが大量にダウンロードできる「flaticon」

Free vector icons | SVG, PSD, PNG & Icon Font | Thousands of Free Icons

四万件もの画像素材を大量に収集していて、とても便利だ。

ビールで検索しただけでこれだけ大量のフラットデザインなアイコンにヒットする。

欲しいアイコンはクリックしていくと、右上の「download icons」にたまっていく。

あとは欲しい画像形式で取得するだけだ。

フォント

大量のフォントが収集されるアーカイブ「fonts 2u」

大量のフォントが収集されている。ライセンスがわかりやすく、その場でどういうフォントか確認する事ができるので大変便利だ。

日本語にも対応しており、現在進行形でどんどん数が増えている。

フォントのテストもその場で出来る。とりあえずフォントが入り要の場合はここで検索してみると良いだろう。

htmlテンプレート

レスポンシブデザインのhtmlテンプレートの個人的厳選四つ

新しくサイトを立ち上げるときに一番大事だったりするサイトデザイン。その負担を軽減してくれるテンプレートは知っておくに越したことはありません。

ただ、個人的にビビッとくる物に出会える事は少ないため、厳選に厳選を重ねた俺まとめを残して置きます。

いつかこれを使ってサイト作るんだ・・・。

VINTAGE TEMPLATE


Demo Free Html5 and Css3 Templates | Html5xcss3.com

レトロな雰囲気がとてもオシャレ。落ち着きながらもとんがった雰囲気がとても良いですね。

ENGINERY


Demo Free Html5 and Css3 Templates | Html5xcss3.com

黄色が印象的なだけではなく、それぞれの要素がウインドウサイズに合わせてシームレスに変化します。メニューもまとまるわけではなく、そのままなところも良いですね。文字の後ろに文字が来たりして、細かな所にオシャレさを感じます。

SIMPLEX


SIMPLEX | Free Responsive Template by Dzyngiri

シンプルなデザインで横幅一杯に要素が並ぶのがとても壮観ですね。レスポンシブもとてもシンプルで印象があまり変わらないのが良いです。

prologue


Prologue | HTML5 UP

右側に固定されたメニューがとても大きく見やすいです。スマフォでの閲覧時にもメニューがにゅっと出るアクションでとてもかわいらしいです。

アイコン

上質なweb素材とソーシャルアイコン類を大量に配布する「Arabiki」

Arabiki

個人・商用利用ＯＫ、加工ＯＫ、条件付きの再配布許可までされている上質なweb素材を配布されています。

全体的にシックで落ち着いた雰囲気の物が多く、高級感のあるサイトを作る事ができそうです。

ソーシャルアイコン素材は日本のサービスもフォローしているのがとても嬉しいです。

サイズも大きくて高画質です。利用する大きさに合わせてリサイズすることも加工ＯＫなため気兼ねなくできますね。

画像

プロの描く背景がフリーで利用できる「Manga-Website 漫画街 マンガ工房」

完全無料WEBマンガサイト［漫画街］オリジナルマンガ続々配信中!!

::::::Manga-Website 漫画街::::::にて配布されております。

かなり緻密に描写されている風景は「自作の漫画作成」に限られていますがフリーで利用する事ができます。汎用性も高く、この背景素材だけで漫画一本補えそうです。