TOP  >  Color

Tag : Color

2018年02月13日

2色の相性を簡単にチェックできるカラーツール「Pigment」

デザインで色を決めるという行為は非常に重要なもの。選択や組み合わせをミスしてしまうと、思ったようなデザインに仕上げることができません。今回はそんなカラー選定の際にぜひ役立てたい「Pigment」を紹介したいと思います。

color1

2色の相性を簡単にチェックできるカラーツールです。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:28  |  
Category: Tool   
このエントリーをはてなブックマークに追加
2017年07月07日

美しい配色を思うままに!クリエイティブなグラデーションパターンセット「coolhue」

近年流行になりつつあるグラデーション表現を取り入れたデザイン。背景やボタンなどのベタ面に、シンプルながらもニュアンスをつけることができ非常に便利な手法です。そんな今回ご紹介するのは、グラデーションの配色パターンを30種類まとめた「coolhue」です。

coolhue02

キュートな印象を与えるフェニミンなグラデーションから、コーポレートサイトにピッタリな先進的なカラーリングまで多数のグラデーションパターンが揃います。

詳しくは以下

(続きを読む…)

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

これで配色の組み合わせを迷わない 便利で簡単なカラーパレット作成サイト「Color Supply」

視覚的要素の中で一番重要だと言っても過言ではない色。配色バランスを決めるのはなかなか難しく、それが2色、3色と増えることで難しさは増していくのではないでしょうか。そんな時に活用したい、便利で簡単なカラーパレット作成サイト「Color Supply」を今回は紹介したいと思います。

配色サーチ01

円形の色相環図をぐるぐると選択するだけで、バランスの良い配色パターンを生成できる、とても便利なwebツールとなっています。

詳しくは以下

(続きを読む…)

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

色を比べてすぐ使える!2画面で比較できる便利なカラーピッカー「ColorMe」

使いやすいwebサービスを知っているだけで、作業効率が随分違うもの。そんな中今回ご紹介するのは、web作りの強い味方として活用できる、2画面で比較して色を作れる便利なwebカラーピッカー「ColorMe」です。

TU1lhzub0ND1SEmXMxRzT8lOBIaSVECBAgQIECAAAECBAgQIECAAAECBAgQIECgHAEJjnLc1UqAAAECBAgQIECAAAECBAgQIECAAAECBAgkCEhwJOApSoAAAQIECBAgQIAAAQIECBAgQIAAAQIECJQjIMFRjrtaCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAgQQBCY4EPEUJECBAgAABAgQIECBAgAABAgQIECBAgACBcgQkOMpxVysBAgQ

2画面に分かれていることで色を比べながら作れるので、迷うことも少なく最適な配色を短い時間で導き出せる、個人的にもおすすめのwebサービスです。

詳しくは以下

(続きを読む…)

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

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

2017年01月20日

9,900個ものアイコンをダウンロードできる「IconPharm」

デザイン業務で欠かせないアイコン。いろいろなサイトで配布されており、多種多様に星の数ほどありますが、今回は9,900個ものアイコンをダウンロードできる「IconPharm」を紹介したいと思います。

iconpharm

オープンソースのシンプルで使いやすいテイストのアイコンが揃っており、とにかく収録数が多いのが嬉しいところ。

詳しくは以下

(続きを読む…)

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

オリジナルフォント作成サービス「FontStruct」

デザインの構成要素で重要な役割を担うフォント世の中には様々なフォントが存在し、同じ文字列でもフォントのデザインによって印象や伝わり方が違ってきます。フォントは世の中にあふれかえっているものの、なかなかイメージに合うフォントが無い、そんなデザイナーも多いかと思います。そこで今日紹介する「FontStruct」はオリジナルフォントが簡単に作成できるWEBサービスです。

利用は簡単なユーザー登録が必要ですが、無料で利用することができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:03  |  
Category: Font , WebService , WordPress   
2017年04月27日

厳選された高品質フリーアイコンまとめ「15 Essential Free Icon Sets」

インターネット上では非常に膨大な数のフリーアイコンが紹介されていることもあり、都度探すよりも、お気に入りをストックしておくことで作業効率を上げることができるはず。そんなシーンで参考にしたい、厳選された高品質フリーアイコンまとめ「15 Essential Free Icon Sets」「15 Essential Free Icon Sets」を今回は紹介します。

top
30 WEATHER ICONS

シンプルで汎用性の効くタイプや、レトロテイストなものなど、いろんな種類が紹介されています。いくつか気になったものをピックアップしていますので、まずは下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:11  |  
Category: Design   
2014年03月18日

さまざまなデザインシーンで活躍するベクター素材まとめ「35 New Vector Graphics and Vector Elements for UI Design」

ベクター形式の素材は、拡大縮小での劣化もなく、イラストレーターで編集することもできるため非常に重宝される存在です。そんなベクター素材をまとめた「35 New Vector Graphics and Vector Elements for UI Design」を今回は紹介したいと思います。

35vector1
Geometric Shapes Vector Graphic – DryIcons

パターンからインフォグラフィック、デザイングラフィックなど、いろんな種類のベクター素材が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:00  |  
Category: WebService   
2010年08月06日

WEBデザイナーのためのフリーpsd素材集「80+ Useful PSD Templates For Web Designers」

WEBサイトから、パーツまで幅広く制作に利用されているphotoshop。メインで使っている方も多いと思います。今日紹介するのはphotoshopで便利に使えるpsd形式の素材を集めた、WEBデザイナーのためのフリーpsd素材集「80+ Useful PSD Templates For Web Designers」。

design_ps_templates_2
Glass Video Playback Buttons

上記のようなボタンから、バッジ、アイコン、イラストレーションなど、様々な素材がまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:25  |  
Category: Design , Photoshop   
2010年02月19日

HTML/CSSのテンプレートがダウンロードできるWEBサイトのまとめ「25 Best Websites For Downloading Free Html/CSS Templates」

WEBを制作する際、HTMLとCSSを利用して作ると言う方が多いかと思いますが、今日紹介するのはフリーで利用できるHTML/CSSのテンプレートがダウンロードできるWEBサイトをまとめたエントリー「25 Best Websites For Downloading Free Html/CSS Templates」です。

free-css-tamplete01
Free-Css-Templates

様々なテンプレートサイトが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:11  |  
Category: WebDesign   
tag: CSS webdesign
2014年05月21日

デザイナー必見 50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」

デザイナーにとっては制作に欠かせないフォント。実にさまざまな種類のフォントが存在しており、中にはフリーで使用できるものも多く、重宝しているという方も多いのではないでしょうか?そんな中今回紹介するのは、50種のフリーフォントまとめ「50 Handpicked Free Fonts for Designers」です。

font140521_4
Kirvy Font | dafont.com

定番として利用できるものから、個性溢れるタイプまで、いろんなテイストのフォントが紹介されています。

詳しくは以下

(続きを読む…)

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

多彩でクリエイティブなイラストレーターブラシセット「45 Excellent Sets of Adobe Illustrator Brushes」

イラストレーターの表現をさらに広げてくれるブラシ。今日紹介するのは様々なジャンルのブラシセットをまとめたエントリー「45 Excellent Sets of Adobe Illustrator Brushes」です。


45 Excellent Sets of Adobe Illustrator Brushes

筆や水彩ブラシから、花のようなグラフィック感のあるブラシまで幅広く揃っています。今日は紹介されているブラシの中からいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:58  |  
Category: Design , vector   
2017年05月31日

複数の編集者がいるWordPressの管理を楽にする、プラグインまとめ「10 WordPress Plugins to Improve Multi-Author Websites」

使いやすく、編集も容易に可能なWordPressは、複数人でWordPressの編集に関わることも多いと思います。今回ご紹介するのは、そんなWordPressを管理する際に使い易いオススメのプラグインをまとめた「10 WordPress Plugins to Improve Multi-Author Websites」です。

multi-author-sites-01

複数人編集ならではの不透明さや不便さを解消してくれる、あると便利なプラグインが10種類紹介されています。今回はその中から、ピックアップして幾つかご紹介いたします。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: plugin , WordPress   
2008年02月26日

5GBのフリーオンラインストレージ「Windows Live SkyDrive」

Designdevelopでもいくつかオンラインストレージは紹介してきましたが、今日はマイクロソフトが先日正式公開したオンラインストレージサービス「Windows Live SkyDrive」を紹介したいと思います。このサービスは元々1GBでベータ公開されていましたが、5GBに拡張して正式に公開されたサービスです。

オンラインストレージ

利用にはWindows live IDが必要で、liveIDさえ取得すれば無料で利用することができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:46  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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