TOP  >  カラーコード

Tag : カラーコード

2017年04月05日

最新のグラデーションパターンをコピペできるwebサービス「WebGradients」

web用のカラーコードがコピペできるサービス。その便利さから活用している人も多いはず。そんな中今回ご紹介するのは、カラーサンプルとして使える、グラデーションパターンを180種類も集めたwebサービス「WebGradients」です。

webgradients

背景カラーの選定や主流のUIデザインのカラーサンプルとしても使える、ソースコードをそのままコピペ可能な、とても便利なwebサービスです。

詳しくは以下

(続きを読む…)

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

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

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

TU1lhzub0ND1SEmXMxRzT8lOBIaSVECBAgQIECAAAECBAgQIECAAAECBAgQIECgHAEJjnLc1UqAAAECBAgQIECAAAECBAgQIECAAAECBAgkCEhwJOApSoAAAQIECBAgQIAAAQIECBAgQIAAAQIECJQjIMFRjrtaCRAgQIAAAQIECBAgQIAAAQIECBAgQIAAgQQBCY4EPEUJECBAgAABAgQIECBAgAABAgQIECBAgACBcgQkOMpxVysBAgQ

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

詳しくは以下

(続きを読む…)

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

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

2012年04月07日

スマートフォンサイトデザインのためのインスピレーション集「Mobile UI Design Patterns: 10+ Sites for Inspiration」

WEBプロモーションでももはや書かす事ができない、スマートフォンユーザーへの対策。それぞれの端末の使い勝手に応じた最適化されたデザインが求められますが、その設計はPC向けのWEBサイトとは違う技術が必要です。今日紹介するのはスマートフォンサイトデザインのためのインスピレーション集「Mobile UI Design Patterns: 10+ Sites for Inspiration」です。


lovely ui

スマホサイトのデザインが集約されたサイトが10以上まとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

筆で描かれたような力強い欧文フリーフォントまとめ「20 Free Watercolor Font Styles For Designers」

手書き風デザインが流行している今、アナログで描かれたようなフォントも数多く発表されています。そんな中今回ご紹介するのは、デザインに華を添えるの手書き風欧文フォントまとめ「20 Free Watercolor Font Styles For Designers」です。

16-modern-watercolor-font
20 Free Watercolor Font Styles For Designers | Naldz Graphics

水彩絵具や油彩、筆を使い描かれたような雰囲気のあるフォントが20種類も揃っています。おすすめのフォントを幾つかピックアップしましたので、下記よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , Font   
2011年11月15日

psdのフリースライダー素材まとめ「Huge Collections of Different kinds of Free Slider (PSD Files)」

インターネット上にはさまざまなフリー素材が公開されており、自分とは異なる感性で制作された素材を活用されている方も多いはず。そんな中今回紹介するのは、webサイト制作に利用するさまざまなスライダー素材を集めた「Huge Collections of Different kinds of Free Slider (PSD Files)」です。


Volume Slider Free PSD – Ahmad Hania Blog

メイン画像用のスライダーから、パーツデザインとしてのスライダーまで、さまざまなスライダーが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2008年02月10日

【FreeFont】様々な飾りFONTがダウンロードできる「West Wind Fonts」

今まで「13,000以上のフリーフォントを集めた「Search Free Fonts」」や「フリーピクセルフォント集「Semplice Pixelfonts」」と様々なフリーフォントサイトを紹介してきましたが、今回紹介する「West Wind Fonts @ typOasis」はシンプルな手書き風な物も公開されていますが、少し変わったフォントをダウンロードできるフォント配布サイトです。

gfonts01.gif

変わった書体は使いどころがなかなか難しい感じですが、デザインにアクセントを与えてくれそうなフォントが色々と公開されています。いくつか気になった書体をピックアップして下記に貼っておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:26  |  
Category: Design , Font   
tag: Design Font
2008年08月01日

水彩風の高解像度フリーphotoshopブラシ「Grungy Watercolor」

水彩風の高解像度フリーphotoshopブラシ「Grungy Watercolor」

photoshopでの表現力を補ってくれるブラシ。フリーで素晴らしいブラシセットが世の中には沢山ありますが、今回紹介するのは水彩で描いたような表現をしてくれるphotoshopブラシ集「Grungy Watercolor」です。

かなりディテールが細かく、本当に水彩で描いたような風合いを表現してくれます。高解像度のブラシなので、作品制作にも大いに使えるブラシセットだと思います。ブラシ見本が併せて公開されていましたので、下記に貼り付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:34  |  
Category: Design , Photoshop   
2015年02月03日

繊細ながらも個性を演出できる細身フリーフォント集「40 Beautiful And Useful Free Thin Fonts」

デザインの良し悪しを決めるといっても過言ではない程重要な位置づけとなっているフォント。いろいろな種類がフリーでダウンロードできるようになっていますが、今回紹介するのは、繊細ながらも個性を演出できる細身フリーフォント集「40 Beautiful And Useful Free Thin Fonts」です。

thinfont1
Roboto Font Family · 1001 Fonts

非常に細身なラインが特徴で、それぞれに個性をしっかりと持ったフォントがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2013年05月22日

多彩な表現を可能にする Photoshopブラシまとめ「30 Fresh & Free Photoshop Brush Packs」

自分では制作するのが大変な素材を、手軽に再現してくれるブラシ素材はとても便利なもの。今回はそんなブラシを30種まとめた「30 Fresh & Free Photoshop Brush Packs」を紹介したいと思います。


Photoshop Brushes: Ink #4 | Titi Montoya – All Forms of Art

オブジェクト自体を描き出せるものから、背景素材として利用できるものなど、多彩な表現を可能にするブラシ素材が揃っています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:46  |  
Category: Design , Photoshop   
2013年09月02日

敷き詰められたパスタのフリーテクスチャ「A Collection Of Free Pasta Textures」

定番ではなく、ちょっと変わったニッチなタイプの写真素材の探索に時間を多く費やしてしまったという経験は、デザイナーなら誰にでも1度はあるのではないでしょうか。そんな中今回はプレーンなパスタのフリーテクスチャをまとめた「A Collection Of Free Pasta Textures」を紹介したいと思います。

6.pasta-texture
Food Texture Pack | Free Pasta Textures! | High Resolution Textures

一般的なパスタから日本ではあまり見かけないようなパスタまで、様々なパスタテクスチャがまとめられています。いくつか気になるものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:56  |  
Category: Design   
2012年04月09日

Facebookの新タイムラインデザインに役立つpsd素材「FREE DOWNLOAD PSD FACEBOOK NEW FAN PAGE GUI」

ユーザーと企業との交流を楽しめるFacebookページのデザインが強制的にタイムラインに切り替わり、デザインの変更作業に追われているという方も多いのではないでしょうか?そんな現状に役立つ、Facebookの新タイムラインデザインに役立つpsd素材「FREE DOWNLOAD PSD FACEBOOK NEW FAN PAGE GUI」を今回は紹介したいと思います。

Facebookページの制作・運営に必要画像サイズなどの情報が網羅された、そのままモックアップのデザイン制作を進められる素材となっています。

詳しくは以下

(続きを読む…)

続きを読む
2014年09月12日

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

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

gura

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

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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