TOP  >  サンプル

Tag : サンプル

2017年07月07日

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

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

coolhue02

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

詳しくは以下

(続きを読む…)

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

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

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

webgradients

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

詳しくは以下

(続きを読む…)

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

クリエイティブな入力フォームサンプルまとめ「Creative Form & Input Field Design Examples」

webサイトに文字や情報などを入力する際に使用する入力フォーム。一般的には文字を打ち込むとカーソルが右側に動いていくシンプルなものが主流ですが、今回紹介するのは、クリエイティブな入力フォームサンプルまとめ「Creative Form & Input Field Design Examples」です。

form1
Natural Language Form

入力フォームに独自な動きや、フォーム自体にデザインが施された、他のサイトとちょっと差を付けたい時に活用できる例がまとめられています。

詳しくは以下

(続きを読む…)

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

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

2013年11月26日

色々使える人間のシルエットの素材集「40 Amazing People Silhouette Sets for Designers」

デザインに人間の写真やイラストを取り入れる機会は多く、その視覚要素を通して的確に情報を伝える手段が、WebでもDTPでもよく利用されています。今回紹介するのは40種類ものシルエット素材を集めたエントリー「40 Amazing People Silhouette Sets for Designers」です。

40apssfd_0
People Silhouette – Vecteezy! – Download Free Vector Art, Stock Graphics & Images…

ビジネスのフォーマルなイメージのものから、スポーツシーン、カジュアルなものまで、バラエティ豊かなシルエットが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop , vector   
2016年02月18日

オンラインショップのデザインに クレジットカードアイコンセットまとめ「20 Free Payment Method & Credit Card Icon Sets」

オンラインショップの決済でカード使用をする時、ページに使用可能なカードがアイコンとして表示されていることが多いと思います。今回はそんなカードアイコンをセットでダウンロードできるまとめ「20 Free Payment Method & Credit Card Icon Sets」を紹介したいと思います。

card0218_4
Pure CSS Responsive Credit Cards Icons

世界的に使われている主要なアイコンから、ちょっとめずらしいものまで、いろいろな種類のカードアイコンがまとめられています。

詳しくは以下

(続きを読む…)

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

企業サイト制作に最適なフリーwordpressテーマ「12 Free Small Business Themes For WordPress」

さまざまなサイト制作に便利なwordpress。更新作業なども容易に行うことができ、また構築する側にとっては嬉しいフリーのテーマも多数配布されています。そんな中今回は、企業サイト制作に最適なフリーwordpressテーマ「12 Free Small Business Themes For WordPress」を紹介したいと思います。

wordpress0827_1
Revera | FabThemes.com

企業ブランディングに欠かせないwebサイト。印象的なサイトを作り上げるのにぴったりなテーマが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:05  |  
Category: WordPress   
2015年01月16日

フラットデザインのデスクトップビジュアルを手に入れられる「Flat Desk Items」

ビジネス系のwebデザインを手がける際に、ビジネスシーンをイメージとして取り入れることも多いと思いますが、1からビジュアルを作り上げようと思うと意外に大変なもの。今回はそんなシーンにぴったりな素材「Flat Desk Items」を紹介したいと思います。

desktop1

フラットデザインのデスクトップビジュアルがセットでダウンロードできるようになっており、いろいろなデザインシーンで活躍してくれそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:30  |  
Category: Design   
2016年05月14日

様々なリッチアニメーションアラートを簡単に実装できる「SweetAlert2」

WEBでエラーを始め、様々な注意を促すアラート。標準でも用意されており、簡単に実装は可能ですが、今回紹介するのは、様々なリッチアニメーションアラートを簡単に実装できる「SweetAlert2」です。

alart01

「SweetAlert2」はほぼ標準のアラートと同じような書き方でアニメーション付きのアラートを実装可能です。

詳しくは以下

(続きを読む…)

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

定番の国旗アイコンセットベスト10「Top 10 Country Flag Icon Sets」

WEBに限らず、様々な制作物でよく利用する機会がある国旗。今日紹介するのは定番なものから、凝ったものまで、国旗アイコンセットを集めたエントリー「Top 10 Country Flag Icon Sets」です。


Free Country Flag Icons

詳しくは以下

(続きを読む…)

続きを読む
posted 11:55  |  
Category: Design , WebDesign   
2011年08月03日

破れた紙のテクスチャセット「33+ High Quality Peeling Paint Textures for Your Designs」

デザインを印象的なものに仕上げるために活用されることも多いテクスチャ素材。そんな時は、より個性の強いものが求められます。今回はそんなシーンに最適な「33+ High Quality Peeling Paint Textures for Your Designs」を紹介したいと思います。


Peeling Back Paint by ~GrungeTextures on deviantART

破れた紙の質感が、色も素材感など豊富な形で展開されています。気になったものをピックアップしておりますので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:12  |  
Category: Design   
2011年04月08日

2011年ハイクオリティなWordPressフリーテーマ集「40 High Quality, Fresh And Free WordPress Themes Of Year 2011」

世界中で利用されているWordpress。その魅力の一つに豊富なクリエイティブなテーマの存在があります。同じコンテンツでもテーマによって大きく印象が変わり、テーマはシンプルなフレームワークのものから細部まで凝ったデザインのテーマもあります。今回紹介するのは2011年の新しく登場したWordpressのテーマを集めた「40 High Quality, Fresh And Free WordPress Themes Of Year 2011」


PeaceKeeper

クオリティが高く、細かい部分まで作りこまれたテーマが多く紹介されていました。今日はその中から幾つか気になったテーマをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:48  |  
Category: WebService   
2014年05月22日

ショッピングサイトに是非利用したいアイコンセット「Ecommerce Shopping Icon Set」

インターネット上で買い物をする際に利用するショッピングサイト。非常に情報量が多いため、いかにユーザーが使いやすい構成にするかがポイントとなってきます。今回はそんなショッピングサイトに是非利用したいアイコンセット「Ecommerce Shopping Icon Set」を紹介したいと思います。

eccicon

ショッピングサイトで便利に利用できる種類のアイコンが70パターン、セットになってダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2012年06月26日

雰囲気のある汚れ感を演出できるグランジブラシまとめ「20 Free Photoshop Grunge Brushes」

デザイン背景やパーツ背景に雰囲気をプラスするために利用されるグランジ素材は、模様のニュアンス次第でデザインテイストが大きく変わります。そんな中今回紹介するのが、自分で想い通りのニュアンスを作りやすい、グランジPhotoshopブラシをまとめた「20 Free Photoshop Grunge Brushes」です。


Decay Brushes 2 by ~Leichnam on deviantART

アンダーグラウンドなテイストのブラシからアーンティークなテイストのブラシまで、さまざまなシーンに対応できるPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:50  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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