TOP  >  グラデーション

Tag : グラデーション

2017年07月07日

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

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

coolhue02

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

詳しくは以下

(続きを読む…)

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

フレンドリーな印象を与えるグラデーションビジネスアイコン「Free Download: 48 Nolan Business Icons by Icons8」

固い印象が望まれるビジネスシーンですが、状況によっては砕けた印象を与える方が効果的な場合もあります。今回ご紹介するのはそんなシーンで活用したい、親しみやすい印象を与えるアイコンセット「Free Download: 48 Nolan Business Icons by Icons8」です。

nolan_icon_01

全部で48種類ものビジネスアイコンが揃うグラデーションが美しいアイコンセットです。全てフリーでダウンロード・利用が可能な素材となっています。

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

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

グラデーションを操るjavascript「Granim.js」

様々なデザインで活用されるグラデーション。その表現方法によっては色に深みが出たり、奥行きがでたりと単色では表現できない感覚を与えてくれますが、今日紹介するのはグラデーションを操るjavascript「Granim.js」です。

granim1

この「Granim.js」はjavascriptを利用して特定の色から特定の色までをシームレスに変化させる事が可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:14  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加
2013年04月02日

ニュアンスの異なるグラデーション素材まとめ「50+ Cool Photoshop Gradient Brush and Gradient Sets」

パーツ一つ一つのクオリティを左右するグラデーションのかけ方には、特にこだわりを持っているという方も多いのではないでしょうか?そんなシーンに活用できる、ニュアンスの異なるグラデーション素材をまとめた「50+ Cool Photoshop Gradient Brush and Gradient Sets」です。


Gradients 04 by ~crazykira-resources on deviantART

シンプルなグラデーションブラシから、さまざまな世界観を表現できるグラデーションブラシまで、たくさんの素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、まずは下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2009年09月17日

利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」

マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニックの一つです。今日紹介するのは利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」です。

jquerytooltip01
qTip – The jQuery Tooltip Plugin

吹き出しタイプやフェードタイプなど様々なもの集められていますが、今回はそのなかからいくつか気になったツールチップをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:48  |  
Category: WebDesign   
2007年11月09日

WordPressのログイン画面を簡単に変更するプラグイン「BM Custom Login」

前回「WordPressのログイン画面集「Change Color of Your WordPress Login」」と言う記事でWordPressのログイン画面のデザイン集と変更方法を紹介しましたが、今回はログイン画面の変更を簡単にするプラグイン「BM Custom Login」を紹介したいと思います。

BM Custom Login

こちらのプラグインを導入すれば簡単に分かりやすくWordPressのログイン画面を変更する事が可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:52  |  
Category: plugin , WordPress   
2012年08月29日

さまざまな水の表情が楽しめるテクスチャまとめ「Useful High Quality Water Textures for Photoshop Users」

この夏の暑さで、夏バテ気味という方もいらっしゃるのではないでしょうか?そんな時は誰でも、涼しげな雰囲気を楽しみたいと思うもの。そんな中今回紹介するのが、さまざまな水の表情が楽しめるテクスチャまとめ「Useful High Quality Water Textures for Photoshop Users」です。


COLORED WATER MACRO STOCK by =ArwenArts on deviantART

水々しさを感じられるテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:23  |  
Category: Design , Photoshop   
2009年08月05日

IE6利用停止推進プロジェクト。IE6をやめて新しいブラウザを使おう「IE6 No More!」

IE6に苦しめられている、もしくは苦しめられたと言うWEBデザイナーさんは国内だけには留まらず、世界中に存在するかと思いますが、今日紹介するのはIE6の利用をもういい加減にやめようと訴えかけ、推進するプロジェクト「IE6 No More!」です。

ienomore01

2001年に公開されたのにも関わらず、現在でもかなり多くの人が現在も使っており、IE6に対しての費やす時間はWEBデザイナーの生産性を制限しているとの思いからスタートしたそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:02  |  
Category: WebDesign   
tag: webdesign
2008年06月15日

ロゴデザインのリソースサイト集「105+ Logo Design Tuts And Resources」

皆さんはロゴデザインを考える時にどんな物を参考にしているでしょうか?今ある企業のロゴデザイン、昔のマーク、または全く関係のない物からと、作るロゴのテイストや使われる物の種類でも違ってくるとは思いますが、今回紹介するのはロゴデザインに役立つロゴで残を取り扱っているサイトをまとめた「105+ Logo Design Tuts And Resources」と言うエントリーを紹介したいと思います。

ロゴのリソースとなるようなサイトが集められています。かなりの数が紹介されていますが、その中からいくつか下記に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: Design   
tag: Design
2017年05月20日

430種類もの手描き風イラストがセットになった「430+ FREE storyboard illustrations by Julian Burford」

デザインに分かりやすく親しみやすく、彩りを添えてくれるイラスト。活用したいと思っても、自分で制作するには時間とコストが掛かるため、なかなか難しいのが現状です。今回紹介するのはそんな方におすすめ、手描きイラストが430種類も詰まった素材セット「430+ FREE storyboard illustrations」です。

430-illustrations-01

ペンで描かれたようなタッチのイラストが、全てベクター形式で揃っており、さまざまなシーンで活躍してくれそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , vector   
2012年01月22日

10pxで様々なものを表現するミニピクセルアイコンセット「Bijou」

WEBを制作にあたり便利な素材アイコン。一つ一つアイコンを制作するのはとても大変で、ピクセルアート的なピクトグラムであれば一層時間がかかります。今日紹介するのは10pxで様々なものを表現するミニピクセルアイコンセット「Bijou」です。

アイコンはすべてpngで配布されており、さらにありがたいことに、ソースファイルのpsdも用意されていますので、オリジナルのアレンジを加えることも可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:37  |  
Category: Design , Photoshop , WebDesign   
2016年01月08日

ファイナンス系のデザインに便利なデザインアイコンセット「36 Free Linear Finance Icon Set」

最小限ののデザイン表現で意味を伝えるのに最適な素材・アイコン。いろいろなテーマのものが作成されフリーで配布されていますが、今回紹介するのは、ファイナンス系のデザインに便利なデザインアイコンセット「36 Free Linear Finance Icon Set」です。

financeicon

マネー・投資・企業情報などの数字に関する表現に最適なアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebService   
2010年01月28日

シンプルでユニークなWordPressテーマ「25 Fresh, Clean and Unique WordPress Themes」

豊富なテーマで国内外で人気のCMS、Wordpress。様々なテーマが日々発表されていますが、今回紹介するのはシンプルでユニークなWordpressテーマを集めたエントリー「25 Fresh, Clean and Unique WordPress Themes」です。

wptheme01
Get Some Aparatus – Free Theme for WordPress | Fearless Flyer Web Design

すっきりしていながらも、オーソドックスなテーマとは少し違う。そんなWordpressのテーマを集めています。今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:58  |  
Category: WordPress   
2010年02月13日

ブックレビュー「WEB制作の現場で使うjQueryデザイン入門」

アスキーメディアワークスさんに「WEB制作の現場で使うjQueryデザイン入門」を献本して頂きましたので紹介したいと思います。

jquerybook

まず本の内容に触れる前にドキッとさせられたのが帯のコピー。「もうプログラマーには頼らない
」、「javascriptはコピペ。クライアントの要求には応えられない」、「ゼロから始めてjQueryの制作力が身につく本」などと書かれていて、ライブラリを中心にパッケージを少し改変して利用していた自分にとってはかなり効いたコピーでした。そのコピーの通り内容は非常に分かりやすく、ゼロからの方でも順を追っていけば理解できるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:43  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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