TOP  >  Design

Tag : Design

2018年05月25日

地図や案内図の制作に使えるロケーションアイコンセット「Free Location Icon Set」

地図などを制作する際に大切なのが、場所を示す記号やアイコン。情報量の多い地図であれば有るほど、一見して内容を把握できる記号やアイコンはとても重要なアイテムです。今回ご紹介するのは、そんなマップ制作に使えるロケーションアイコンをまとめた「Free Location Icon Set」です。

free-location-icon-set1
The Free Location Icon Set (40 Icons, SVG & PNG)

全部で40種類もの地図や場所に関わるアイコンがセットになった、便利なアイコン集です。

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

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

デザイナーやコーダーにとって役に立つDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」

Webサイトは1ページで構成されるランディングページ、複数ページでの構成とさまざま。そんな中、デザイナーやコーダーにとって役に立つのがWebサイト用のテンプレートです。そんな中今回はDreamweaverのテンプレート「25 Free Dreamweaver Templates for Every Website」を紹介したいと思います。

dw_template01
Iridium by TEMPLATED

構成やデザインの参考としても使える25種類のテンプレートです。中でも気になったものをピックアップしてみました。

詳しくは以下

(続きを読む…)

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

Instagramのストーリー投稿に活用出来るテンプレート「12 Instagram Story Templates」

Instagramにお気に入りの場所やおしゃれなカフェ、見た目も可愛いスイーツなど様々な写真を投稿している人は多いのではないでしょうか。最近では”フォトジェニック”から”ストーリージェニック”に変わりつつあるようで、動画の投稿が注目されています。そんな中今回は、Instagramのストーリー投稿に活用出来るテンプレート「12 Instagram Story Templates」の紹介です。

Instagram_Story01

動画投稿もおしゃれにしたいという思いを叶えてくれるテンプレートのセットです。

詳しくは以下

(続きを読む…)

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

動画で紹介する分かりやすいIllustratorチュートリアル「30 Free Adobe Illustrator Video Tutorials On Web Design」

Illustratorは様々な機能を備えた、デザイナーにとって必要不可欠な万能ツールです。イラストからWebサイトの制作まで幅広く活用できるので、卒なく使いこなしたいもの。そんな中今回は、動画で紹介する分かりやすいIllustratorチュートリアル「30 Free Adobe Illustrator Video Tutorials On Web Design」の紹介です。

illustrator_tutorial01
[Web Design] Site Flat UI Design – Food/Cafeteria Website UI Illustrator Walkthrough/Tutorial – YouTube

様々な操作方法が動画で紹介されているので、初心者の方も安心して参考にできます。

詳しくは以下

(続きを読む…)

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

写真の合成からエフェクト効果までデザイン制作に役立つPhotoshopチュートリアルのまとめ「40 Best free Photoshop tutorials from 2018」

デザイナーにとってPhotoshopは写真加工に限らず、様々なシーンで活用出来る優れたツールです。多くの機能が備わっていますが、なかなか使いこなせない。といった苦手意識を持っている方も多いかもしれません。そんな中今回は、写真の合成からエフェクト効果までデザイン制作に役立つPhotoshopチュートリアルのまとめ「40 Best free Photoshop tutorials from 2018」の紹介です。

ps_tutorial01
How to Create a High-Contrast Skateboard Flyer in Adobe Photoshop

40もの参考になるチュートリアルが紹介されたサイトです。気になった方はぜひチェックしてみてください。

詳しくは以下

(続きを読む…)

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

デザイン性の高いプロユーザーも使えるフォントまとめ「 25 fresh free fonts from 2018」

フォントはいくつあっても困ることのないアイテムです。これまでも数々のフォントを紹介していますが、今回紹介するのは、デザイン性の高いプロユーザーも使えるフォントまとめ「 25 fresh free fonts from 2018」です。

25freefonts_01
Messenger — 1871 Project

シンプルなフォントから個性的なものまで様々なフォントが集約されたサイトの紹介です。中でも気になったものをいくつかピックアップしてみました。

詳しくは以下

(続きを読む…)

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

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

2009年02月21日

光を表現する為のphotoshopブラシ「18 Photoshop Brush Sets for Creating Incredible Lighting Effects」

色合いや強弱で様々な印象を与えてくれる光。デザインに置いても重要な要素の一つですが、形が決まって無い上に、色合いやテイストなど無限とも言える広がりがあるだけに難しいデザインの一つですが、今回紹介するのは光を表現する時に便利なphotoshopブラシセット「18 Photoshop Brush Sets for Creating Incredible Lighting Effects」です。

light_brushes_01
Sui Generis 3

稲妻のようなものから力強い物も、キレイ目なものと全部で18個のな光を描く為のphotoshopが公開されていますが、今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:04  |  
Category: Design , Photoshop   
2009年10月17日

Wiifit風なフィットネスベクターデータ「KEEP FIT」

健康系の仕事だったり、まさしくフィットネスやスポーツジムの仕事にものすごく重宝しそうなベクターデータが今回紹介するWiifit風なフィットネスベクターデータ「KEEP FIT」です。

previewkfit01

様々なポーズがベクターデータが収録されています。上記の他にもポーズがありますので、下記に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:37  |  
Category: Design , vector   
2018年03月25日

デザインをもっと魅力的にするハイレベルなテキストエフェクトチュートリアルまとめ「New Free Text Effect Photoshop Tutorials (30 Tuts) 」

テキストをリッチに装飾して印象的に見せてくれるテキストエフェクト。エフェクトによってがらりと全体の印象が変わるので、重宝します。今回ご紹介するのは、そんなテキストエフェクトを制作する際に役立つ、ハイクオリティなチュートリアルまとめ「New Free Text Effect Photoshop Tutorials (30 Tuts) 」です。

new-free-text-effect-photoshop-tutorials1
New York text effect photoshop tutorial on Behance

レトロな雰囲気のエフェクトから、ポップな雰囲気のエフェクトまで多数のテイストのテキストエフェクトが30種類揃っています。

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

続きを読む
2008年09月26日

多彩な表現を身につけるためのチュートリアル45選「45 Explosively Colorful Photoshop Effects」

デザインは幅が広くグラフィックデザインという分野だけに絞っても多種多様な表現が存在します。今回紹介する「45 Explosively Colorful Photoshop Effects」はphotoshopで作るグラフィックデザインの様々な表現のチュートリアルを集めたエントリーです。

その作品と言うよりも、写真を絵画調にに見せるTips、60年代のサイケデリック風に仕上げるTipsなど、グラフィックの技と言う色合いが強いチュートリアルが集められてまとめられています。今日はその中から特に気になったチュートリアルをピックアップして紹介します。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:05  |  
Category: Design , Photoshop   
tag: 
2007年12月15日

【FreeFont】フリーピクセルフォント集「Semplice Pixelfonts」

ピクセルで作られたカタカタしたピクセルフォント、独特でありながら、オシャレな雰囲気にも、ポップサイトにも合う汎用性の高いフォントです。今回紹介する「Semplice Pixelfonts」は8ピクセル指定のピクセルフォントをフリーダウンロード可能です。

ピクセルフォント

すべて欧文書体ですが、現在19個のフリーピクセルフォントが公開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:02  |  
Category: Design , Font   
tag: Design Font
2009年04月25日

商用可!WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」

WEBの制作には書かせないアイコン。デザイン感を統一させて用いれば、全体のクオリティを押し上げてくれます。今日紹介するのはWEB制作で使えるアイコンに特化したまとめサイト「WebIconSets.com-
The Best Icons Always at Your Fingertips」を紹介したいと思います。

iconsetfrees01

それぞれのアイコンセットごとにまとめられていて、それぞれかなりの数が収録されています。アイコンの総数は全部で6200個以上となっています。今日は紹介されているセットの中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:23  |  
Category: WebDesign   
tag: webdesign
2017年01月04日

CSSとテキストで実現するシンプルなローディングアニメーション「text-spinners」

WEBの演出の一つで、UXのストレスを軽減してくれるローディングアニメーション。WEBサイトがだんだんリッチになる中、当たり前の存在になってきていますが、今回紹介するのはCSSとテキストで実現するシンプルなローディングアニメーション「text-spinners」です。

textloading0

通常ローディングアニメーションはいくつかの画像を利用して生成されますが、このアニメーションはCSSとテキストのみで制作されるため非常に軽量です。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2012年07月17日

印象的なタイポを作成できる、ストライプフォントまとめ「35 Eye-catching Designs of Striped Font」

デザイン制作をしていると一日に何度もさまざまなフォントを試したり、イメージに合わせたフォントを作成したりと、毎日何パターンものフォントと向き合っている方も多いと思います。今回はそんなフォントの中からストライプ模様のフォントばかりを集めた「35 Eye-catching Designs of Striped Font」を紹介したいと思います。


PAWLUK ZIBRA font by Pawluk Ivan – FontSpace

可愛らしい雰囲気のフォントからデジタル感のあるフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:50  |  
Category: Design , Font   
2013年09月11日

Photoshopのスクラッチブラシコレクション「A Collection Of Free Scratch Brushes For Photoshop」

Photoshopのブラシは、写真やオブジェクトの見た目を簡単に変えることができるツール。できればより多くストックしておいて、デザインの幅を広げておきたいもの。そんな中今回紹介するのは、写真に手軽にスクラッチされたようなニュアンスを加えることができるブラシライブラリのまとめ「A Collection Of Free Scratch Brushes For Photoshop」です。

scratche_0
Scratches by ~Smirnoff-Sweetie on deviantART

金属に刻まれた細かな傷や鋭いもので引っ掻いたような傷など、さまざまなスクラッチブラシがまとめられています。中でも気になったものをピックアップしたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:36  |  
Category: Photoshop   
2017年04月10日

可愛らしい雰囲気が特徴のボールドアイコンセット「100 Bold Purple Line Icons」

アイコンはサイトの雰囲気を決める大切な要素のひとつ。選定する種類によってテイストが左右される程、重要な役割を持つシーンも多いのではないでしょうか。そんな中今回ご紹介するのは、ぷっくりとしたラインがデザインにキュートさをプラスしてくれるアイコンセット「100 Bold Purple Line Icons」です。

boldicon-top

シンプル・ミニマルがベースですが、太めのフォルムによって目をひく力強さがあるフォントとなっています。

詳細は以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , vector   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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