TOP  >  free

Tag : free

2017年12月28日

2017年のベストをまとめた ハイクオリティなおすすめフリー素材まとめ「Best Freebies of 2017」

2017年も終わりに近づき仕事が一段落し、年内の業務などを整理されている方も多いかと思います。そんなタイミングだからこそチェックしておきたい、2017年を振り返ってまとめられた、ハイクオリティなフリー素材まとめ「Best Freebies of 2017」を今回は紹介します。

best-freebies-of-2017_1
Miller Salt Font DUO — download free fonts by PixelBuddha

2017年のベストの名にふさわしいハイクオリティなフリー素材が、フォントからモックアップまで幅広くまとめられています。その中でも気になった素材を幾つかピックアップしてご紹介しますので、ご覧ください。

詳しくは以下
(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年12月27日

簡単ハイクオリティ!ポートフォリオサイトなどに使えるフリーのウェブサイトテンプレート「25 Free HTML Website Templates For Zero-Cost Websites」

写真やデザインなど、作品や仕事をオンラインで紹介する上で欠かせないのが、ポートフォリオサイト。今回ご紹介するのは、そんなポートフォリオサイト作りを手助けしてくれるフリーのウェブサイトテンプレート「25 Free HTML Website Templates For Zero-Cost Websites」です。

25-free-html-website-templates
Apollo: One page HTML template for photographers – Freebiesbug

使いやすくクオリティの高いフリーのウェブサイトテンプレートが25種類まとめられています。中でも気になったテンプレートを幾つかピックアップしてみましたのでご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年12月26日

懐かしい雰囲気が漂うアメリカンヴィンテージフォント20選「20 Free Retro and Vintage Fonts to Use in 2018」

街中で見かけるポスターや広告、そこには様々なフォントが使用されていますが、今回は、どこか懐かしいアメリカンヴィンテージフォント20選「20 Free Retro and Vintage Fonts to Use in 2018」を紹介したいと思います。

Retro_Vintage_Fonts01
Paralines – Free Font on Behance

デザインにアクセントをプラスしてくれるレトロな雰囲気漂うフォントです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Font   
このエントリーをはてなブックマークに追加
2017年12月24日

Webデザインに役立つ!使えるハイクオリティなフリーアイコンまとめ「30 Free Icons Sets to Use on Websites and Apps」

情報を分かりやすく視覚化してくれるアイコンは、ウェブデザインやアプリのUIなど、デザインをするにあたって欠かせない存在となっています。今回ご紹介するのは、そんなデザインに欠かせないアイコンのフリー素材をまとめた「30 Free Icons Sets to Use on Websites and Apps」です。

30-free-icons-sets1
30 Free Icons Sets to Use on Websites and Apps

使えるハイクオリティな多種多様なアイコンが30セットも紹介されています。その中から、気になったアイコンを幾つかピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: vector   
このエントリーをはてなブックマークに追加
2017年12月23日

100種類の豊富なフリーフォントまとめ「100 Greatest Free Fonts for 2018」

冬はクリスマスやお正月、バレンタインデーといったイベントの多くなる季節です。イベントに合わせてWebサイトやポスター、グリーティングカードなどを作る機会も増えると思います。そんな時に活躍してくれる、100種類の豊富なフリーフォントまとめ「100 Greatest Free Fonts for 2018」を今回は紹介します。

freefonts2018_01
Lemon Tuesday Font | dafont.com

それぞれ違ったテイストのフォントが集約された便利なサイトです。中でも気になったものをいくつかピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:37  |  
Category: Font   
このエントリーをはてなブックマークに追加
2017年12月11日

ブランデイングに最適!ロゴデザインのイメージを高めてくれるハイクオリティなモックアップ「40 Free Label Mockups (PSD & Vector)」

Webやテクスチャーなど、制作したデザインをよりよく見せてくれるモックアップ。それだけでなく、クライアントにより実物をイメージしてもらいやすくなります。今回ご紹介するのはそんなデザインを支えてくれるハイクオリティなモックアップ「40 Free Label Mockups (PSD & Vector)」です。

40-free-label-mockups1
Psd Label Brand Mockup Vol3 | Psd Mock Up Templates | Pixeden

アパレルや食品などのロゴデザインのイメージの手助けになる、ラベルのモックアップが全部で40種類揃っています。さらにその中から気に入ったモックアップを幾つかピックアップしました。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加

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

2009年07月23日

背景パターンを選択してダウンロードできるWEBサービス「PatternWall.com」

WEB制作を行なうにあたりそのサイトの雰囲気を大きく左右するのが背景。色だったりパターンだったりテクスチャだったり様々な背景がサイトのテイストに併せて展開されていますが、今日紹介する「PatternWall.com」はそんな背景パターンをダウンロードできるWEBサイトです。

picture01

上記のようにグリッドに背景が引き詰められており、選択する事で、全面がその徘徊に切り替わります。さらにDownloadのボタンをクリックする事で、表示されている背景がjpgでダウンロードで切ると言うものになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:39  |  
Category: Font , WebDesign   
tag: webdesign
2010年04月15日

様々なUIのギャラリーが簡単に実装できるギャラリーフレーム「jbgallery 2.0 BETA」

WEBで写真をみせるというのは個人的なWEBから商業用のWEBまで幅広く目的としてありますが、今回紹介するのは様々なユーザーインターフェースのギャラリーが簡単に設置できるフレームワーク「jbgallery 2.0 BETA」です。

jqgellery01

こちらは jQueryを利用して制作されており、単純な静的なものではなく、フェードインアウト、ローディングバーなどなど様々処理が制御できるようになっています。いくつかユーザーインターフェイスがオプションとして予め設定されていますのでいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:13  |  
Category: WebDesign   
2008年09月09日

「新ゴ+Helvetica」などの合成フォントの作り方

普段illustratorで作業することが多いのですが、今まで恥ずかしながら、合成フォントという機能を知りませんでした。今日は「クリエイティブ・タブロイド withD」で紹介されていた合成フォントの機能について簡単に紹介したいと思います。

合成フォントとは漢字/かな/全角約物/全角記号/半角欧文/半角数字のそれぞれに、好みのフォントを指定し、セットとして扱える機能で、例えばこの機能を使えば、英文はHelvetica、その他は新ゴでと言ったことがフォントをいちいち変えることなく文字を入力できます。数字や欧文などを日本語書体で使うとイマイチだったりするので、数字は欧文フォントに変えていたりすることがあるのでこれは便利な機能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:00  |  
Category: Design   
2015年05月04日

モバイルでも使いやすさを実現できる 10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」

写真が若干小さめに配置されていても、クリックなどのアクションを起こすことで大きく表示させることができるライトボックスは、webの世界では非常に重宝されている存在。今回はそんなプラグインの中でも、モバイルでも使いやすさを実現できる、10種のレスポンシブライトボックス「10 Must have Lightbox Libraries For Mobile Responsiveness」を紹介したいと思います。

lightbox3
Featherlight – The ultra slim jQuery lightbox.

シンプルな動きで使いやすさがありながらも、それぞれに個性をもったプラグインが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:52  |  
Category: Design   
2014年12月12日

洗練されたデザインが揃ったフリーwordpressテーマ集「Free WordPress Themes for December 2014」

wordpressを使って構築されているサイトは非常に多く、フリーのテーマを使用することでより手軽にクオリティの高いデザインに仕上げることができます。そんな中今回紹介するのは、洗練されたデザインが揃ったフリーwordpressテーマ集「Free WordPress Themes for December 2014」です。

wordpress1212_3
Life Is Good WordPress Theme – Daniel-Klose.com

最新のフリーwordpressテーマが数多くまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:28  |  
Category: WordPress   
2017年07月10日

CSS3で創るボタンコレクション「10 Awesome CSS Button Libraries & Collections」

Web上においてボタンは欠かせないもの。何か物を購入する際や、メールを送る際には必ずクリックするものだからこそ、分かりやすく、デザイン性の高いものにしていきたい。そういったシーンでも活躍してくれるボタンコレクション「10 Awesome CSS Button Libraries & Collections」をご紹介していきたいと思います。

css-button-libraries-top
Bttn.css – Demo

コーディング上でデザインの可変が可能なCSSで作成されたボタンをまとめたものになります。下記にいくつかピックアップしてありますので、ご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2010年08月30日

タイポグラフィを使ったグラフィック作品集「50 most brilliant typography designs for inspiration」

さまざまなデザインシーンで使用されるタイポグラフィ。種類はもちろん、表現の仕方にもいろいろな方法がありますが、今回紹介するのはクリエイティブなインスピレーションを与えてくえれるタイポグラフィグラフィック集「50 most brilliant typography designs for inspiration」です。


Children of the idiom on the Behance Network

個性溢れる表現のタイポグラフィを使ったグラフィック作品が多数紹介されています。その中でもいくつか気になったものを紹介いたします。

(続きを読む…)

続きを読む
2011年01月16日

豊富なバリエーションが魅力「100+ Beautiful Apple (Mac OS X Leopard) Wallpapers」

Appleの「Mac OS X Leopard」を使用されている方には特におすすめのサイト、「100+ Beautiful Apple (Mac OS X Leopard) Wallpapers」を今回は紹介したいと思います。


Apple Metal by ~Fi2-Shift on deviantART

Mac OS X Leopardのデスクトップ壁紙集で、おなじみのリンゴのモチーフをテーマに、アーティスティックな作品が数多く紹介されています。気になったものをいくつかピックアップしてみました。以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:12  |  
Category: Design   
2009年07月10日

jQueryを使ってロールオーバーのエフェクトを操る「Blend, a jQuery plugin」

バナーだったりボタンだった、ロールオーバーエフェクトはWEBの中でいたるところに用いられていて、その手法や実現方法も様々だと思いますが、今日紹介する「Blend, a jQuery plugin」はCSSの背景処理をコントロールできるプラグインです。

jqueryblend01

ナビゲーションを例にして実例が示されていて、ゆっくりと浮き出てきたり、点滅させたり、逆にだんだん解けしていくと言ったような事が設定可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:48  |  
Category: WebDesign   
2015年10月19日

制作方法の参考に 最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」

イラストレーターなどのデザインソフトを使うことで、さまざまなグラフィック表現が可能となりますが、頭で思い描いているデザインをどうやったら作り出せるかわからない時もあるのではないでしょうか?今回はそんなシーンで参考にしたい、最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」を紹介したいと思います。

tutorials1019_1
Create a Highlighter Text Effect Vector in Adobe Illustrator – Vectips

イラストレーターでの制作チュートリアルを中心に、いろんな種類のグラフィック制作方法が紹介されています。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る