TOP  >  Tool

Tag : Tool

2017年11月03日

ユニークなアニメーションアンダーライン「10 Unique Animated Underline Text Effects with CSS」

使いやすさや分かりやすさが重要なWebサイトはデザインだけではなく、一つひとつのアクションにもこだわって作られています。そんな中今回は、ユニークなアニメーションアンダーライン「10 Unique Animated Underline Text Effects with CSS」を紹介したいと思います。

Underline01
Decorative Text Underline

アンダーラインといってもその種類は様々。さまざまなアニメーションパターンがまとめられています。いくつか紹介されている中から気になったものをピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
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月08日

洗練された雰囲気が特徴のiPhone Xモックアップセット「iPhone X Mockup Set」

11月に発売予定のiPhoneX。多くの人が発売を待ち望む中、デザイン業界ではすでに実機のモックアップが数多く登場しています。そんな中今回は、洗練された雰囲気が特徴のiPhone Xモックアップセット「iPhone X Mockup Set」を紹介したいと思います。

iPhoneX_mock-up01

iPhone Xをテーマに、シンプルで使いやすい構成のモックアップビジュアルがまとめられています。

詳しくは以下

(続きを読む…)

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

デベロッパー必見 最新のリソース10種「10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers」

多くのWebサイトを構築するデベロッパーにとって、作業時間の短縮や効率アップにつながるアイテムは日々の仕事においてとても重要です。更には新しい技術を求められるため、最新の素材をいくつか手元に置いておきたいもの。そんな時に役立つ最新のリソース10種類「10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers」を今回は紹介します。

webresources_01

便利に活用できるリソース素材が豊富に紹介されています。いくつか、気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加
2017年10月05日

web開発者のための最新リソースまとめ「Fresh Resources for Web Developers – September 2017」

日々技術が進化する中で、開発者やデザイナーであれば常に新しいアイテムを手元に置いておきたいもの。そんな中今回紹介するのは、web開発者のための最新リソースまとめ「Fresh Resources for Web Developers – September 2017」です。

Resources01
GitHub – richtabor/MerlinWP: Better WordPress Theme Onboarding

アイコンやフォントなど、様々な場面で活用出来るアイテムがまとめられています。いくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2013年01月15日

クリエイティブで使えるフリーphotoshopパターン集「40 Unique & Free Photoshop Patterns」

デザインに質感を与えたり、クオリティを簡単に向上してくれるパターン素材。使い方によっては、単なる図形が全体を引き立てる要素に変わったりしますが、今日紹介するのは、便利に利用できる、クリエイティブで使えるフリーphotoshopパターンを集めたエントリー「40 Unique & Free Photoshop Patterns」です。


Manga Patterns

様々な種類のphotoshopで利用できるパターンが全部で40種類まとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: Design , Photoshop   
2019年03月21日

【商用可】アナログ感のあるドローイングフリーフォント「THRONE」

フォントというのはデザインに与える時影響が非常に大きく、そのフォントが持つ雰囲気で大きくデザインの仕上がりの印象は大きく異なります。今回紹介するのは、カスレや色ムラまで細かい部分まで再現した、アナログ感のあるドローイングフリーフォント「THRONE」です。

1thro

いくつか利用例などが配布元では公開されていましたので、以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:02  |  
Category: Design , Font   
2018年11月21日

IllustratorでもPhotoshopでも使用できる無料のフラワーパターン「Flower seamless free Photoshop and Vector pattern」

特に女性らしいデザインに合わせやすい花柄。いろいろな形で素材配布されていますが、今回は、シームレスなフラワーパターン「Flower seamless free Photoshop and Vector pattern」をご紹介します。

Flower-seamless1

おしゃれでどこかレトロテイストなフラワーパターンがダウンロードできるようになっています。

詳しくは以下より

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2007年10月18日

WPにGoogleAnalyticsを導入するプラグイン「Ultimate Google Analytics」

当サイトのアクセス解析にはgoogleさんが提供しているGoogle Analyticsを利用しています。もうご存知の方がほとんどだと思いますが、GoogleAnalyticsとは月間500万PVまでは無料(その以上のPV数の場合は、解析してくれないだけで、有料化するわけではない)で解析してくれて、滞在時間やリピートユーザー率などかなり細かいデータまで解析してくれますのでメインの解析ツールとして十分な機能を持っているアクセス解析です。

GoogleAnalyticsの解析にはテーマ内にトラッキングコード埋め込む必要があるのですが、テーマに直接記述してしまうとテーマを変えた時に面倒になりそうなので導入支援プラグインを「Ultimate Google Analytics」使いたいと思います。このプラグインを使えば簡単にGoogleAnalyticsをWordPressに導入できます。

インストール方法は以下から

(続きを読む…)

続きを読む
posted 03:17  |  
Category: plugin , WordPress   
2010年06月08日

これからの季節に必携!Tシャツモックアップテンプレート集「Complete Collection of Blank T-Shirt Mockup Templates」

かなり暑くなってきて、これから梅雨が明けると夏本番。Tシャツが大活躍する季節ですが、デザイナーなら、Tシャツを作ってくれと頼まれたり。自作したりコンペに出したりとそんなTシャツがらみのクリエイティブも増えてくるのではないでしょうか?今日紹介するのはTシャツをデザインするときに便利なTシャツモックアップテンプレートを集めたエントリー「Complete Collection of Blank T-Shirt Mockup Templates」です。

tshirt_template_01
Hi-Res Blank White T-Shirt Template (.jpg)

上記のような無地のデザインのベースになるようなテンプレートが多数まとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:56  |  
Category: Design , Photoshop , vector   
2015年05月03日

手軽に円形柄演出を加えられるPhotoshopカスタムシェイプ集「A Great Collation Of Circular Custom Shapes For Photoshop」

Photoshopでさまざま柄などを表現する際に便利なカスタムシェイプツール。いろいろな種類を利用されている方も多いと思いますが、今回はそんなカスタムシェイプの中で、手軽に円形柄演出を加えられる「A Great Collation Of Circular Custom Shapes For Photoshop」を紹介したいと思います。

celtic_circles1
31 Photoshop Circle Shapes – Intricate Circles | Photoshop Custom Shapes

さまざま種類の円形をデザインできるカスタムシェイプがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:24  |  
Category: WebService   
2010年11月20日

iphone、ipadをデザインするためのスケッチテンプレート集「Ultimate Collection of Printable Mobile Sketching Templates」

デザインをする際、いきなり画面に向かって作業するよりもアイデアや考え方を手書きで描いてからデザインするという方は多いと思います。今日紹介するのはiphone、ipadをデザインするためのスケッチテンプレートを集めたエントリー「Ultimate Collection of Printable Mobile Sketching Templates」です。


iPhone Application Sketch Template

方眼をベースにしたものから、シンプルなデザインもの、主要事項が書き込めるような枠が付けてあるものなどなど、様々なスケッチテンプレートがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:41  |  
Category: Design   
2010年02月17日

プロの現場でも使えるハイクオリティなフリーフォント「35 Latest High-Quality Free Fonts for Professional Designers」

フォントのがデザインに与える影響はとても大きく、フォントの選び方でデザインの感覚がガラリとかわったりします。今日紹介するのはプロの現場でもプロの現場でも使えるハイクオリティなフリーフォントを集めたエントリー「35 Latest High-Quality Free Fonts for Professional Designers」です。

lhqfffpd01
Kilogram

今日は今までDesigndevelopで紹介した事が無いフォントを中心にいくつか気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:28  |  
Category: Design , Font   
tag: Design Font
2013年04月21日

錆びを活かしたグランジ感のあるデザインに活用できるテクスチャ「Eight High-res Rust Textures」

鉄などが外気や水などにさらされておきる錆の状態は、デザインの世界ではテクスチャ素材の1つとして利用されることも。今回はそんな錆びを活かしたグランジ感のあるデザインに活用できるテクスチャ「Eight High-res Rust Textures」を紹介したいと思います。

高解像度でダウンロードできる8種類の絶妙な違いを表現した錆テクスチャがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:43  |  
Category: Design   
2009年07月19日

商用可!WEBの背景に最適な引き詰められるテクスチャ「Free Seamless Grungy Green Textures」

デザインをする上で、完成度や世界観を伝える為に大きなチカラになってくれるのがテクスチャ。良いテクスチャが見つかっても大きなものを制作していたり、テクスチャ自身のサイズによっては引き詰めた時につなぎ目が見えてしまって上手く使えないときもあります。

textgraseemless

今日紹介するのは引き詰めて使う事ができるテクスチャを集めた「Free Seamless Grungy Green Textures」です。グランジ系のテクスチャがセットになって配布されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:28  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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