TOP  >  ツール

Tag : ツール

2017年09月24日

直感的な操作で簡単にアニメーションを作成することができるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」

WEBサイトならではのアクション要素の一つ、アニメーション。取り入れることができれば個性的でインパクトのあるサイトを制作できますが、アニメーションの作成はハードルが高いと感じる方も多いのではないでしょうか。そんな方におすすめできるCSSアニメーションツール「Stylie – A Free CSS Web Animation Builder」を今回はご紹介します。

stylie-css-animation_top

使い方が難しそうと思われる方も多いかもしれませんが、汎用性の高い便利なツールとなっています。使用方法をわかりやすく説明してくれている動画が紹介されていますので、まずは下記よりご覧ください。

詳しくは以下

(さらに…)

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

便利で優秀なSVGツールとアイコンセットのまとめ「40 Excellent SVG Tools and Dozens of Icon Sets」

レスポンシブが盛んな昨今。PCとスマートフォン両方で使用することができ、かつ綺麗に表示させることが可能なSVGファイルは、非常に便利。今回ご紹介する「40 Excellent SVG Tools and Dozens of Icon Sets」ではSVGに焦点をあてた便利なツールがまとめられています。

svg_top
Plain Pattern

SVGファイルを編集してアニメーションを制作できるツールなどこれから必要になるコンテンツが多数収録されており、その中から気になったものをいくつかピックアップしていますので下記よりご覧下さい。

詳しくは以下

(さらに…)

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

様々な場面で活用出来る便利なPSDモックアップ「35 Best Mockups: Download Realistic PSD Mock-ups」

デザインの仕事に携わっていると、ロゴなどのブランドイメージから名刺や販促ツールまで、クライアントに提案する機会は多いはず。そんな時にデザインをより魅力的に見せるためにも、モックアップが重要な役割となります。そんな中今回は、様々な場面で活用出来る便利なPSDモックアップ「35 Best Mockups: Download Realistic PSD Mock-ups」を紹介したいと思います。

35MockUp_01
Art & Craft / Stationery Mock-Up ~ Product Mockups on Creative Market

紙のツールからパッケージのモックアップまで、様々なバリエーションが揃っています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

テイストの異なるWebサイト用PSDテンプレート「12 Free High Quality Website Template PSDs To Download」

Webサイトは、掲載内容や用途によって様々な表現をする必要があります。デザイン制作の効率化にも繋がるテンプレートはそんな時にとても役に立つ素材の一つ。そんな中今回は、テイストの異なるWebサイト用PSDテンプレート「12 Free High Quality Website Template PSDs To Download」を紹介します。

websitetemplate01
Freebie PSD: Perth – A Free Flat Web Design.

多種多様なPSD形式のテンプレートがまとめられてます。その中から幾つか気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下

(さらに…)

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

ワイヤーを制作する時に必ず役に立つまとめ「10 Free & Latest Wireframe Tools and Templates」

デザインをする上で欠かすことのできないワイヤー制作。設計の基礎となるものであり、制作の方針をディレクターに伝えるためのものでもあります。デザイン業務に必ず組み込まれているものだからこそ、便利なツールを使用すれば業務がスムーズになるはず。そんな中今回は、知っていれば業務が楽になるまとめ「10 Free & Latest Wireframe Tools and Templates」をご紹介していきます。

JustInMind_top
Prototyping tool for web and mobile apps – Justinmind

ワイヤー制作を楽に行えるようになるツールがまとめられています。下記にいくつかピックアップしているのでご覧ください。

詳しくは以下

(さらに…)

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

シンプルな構造で幅広く活用できる 人物ラインアイコン「Freebie: Line-Style User Avatar Icon Set」

ビジネス、ライフスタイル、ソーシャルなど、アイコンにはいろいろな種類があり、常にチェックしストックしておくことでさまざまなシーンで役立ってくれます。そんな中今回紹介するのは、人物のラインアイコン「Freebie: Line-Style User Avatar Icon Set」です。

hito_lineicons01

人物をテーマとしたラインアイコンで、シンプルなテイストでありながらもどこか個性を感じるデザインが特徴となっています。

詳しくは以下

(さらに…)

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

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

2007年11月08日

【FreeFont】商用利用可なティーン風手書き文字を無料配布「ふい字置き場」

なかなか普段使わないけど持っていると役に立つ手書き風フォントを配布してくれているのが今回紹介する「ふい字置き場」です。下記のようなゆるーい感じの手書き風フォントが無料でダウンロードできるようになっています。

配布されているのは全部で「ふい字」「まきばフォント」「おひさまフォント 」の3つです。下記にサンプルを貼っておきます。

■ふい字

ふい字

【収録文字】
ひらがな/全角・半角カタカナ/全角・半角数字/全角・半角アルファベット/ギリシャ文字/ロシア文字/各種記号/シフトJIS第一水準漢字/シフトJIS第二水準漢字/絵文字

■まきばフォント

まきばフォント

【収録文字】
ひらがな/全角・半角カタカナ/全角・半角数字/全角・半角アルファベット/ギリシャ文字(小文字だけ)/各種記号/絵文字/シフトJIS第一水準漢字/シフトJIS第二水準漢字の、わりと使いそうな字

■おひさまフォント

おひさまフォント

【収録文字】
ひらがな/全角・半角カタカナ/全角・半角数字/全角・半角アルファベット/ギリシャ文字(小文字だけ)/各種記号/絵文字/シフトJIS第一水準漢字/シフトJIS第二水準漢字の、わりと使いそうな字

フォントはすべてttf(トゥルータイプフォント)で配布されています。ダウンロードは「ふい字置き場」から利用はリンク先の配布サイト様の利用規約に従ってください。

ふい字置き場

続きを読む
posted 01:53  |  
Category: Design , Font   
tag: Design Font
2008年08月31日

ログイン不要で1ファイル10Gまでのオンラインストレージ「Filesavr」

今までいくつかオンラインストレージは紹介してきましたが、今日紹介するオンラインストレージサービス「Filesavr」は、なんと1ファイル毎に10Gまでのファイルをアップロードしておけます。しかもログイン不要で利用できるので、気軽に利用する事ができます。

オンラインストレージ

現実的に10Gともなるとアップロードするのも大変ですし、単体のファイルでそこまでのファイルを受け渡しする機会は滅多に無いと思いますが、制限の上限が高いのは嬉しい所です。

詳しくは以下

(さらに…)

続きを読む
posted 11:31  |  
Category: WebService   
2015年03月14日

3サイズ揃ったラインアイコンセット「100 Responsive Line Icons」

アイコンは、さまざまな種類がセットになっている状態でダウンロードできることがほとんど。一度に多彩なバリエーションを手に入れることができるのも嬉しいところです。そんな中今回紹介するのは、3サイズ揃ったラインアイコンセット「100 Responsive Line Icons」です。

freebielineicon1

シンプルで柔らかいテイストのアイコンが100種、セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

2017年 新年あけましておめでとうございます。

deve

皆様、新年あけましておめでとうございます。

2016年もDesigndevelopを応援・閲覧して頂き、本当にありがとうございます。最近は更新頻度が滞っており、質ではなく量での優位性をもって、デザインや開発を行っている方に貢献するというブログの軸が少しズレてしまっていました。

開設当初は最低でも毎日2件、多い日はもっと数多くの記事をお届けしていましたが、最近では1週間でも2〜3本になってしまっていました。新年ということで改めて当初のコンセプトを再度認識し進んでいきたいと思います。

記事の編集・発信については今までと変わらず、Designdevelopという名前の通り、主にフロントエンドの開発周りから、デザインの際に役立つツールなど利用するものを中心に、今年は記事更新をなるべく行えるように仕組み化し、もっと多様性のある情報、多くのデザインや開発に役立つ情報を皆様にお届けできればと考えています。

2017年、今年もDesigndevelopをどうぞよろしくお願い申し上げます。

続きを読む
2014年07月17日

デザイナーのためのフレッシュなアイコンセットまとめ「20+ Fresh and Free Icon Sets for Web Designers」

特にwebサイトを制作する際に欠かせない存在といっても過言ではないアイコン。種類やテイストにもさまざまなものが存在しています。そんな中今回は、デザイナーのためのフレッシュなアイコンセットまとめ「20+ Fresh and Free Icon Sets for Web Designers」を紹介したいと思います。

icon140717_1
30 Free PSD Weather Icons

いろんなテイストやテーマのアイコンが多数まとめられており、状況に応じて使い分けることができるようになっています。

詳しくは以下

(さらに…)

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

ラフなテイストを表現したい時に使えるフリー手書きフォントを集めた「Simple But Powerful Free Handwritten Fonts」

フォントにはさまざまな種類が存在しており、デザインに合わせてテイストを選び組み合わせることで、よりイメージに近い作品を作り上げることが可能になります。そんな中今回は、ラフなテイストを表現したい時に使えるフリー手書きフォントを集めた「Simple But Powerful Free Handwritten Fonts」を紹介します。

handfont1
Handkerchief Font | dafont.com

手で書いた雰囲気を感じさせてくれる、ラフテイストなニュアンスが特徴のフォントが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2014年05月10日

多彩な種類のフリー素材をまとめた「50 Freebies for Designers from April 2014」

インターネット上では非常にたくさんのフリー素材が配布されていますが、目的に応じて合った種類を探し出すのは意外に時間がかかってしまったりするもの。今回はそんなシーンを軽減するために知っておきたい、多彩な種類のフリー素材をまとめた「50 Freebies for Designers from April 2014」を紹介したいと思います。

free0509_1
Dribbble – Free Portfolio Template Design (PSD) by Vitaliy Dvoretsky

フォントやアイコン、テクスチャ、UIといった、よく利用される素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

フリーで利用できる種類の豊富な幾何学模様パターンまとめ「250+ Free Distinct Geometric Patterns」

デザインの質を高めてくれる背景パターンは、なるべく多くストックしておきたいもの。そんな中今回紹介するのが、フリーで利用できる種類の豊富な幾何学模様パターンをまとめた「250+ Free Distinct Geometric Patterns」です。


Free seamless patterns Green, Pink 70s |

シンプルなパターンからギミックの繊細なパターンまで、さまざまな幾何学模様パターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:08  |  
Category: Design   
2013年11月21日

AIでも配布!グラフィカルなアイコンセット「Freebie: Nice Things Icon Set (128 Icons, PNG + AI Source)」

デザイン制作を行う中でアイコンを効果的に用いれば、余計なテキストを削減すると同時に、ユーザビリティの向上にも貢献してくれる便利なものですが、今回はAI形式のデータも同封されているグラフィカルなアイコンセット「Freebie: Nice Things Icon Set (128 Icons, PNG + AI Source)」を紹介したいと思います。

fntis128_0

収録されているアイコンは食べ物から電化製品とジャンルも多岐に渡っていて、その数128種類。ポップなテイストで作りこまれたアイコン達は見ているだけでも楽しい気分にさせてくれます。

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , vector , WebDesign   
2011年09月03日

種類の豊富なデニムテクスチャ集「Collection of Useful And High Quality Denim Textures」

世界中で愛されているデニム生地は、デザインの中でも使いやすいアイテムではないでしょうか?そこで今回は、さまざまな種類のデニム生地テクスチャを集めた「Collection of Useful And High Quality Denim Textures」を紹介したいと思います。


denim by ~virus-xiii on deviantART

縫い目の異なるさまざまなデニム生地がラインナップされています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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