TOP  >  カラーパレット

Tag : カラーパレット

2017年07月07日

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

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

coolhue02

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

詳しくは以下

(さらに…)

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

選択した色を人工知能から提案を受けることができるカラージェネレーター「colormind.io」

デザインにとって色の配色はとても重要です。しかし色種類は膨大で、更にその中で組み合わせを考えるとなると、頭を悩ませる人も多いのではないかと思います。今回はそんなシーンで活躍してくれる便利なカラーパレットツール「colormind.io」を紹介いたします。

color01

一般的に使われる自動生成ツールではなく、人工知能がカラーパレット生成をしてくれるという、他のジェネレーターとは違った新しい技術が取り入れられています。

詳しくは以下

(さらに…)

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

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

2015年04月06日

テープで貼り付けたビジュアルを簡単に表現できるフリーPhotoshopブラシ集「40 Handy And Free Tape Brushes For Your Photoshop」

デザイン上でラフな表現をしたい時にポイント使いとして利用されることの多い、テープで貼り付けたビジュアル表現。幅広く応用できるため、さまざまなシーンで活用することができます。今回はそんなテープのビジュアルを簡単に表現できるフリーPhotoshopブラシ集「40 Handy And Free Tape Brushes For Your Photoshop」を紹介したいと思います。

tapebrush1
A3D Pieces of Tape Brushes by angela3d on DeviantArt

いろいろな種類のテープを、Photoshopブラシを使って手軽にビジュアル化することができます。

詳しくは以下

(さらに…)

続きを読む
posted 11:37  |  
Category: Photoshop   
2010年07月25日

クオリティの高いWEBレイアウトpsd「40 Professional and Detailed Web Layout PSD Templates」

WEBを制作する際にphotoshopで制作しているひとには便利なpsdテンプレート。パーツを参考にしたり、全体のベースとしたり様々な使い方がありますが、今日紹介するのはクリエイティブで、プロフェッショナルなWEBレイアウトPSDファイルをまとめたエントリー「40 Professional and Detailed Web Layout PSD Templates」です。


Free Professional PSD Template: BlueMasters – Smashing Magazine

様々なテイストのpsdファイルがまとめられていますが、今日はその中から気になったテンプレートをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:20  |  
Category: WebDesign   
2014年06月04日

ベーシックに利用できるフリーフラットアイコンまとめ「12 Best Free Flat Icons PSD」

現在の主流に合わせ、フラットタイプのアイコンが多数配布されていますが、フラットと一口にいってもテイストはさまざま。今回はそんなフリーフラットアイコンの中でも、比較的ベーシックに利用できる「12 Best Free Flat Icons PSD」を紹介したいと思います。

icon140604_1
Dribbble – Free Flat Icons by buatoom

定番の種類をまとめたものを中心に、活用頻度の高そうなフラットアイコンがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」

サイト内の要素で欠かせないもので、ユーザーの利便性を決定づけるナビゲーションメニュー。サイトの雰囲気に合わせて様々な形がありますが、今回紹介さするのはデザインされた美しいナビゲーションデザインを集めたエントリー「40 Beautifully-Designed Navigation Menus」です。

navinavi01

細かくビジュアルを作り込まれたものからシンプルなもの、ダイナミックなものまで様々な種類のナビゲーションが紹介されています。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:45  |  
Category: WebDesign   
tag: webdesign
2010年04月02日

そのままロゴに使えそうなクリエイティブで個性的なフリーフォント集「30 Cool Free Futuristic Fonts To Work With」

視認性にすぐれているものから、見た目面白く惹きつけるもの、意味が込められているものなどなど世の中には様々な書体がありますが、今日紹介するのは、そのままロゴに使えそうなクリエイティブで個性的なフリーフォントを集めた「30 Cool Free Futuristic Fonts To Work With」です。

sonia_01
Soma Regular

その中でもキレイめなものから、グラフィカルなものまで幅広いジャンルの個性的なフォントが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:18  |  
Category: Design , Font   
tag: Design Font
2010年08月18日

写真上の不要なものを簡単に消去して周りと馴染ませるWEBサービス「Webinpaint」

photoshopなど一部高機能な写真レタッチソフトには実装されていますが、今回紹介するのは写真上の不要なものを簡単に消去して周りと馴染ませるWEBサービス「Webinpaint」。

使い方は非常に簡単で、写真の中の消したいものをブラシで、塗りつぶして、Inpaintを押すだけで写真を解析して、周りの風景と違和感がないように修正してくれます。レタッチした例がいくつか公開されていましたので。下記に貼り付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 08:34  |  
Category: Design , Photoshop , WebService   
2014年02月28日

グラフィカルでクオリティの高い写真加工を可能にするPhotoshopチュートリアル「19 Attractive Fresh Adobe Photoshop Tutorials」

さまざまな写真加工ができるPhotoshopは、グラフィックデザイナーにとって欠かすことのできない存在。しかし多彩な機能をなかなか活かしきれていないという方も多いのではないでしょうか?そんな中今回紹介するのは、グラフィカルでクオリティの高い写真加工を可能にする、Photoshopチュートリアル「19 Attractive Fresh Adobe Photoshop Tutorials」です。

tutorials140228_1
Wood Text Effect in Photoshop • IceflowStudios Design Training

匠な写真合成や、文字のグラフィック加工などの、完成までの操作方法が19種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:18  |  
Category: Photoshop   
2013年09月04日

擦れた文字を表現する45のフリーフォント「45 Dirty And Rough Free Fonts For Your Design」

フリーフォントは種類豊富に配布されており、フォント自体のデザインテイストもさまざま。そんな中今回紹介するのは、印刷などで擦れた文字・汚れた文字を表現したフォントのまとめ「45 Dirty And Rough Free Fonts For Your Design」です。

dirtyfont_1
Hard Rock Font | dafont.com

活版印刷によるインクの擦れ感が表現されたものや、ヴィンテージテイストなものまで、さまざまなフォントがまとめられています。気になるものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:10  |  
Category: Font   
2008年02月02日

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

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

firefoxscroll.jpg

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

詳しくは以下

(さらに…)

続きを読む
posted 12:12  |  
Category: firefox , Tool   
tag: 
2018年09月20日

トレンドの配色をカラーコード付きで参照できる「Trendy Palettes」

デザインの印象を決定付ける、重要な要素の一つに配色があります。色の組み合わせは思っている以上に難しく、いつも同じような配色になってしまう、または配色自体が思いつかないと色で悩んでいる方も多いと思います。今回紹介するのはトレンドの配色をカラーコード付きで参照できるWEBサイト「Trendy Palettes」です。

colorpare00

基本的には三色の組み合わせパターンが登録されており、色の組み合わせとそれぞれのカラーのカラーコードを参照することが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , WebDesign , WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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