TOP  >  Desgin

Tag : Desgin

2014年09月12日

グラデーションを楽しみながらコード取得もできるサイト「uiGradients」

デザイン制作の際に、色合いにニュアンスを出すために使用されるグラデーション。きれいな色の組み合わせが成功するとデザインが一気に魅力的なものに変化することも。今回はそんなシーンで役立てたい、グラデーションを楽しみながらコード取得もできるサイト「uiGradients」を紹介したいと思います。

gura

ひたすらグラデーションを閲覧するといった非常にシンプルなサイトですが、色の濃淡のコード取得ができるなど実用的にも活用できるサイトとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年08月27日

ノイズ感のある質感を手軽に表現できるテクスチャ「Dust & Noise Overlay Textures」

インターネット上では非常にさまざまな種類の素材が配布されており、中でもテクスチャは非常に重宝される素材の一つ。手軽に素材の質感を表現することができます。そんな中今回紹介するのは、ノイズ感のあるテクスチャ「Dust & Noise Overlay Textures」です。

dustnoise1

がさがさとしたアンティークな雰囲気を、このテクスチャを利用することでデザインに取り入れることができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年08月26日

さまざまなデザイン制作時に活躍してくれるアイコンまとめ「38 Beautiful Icons In PSD For Web Designers」

もはやwebデザイン制作に欠かすことのできないアイコン素材。たくさんストックし、いろんなデザインシーンで活用されている方はとても多いと思います。今回はそんなアイコン素材をまとめた「38 Beautiful Icons In PSD For Web Designers」を紹介します。

icon140826_3
60 Flat Icons

フラットから立体的、ラフなテイストまで、さまざまな種類のアイコンセットがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 12:09  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年08月04日

グラフィカルなテキストデザインを実現できるPhotoshopチュートリアル15種「15 Amazing Text Effects Photoshop Tutorials for Designers」

イラストや写真だけでなく、テキストをPhotoshopなどで加工しデザインすることで、制作物のクオリティは格段にアップします。今回はそんなグラフィカルなテキストデザインを実現できるPhotoshopチュートリアル15種「15 Amazing Text Effects Photoshop Tutorials for Designers」を紹介したいと思います。

texteffect0804
Ink Text Effect In Photoshop

テキストをベースに、想像もできないようなリアルな表現を可能にするチュートリアルが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2014年07月23日

さまざまな状態が揃った芝テクスチャまとめ「Absolutely Free Seamless Grass Textures」

本格的な夏に突入し、デザインシーンでも夏をテーマにしたデザインを手がけることがいつもよりも多くなっているのではないでしょうか?そんな中今回紹介するのは、夏の緑の青々とした雰囲気を感じられる芝テクスチャまとめ「Absolutely Free Seamless Grass Textures」です。

grass1
Seamless grass by RVMProductions on deviantART

さまざまな状態の芝がテクスチャとなってまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:12  |  
Category: Design   
このエントリーをはてなブックマークに追加
2011年03月30日

最新のフリーフォントコレクション「8 Fresh and Free High-Quality Fonts」

デザインの現場で必ずといっていいほど利用するフォント、時にデザイン性を求められるシーンも少なくないのではないでしょうか。そこで今回紹介するのは、特に最近公開された新しいフリーフォントコレクション「8 Fresh and Free High-Quality Fonts」です。


Infinity on the Behance Network

シンプルなものから個性的な形をしたものまで、さまざまなタイプのフリーフォントが紹介されています。デザインの現場でおおいに活躍してくれそうです。中でも気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:56  |  
Category: Design , Font   
このエントリーをはてなブックマークに追加

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

2015年06月27日

ビジネス系webサイトに最適なフリーwordpressテーマ13種「13 Best Free WordPress Themes for Small Businesses」

更新頻度の高いwebサイト構築などに便利なwordpress。フリーで配布されているテーマも豊富で、よく利用している方も多いのではないでしょうか?そんな中今回紹介するのは、ビジネス系webサイトに最適なフリーwordpressテーマ13種「13 Best Free WordPress Themes for Small Businesses」です。

wordpress0627_4
Juridica Demo

シンプルなテイストで、さまざまな種類の企業サイトに合わせやすいテーマが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WordPress   
2012年07月18日

雰囲気のあるデザインにぴったりなレトロフォントまとめ「18 Collection of Free Attractive Retro and Vintage Fonts」

流行りは繰り返すと良く言われますが、レトロ感やアンティークな雰囲気のデザインは常に人気を集めています。そんな中今回紹介するのが、雰囲気のあるデザインにぴったりなレトロフォントをまとめた「18 Collection of Free Attractive Retro and Vintage Fonts」です。


Sandwich Font | dafont.com

テイストの異なるレトロな雰囲気のフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:19  |  
Category: Design , Font   
2015年05月27日

WordPress構築のサイト制作時に参考にしたい フリーWordPressテーマ20種「20 Fresh and Free WordPress Themes: May 2015」

フリーでたくさんのテーマが配布されているWordPress。非常にクオリティの高いものも多く、活用されている方も多いと思います。そんな中今回は、フリーWordPressテーマ20種「20 Fresh and Free WordPress Themes: May 2015」を紹介したいと思います。

word0527_0
Tiles, free masonry style colorful WordPress theme | Viva Themes

20種の厳選されたWordPressテーマが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WordPress   
2016年05月15日

豊富なデザインバリエーションが揃ったフリーアイコンセットまとめ「900+ Free Icons for Web, iOS and Android UI Design」

特にwebデザインなどで多用するアイコン素材。フリーで配布されているものも多数存在しており、常にチェックされているというデザイナーの方も多いかと思います。そんな中今回は、豊富なデザインバリエーションが揃ったフリーアイコンセットまとめ「900+ Free Icons for Web, iOS and Android UI Design」を紹介したいと思います。

icon0513_1
97 free business icons – Freebie Jar

さまざまなテーマで構成された、魅力的なアイコンセットがフリーでダウンロードできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2009年08月20日

商用可!ECサイトに欠かせないフリーベクターアイコンセット「Beautiful eCommerce Icons」

ECサイトはコーポレートサイトとはまた必要な情報が違ってきます。情報が違うと言う事は当然デザインやパーツも変わってきます。今回紹介するのはECサイトには欠かせなフリーアイコンセット「Beautiful eCommerce Icons」を紹介したいと思います。

free-ecommerce-icons

上記のように電卓、クレジットカード、ショッピングバック、カートなどなど基本的にECサイトに必要なアイコンが収録されています。クオリティも非常に高く、デザインテイストも統一されていますのセットで使えます。、

詳しくは以下

(さらに…)

続きを読む
posted 01:49  |  
Category: Design , vector   
tag: Design vector
2018年06月03日

デザイナーのためのフリー使えるPSD素材まとめ「33 Fresh Free PSD Files for Designers (Freebies)」

デザインの参考や素材を一から集める作業は、案外手間のかかる作業。デザイナーにとって効率よく制作出来るアイテムはいくつも手元に置いておきたいものです。そんな中今回紹介するのは、デザイナーのためのフリー使えるPSD素材まとめ「33 Fresh Free PSD Files for Designers (Freebies)」です。

Free_PSDFiles_01

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

詳しくは以下

(さらに…)

続きを読む
2012年01月25日

フリーで利用できる種類の豊富な幾何学模様パターンまとめ「250+ Free Distinct Geometric Patterns」

デザインの質を高めてくれる背景パターンは、なるべく多くストックしておきたいもの。そんな中今回紹介するのが、フリーで利用できる種類の豊富な幾何学模様パターンをまとめた「250+ Free Distinct Geometric Patterns」です。


Free seamless patterns Green, Pink 70s |

シンプルなパターンからギミックの繊細なパターンまで、さまざまな幾何学模様パターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:08  |  
Category: Design   
2011年03月05日

雲を描く photoshopブラシまとめ「150 Cloud Brushes for Photoshop」

空のニュアンを決めるために重要な雲ですが、実際に撮影しようとしても、イメージにぴったり合う雲や空はなかなか見つからないもの。そこで今回紹介するのは、さまざまな雲の形を表現できるphotoshopラブラシ「Weekly Freebies: 150 Cloud Brushes for Photoshop」です。


JavierZhX (10 Brushes)

実写に近いタイプからイラスト系のものまで、約150種類ものブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2015年07月08日

フラットデザインのiPhone/iPad用フリーモックアップテンプレート集「100+ iPhone/iPad UX Mockups」

デザインの構成を決めるためには、いろいろなデザインを見たり、アイデアを捻出したり、必要なページをリストアップしたりと、いろいろな作業が発生してしまいます。今回はそんな時に参考にしたい、iPhone/iPad用フリーモックアップテンプレート集「100+ iPhone/iPad UX Mockups」を紹介したいと思います。

psdtemp_100_2

フラットデザインテイストの、さまざまな種類のデザインテンプレートがまとめてダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 12:13  |  
Category: Design   
2008年02月02日

Firefoxのタブツールバーにスクロールバーを表示する拡張機能「Tab Overflow Scrollbar」

Firefoxではタブでページを表示することが可能ですが、多くなってくると、ページ送りされてしまいスクロールは小さなボタンで行わないといけないため非常に使い勝手が悪いです。このインターフェイスの悪さを解決してくれるのが、今回紹介するFirefoxアドオン「Tab Overflow Scrollbar」です。

firefoxscroll.jpg

上記の問題を回避するには様々な方法があるとはおもいますが、今回紹介する拡張機能ではタブツールバーにスクロールバーを表示させることで解決しています。ほんの少しのことですが、タブを大量に開いて閲覧する人には非常に便利な拡張機能だと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:12  |  
Category: firefox , Tool   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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