TOP  >  ツール

Tag : ツール

2018年02月15日

カラーコードから色の相性を確認できるwebツール「.colors{}」

デザインの印象を決める配色は、組み合わせ次第で全く異なる印象へと変化する、重要な工程です。そんな配色だからこそ、しっかりと吟味して最適な組み合わせを選びたいもの。今回ご紹介するのはその配色を行う際に役立つwebツール「.colors{}」です。

dotcolors1

好きなカラーコードを入力して、その色同士の相性を確認することが出来るWebデザインに最適なツールです。

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

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

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

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

color1

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

詳しくは以下

(続きを読む…)

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

Instagramフィルターを再現するCSSスニペット「Instagram.css」

旅先での思い出や美味しいものを撮った写真をSNSに投稿する時、Instagramを活用している人は多いのではないでしょうか。そんな中今回は、Instagramフィルターを再現するCSSスニペット「Instagram.css」を紹介したいと思います。

Instagram_css

40種類以上のバリエーション豊かなフィルターを再現できるCSSです。

詳しくは以下

(続きを読む…)

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

デザイナー必見!業務を効率化してくれるデザイナーの為のフリーツールまとめ「What’s New for Designers, November 2017」

業務の効率化に欠かせないフリーツールは、上手く使いこなせばコストの削減や時短にも繋がります。より良いデザインの為にも作業環境は常に整えておきたいところ。今回ご紹介するのはデザイナーの為の使えるフリーツールをまとめた「What’s New for Designers, November 2017」です。

resources1118
Creative Veila – Yummy Meals Vector Set
様々な機能をもつ使いやすいフリーツールが25種類以上紹介されています。更にその中から幾つかこれはと思ったフリーツールを集めてみましたので、ぜひご覧ください。

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

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

レスポンシブ設計をスムーズにsuruレスポンシブレイアウトをテストする為のフリーツールまとめ「7 Free Tools For Testing Responsive Layouts」

現代のWebデザインに置いて欠かせない基礎設計となっている、レスポンシブレイアウト。PCとスマートフォンでの見え方の違いを手軽にチェックしたい、そんな時の手助けとなる便利なテストツールをまとめた「7 Free Tools For Testing Responsive Layouts」を今回は紹介したいと思います。

7-free-testing-responsive-layouts1
7 Free Tools For Testing Responsive Layouts | Webdesigner Depot

使いやすい全てフリーで利用できるツールが7種ご紹介されています。その中から幾つかおすすめのツールをピックアップしてまとめましたので、是非ご覧ください。

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

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

実際のイメージに近いものを提案できる15種類のマグカップモックアップ「15 Absolutely Free Mug Mockups That Stand Out」

紙媒体やWebサイトの提案でも欠かせないモックアップですが、オリジナルの商品を提案する際には、更に重要な役割を担っているように思います。カラーパターンであったり、形の違いで同じデザインであってもイメージが全く変わるもの。今回は、より実際のイメージに近いものを提案できる15種類のマグカップモックアップ「15 Absolutely Free Mug Mockups That Stand Out」を紹介します。

mugcup01

様々な形や質感のマグカップのモックアップ素材が揃っています。

詳しくは以下

(続きを読む…)

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

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

2009年08月04日

カートに追加するボタンデザインを集めたデザイン集「“Add to Cart” Button Showcase」

ECサイトには欠かせないボタン「カートに入れる」。国内でも海外でもインターフェイスとして必須の項目です。今日紹介するのはカートに追加するボタンデザインを集めたデザイン集「“Add to Cart” Button Showcase」です。

addcart01

様々なジャンルのECサイトのカートに入れるボタンのデザインを集めています。いくつか紹介されていますが、今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:22  |  
Category: WebDesign   
tag: webdesign
2016年04月16日

レスポンシブに利用できるフリーアイコンセット「Responsive Office Icons」

解像度が多様化してきてWEB制作の一つの主流となっているレスポンシブデザイン。多くの場合解像度によって画像を出し分けたり、フォントサイズを可変したりと解像度ごとの処理をしていると思います。今日紹介するのはそんなレスポンシブデザインの精度をより高める、レスポンシブに利用できるフリーアイコンセット「Responsive Office Icons」です。

OfficeIcons_800x600

こちらのアイコンは16px、30px、40px、80pxと4段階で制作されており、さらに素晴らしいのが、単純に大きさを変えているだけでは無くて、大きさによって作りこみ度合いを変え視認性を確保しています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:14  |  
Category: WebService   
2012年06月04日

インスピレーションの広がるテクスチャまとめ「Various Textures That You Might Find Interesting – 38 Items」

デザイン制作、画像合成など、さまざまな場面で利用されるテクスチャは、できるかぎりバリエーション豊富にストックしておきたいもの。そこで今回紹介するのが、インスピレーションの広がるテクスチャをまとめた「Various Textures That You Might Find Interesting – 38 Items」です。


Nebulous by `pendlestock on deviantART

実写の風景からクリエイター制作によるテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:32  |  
Category: Design   
2014年02月04日

スクエア型を利用したパターンまとめ「40 Amazingly Creative Square Patterns For Free Download」

デザインの背景などを鮮やかに彩るパターン素材には、さまざまな柄が存在していますが、今回紹介するのは、スクエア型を利用したパターンまとめ「40 Amazingly Creative Square Patterns For Free Download」です。

square1
Pattern / candy bunnies :: COLOURlovers

スクエアをいろんな形でデザインに取り入れたパターンが40種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:03  |  
Category: Design   
2009年02月05日

jQueryで実現するアニメーションTips13選「13 Excellent jQuery Animation Techniques」

最近のWEB制作ではよく使われるJavaScriptライブラリの1つ「jQuery」。様々な動きをつけることが可能ですが、今日紹介するのはjQueryを使ったアニメーションのTipsをまとめたエントリー「13 Excellent jQuery Animation Techniques」です。


Create a Cool Animated Navigation with CSS and jQuery

全部で13のjQueryを使ったアニメーションのTipsが紹介されていますが、今日はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:23  |  
Category: WebDesign   
2011年07月13日

デザイン制作の力になる psd素材まとめ「Jul 12 PSD Files: 60+ Must Have Photoshop Files For Designers」

デザインの質を上げるために活用されるPSD素材。たくさん持っている程デザインの幅は広がるものです。今回紹介する「Jul 12 PSD Files: 60+ Must Have Photoshop Files For Designers」にも、非常に多くのハイクオリティなpsd素材が紹介されています。


Arrow buttons PSD pack :: GraphicsFuel.com

パーツやアイコン、テクスチャ、ボタンなど種類も豊富なので、目的の素材を見つけることができそうです。いくつか気になるものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:28  |  
Category: Design , Photoshop   
2010年07月09日

CSSで作るナビゲーションとボタンのコーディングチュートリアル55「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」

WEBでは欠かせないナビゲーションやボタン。様々な作り方がありますが、今日紹介するのはCSSで作るナビゲーションメニューの作り方のチュートリアルを集めたエントリー「Complete Toolbox: 55 CSS Menu And Button Coding Tutorials」です。

bulletproof-sliding-doors-css-menu-button-tutorials
Bulletproof CSS Sliding Doors

スライダー用から、タブメニュー、角アールのグラデーションメニュー、動きの付いたアコーディオン、プルダウンなどなど、CSS作れる様々なナビゲーションとボタンが公開されています。全部で55のチュートリアルが公開されていますが、今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

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

200種の細めラインで構成されたアイコンセット「200 Nanoline Icons」

アイコンには実にいろいろな種類があり、デザインしているもののテイストによって使い分けていると思いますが、今回は200種の細めラインで構成されたアイコンセット「200 Nanoline Icons」を紹介したいと思います。

icon0915

非常に細い、繊細なラインで描き出されたアイコンが200種、セットでフリーダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:30  |  
Category: Design   
2014年03月13日

いろいろな種類が充実したフリーアイコンセット「A Refreshing Collection Of Free Icon Sets」

便利に利用できるデザインアイコンは、たくさん持っておけばさまざまな表現に活用することができるため、とても重宝する存在。そんな中今回紹介するのは、いろいろな種類が充実したフリーアイコンセット「A Refreshing Collection Of Free Icon Sets」です。

icon140312_1
Dribbble – freebie_2X.png by Jared William Kennedy

フラットタイプから、立体的な表現が印象的なものまで、多彩な種類が紹介されています。

詳しくは以下

(続きを読む…)

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

キラキラと光を放つグリッターテクスチャ「7 Glitter Textures」

クリスマスが近づくにつれ、街中は煌びやかなイルミネーションや装飾で溢れています。そんな中今回紹介するのは、これからの時期には特に活躍してくれそうなキラキラと光を放つグリッターテクスチャ「7 Glitter Textures」の紹介です。

Glitter01

美しい色合いのグリッターテクスチャが7色セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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