ウェブ制作がすご楽に！便利な最新オンラインツール33個まとめ
この記事では、日常行っているWebデザインやグラフィックデザインの制作が格段スピードアップする、便利な最新オンラインツールをまとめてご紹介しています。 カテゴリ分けされたこれらのツールやサービスを利用することで、面倒な作業を自動化し、生産性をアップすることができるでしょう。一度使いはじめると「これなしじゃ考えられない。」、そんな便利ツールが揃います。 コンテンツ目次 1. デザインコレクション 2. イラスト系ライブラリ 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. 生産性アップツール ウェブ制作がすご楽！便利な最新オンラインツールまとめ デザインコレクション SVG Arista このツールはCSSコードを使って、アップロードしたSVGファイルのstrokeとfillプロパティのアニメーションを作成するAnimistaのスピンオフ・プロ
無料ダウンロード可能で商用利用もOKな内容が異様に細かいピクトグラム「human pictogram 2.0」
資料や配布物のデザインは悩みどころですが、「早く帰りたい人は利用してさくっと仕事を終えて帰宅しましょう」ということで、「フキダシデザイン」の作者であるTopeconHeroesのダーヤマさんが無料で商用利用も可能なピクトグラムを公開しています。「ピクトグラムはほとんどの場合、公共交通機関や、バリアフリーなどの標識に使われるため、雰囲気が真面目なものが多く、やや面白みに欠けるので、くだらないポーズなど多めにバリエーションを増やしていく事にしました」とのことで、ピンポイントすぎるピクトグラムの内容は、見ているだけでも楽しめます。 human pictogram 2.0 (無料人物 ピクトグラム素材 2.0) http://pictogram2.com/ トップページにはカテゴリ分けされていないピクトグラムがずらっと表示されており、ページ下部のボタンから「どんなピクトグラムがあるのか？」というこ
知らないと損！新しいのがどんどん増えてる、商用無料の写真素材がダウンロードできるサイトのまとめ
商用のサイトでも個人のブログでも、クライアントのプロジェクトでも無料で利用できる高品質な写真素材がダウンロードできる写真素材サイトを紹介します。 最近公開されたサイトから、新しい写真が追加されたサイトまで、要チェックです！
日本語フリーフォント、これだけは持っておきたい厳選22個まとめ
日本中の書体デザイナーさんの努力によって、素敵な日本語フリーフォントが数多く公開されるようになったいま、複数の書体をインストールしているひとも多いでしょう。しかしデザインのとき、いつも同じ書体ばかり使ってしまう、という人もいませんか？ 公開されているフォントの数が増えたことで、どれも利用してよいか悩んでしまうこともしばしば。特に、デザインコンセプトにあった、商用利用にも対応できる素材を探すのは、時間のかかる作業のひとつかもしれません。 今回は、無料ダウンロード可能で、商用ライセンスにも対応した日本語フリーフォントという条件で、幅広いデザインに利用できる、万能アイテムのみをまとめてご紹介します。
Web制作初心者に役立つ良質なツールやコンテンツ達を出し惜しみせず全部紹介
ぼくがWebデザインに携わってからこれまで約5年半、Web上の多くの優良なサイトから知恵を借りて、ド素人からなんとかフリーで仕事を貰えるまでになった。そして常々、Webから与えてもらった知識や情報を還元したいと思っていた。 こうしてブログを始め自ら情報を発信する場を得たので、一度Web制作に関する良質な情報をまとめて提供してみたい。 このエントリーでは、Web制作の初心者もしくはWeb制作に興味があってこれから始めてみたいという人が、うまくWebの世界に入っていくのに役立つような情報を厳選して紹介している。 一人でWeb制作全般を見れるようになるための基礎的な情報を広く列挙してあるが、必要な箇所だけ断片的に取り上げてもらっても役立つと思う。またできるだけ日本語の中で閉じるよう、海外サイトは最低限にとどめた。 目次 とにかく１ページに詰め込むことを優先したのでかなり長いが、下の目次から必要な
デザイン不要の高品質無料ベクター素材96選【1月編】
ferret編集部：2016年1月7日の記事を更新しています。 普段少しでもデザイン作業をするという方なら、誰でも一度は素材探しに苦労したことがあるのではないでしょうか。特に年末年始のように業務が多忙な時は、素材探しに時間をかけられなかったり、一から素材を作るなんていうことも少なくありません。 そこで今回ご紹介するのは、2017年がスタートし、再び業務が本格スタートした皆様に業務にすぐに役立つ情報です。クオリティーを落とさず、デザイン業務を少しでもスピーディにこなす上で欠かせない便利なベクター素材をご紹介します。 すべて無料のパターン素材で、日常使いできる定番系デザインをはじめ、大活躍間違いなしのベクター素材をたっぷり96個まとめました。 気になるものがあれば、早速ダウンロードしてみてください。 定番から年末年始向けまで！無料ベクター素材まとめ 1. 2017 wishes label d
どれを選んでも無料！高品質すぎるベクター素材60選
この記事は2015年9月7日の記事を更新しています。 ホームページ制作、資料作りで見た目にもこだわりたいと思った時に、イラストを全て作成するのはとても大変です。そんな時、ベクター素材を使えば、時間をかけずともデザインを作りこむことができます。本格的なデザインのものも多数存在しますので、使わない手はありません。 今回は、高品質ながら無料で使えるフリーのベクター素材をまとめてご紹介します。ホームページのデザインから印刷物まで、あらゆるデザインに幅広く活用出来ますので、ぜひダウンロードして使ってみてください。 デザインいらずの高品質ベクター素材まとめ 1.Vector Smart Phone Mockups http://www.vecteezy.com/vector-art/84082-vector-smart-phone-mockups 異なるカラーのスマートフォンイラストをまとめたベクター
ど素人でもプロ並みのチラシが作れてしまう…「Picky-Pics」がデザイナー殺しな件｜まだ仮想通貨持ってないの？
これはいいサービス！助かりますねー。 Picky-Pics（ピッキーピックス） チラシを簡単に作れてしまう 「Picky-Pics（ピッキーピックス）」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい！ 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背景を加工していくだけ。 素材は5万点近く用意されているそうです。 直感的に素材を追加できます。 各素材はドラッグすると移動します。簡単！ 編集画面の使い勝手もすばらしく、ピクセル数を合わせやすいガイド機能が実装されています。 フォントも豊富！これは嬉しいですねー。 出力は3パターン。ウェブページにもできるというのは嬉しいですね。 有料素材を使っている場合は、出力にあたって費用が発生します。この値段
無料でダウンロード可能なPhotoshopをパワーアップさせるブラシセット「BRUSH SET」
デジタル・アーティストJonas De RoさんがPhotoshopで使用しているブラシ37種類をセットにした「BRUSH SET」がdeviantARTから無料でダウンロード可能となっています。ブラシは使用の用途に合わせて5つのカテゴリーがあり、Photoshopでの作業をさらにパワーアップさせることが可能です。 BRUSH SET - Photoshop Painting Brushes by *JonasDeRo on deviantART http://jonasdero.deviantart.com/art/BRUSH-SET-Photoshop-Painting-Brushes-348274576 ブラシのカテゴリーは「BASIC」「PAINT」「ADVANCED」「NATURE」「GUIDE」の5つがあります。 まず「BASIC」はシンプルかつ効果的なブラシ。スピーディーに仕
これは使いやすい、美しいCSS3グラデーションのボタンが簡単に作成できるオンラインツール -CssGradientButton
パネル右：グラデーションやシャドウなどの編集 作成が完了したら、コードを下部に生成されます。 生成されるコードは下記のようになっています。 <!DOCTYPE html><html><head> <style type="text/css"> .button_example{ border:solid 1px #819bcb; -webkit-border-radius: 3px;width:150px; -moz-border-radius: 3px;border-radius: 3px; font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center;
無料のベクター素材を提供しているサイト40選
先日の「無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45選」に続き、ベクター素材を提供しているサイトのまとめです。やはり個人的な整理のためのまとめですが共有します。 先日の無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45に続き、 ベクター素材を提供しているサイトのまとめです。 やはり個人的な整理のためのまとめですが共有します。 はじめに 全てを網羅するのは逆に手間だと思うので、 この中から自分のお気に入りや使いやすいサイトを選んでそれを中心に利用することになると思います。 また、サイトによってはphotoshopの素材とベクター素材を扱ってるサイトもあり、 無料でphotoshopのファイル・ブラシ・シェイプなどの素材を提供しているサイト45で取り上げたサイトはこちらには載せてません。 上記エントリーのサイト説明に
無料から有料まで、トータル1,000種類以上のボタンやバッジ素材がダウンロードできるサイト -FreeButtonWeb
無料から有料まで、トータル1,000種類以上のボタンやバッジ素材がダウンロードできるサイト -FreeButtonWeb
有料から無料になったCSS3による42種のウェブアプリボタンセット「Zocial」
もともとは24ドル(約1800円)の有料セットだったのですが、今は無料でダウンロード可能なのが「Zocial」です。42種類のCSS3によるフォントフェイス(font-face)と、ベクター形式によって自由なサイズでキレイに描画できるアイコンボタンの組み合わせとなっています。 Zocial ~ CSS3 Buttons, Sass Framework. http://zocialbuttons.com/ Zocial | CSS3 Button Set http://zocial.smcllns.com/ ダウンロードは下記サイトの「ZIP」ボタンをクリックすれば可能です。 samcollins/css-social-buttons - GitHub https://github.com/samcollins/css-social-buttons/ サンプルは以下から閲覧可能。 Zocia
50 High-Quality Free Christmas Vectors | Tripwire Magazine
50 High-Quality Free Christmas Vectors by Sonny M. Day | Last updated Oct 7, 2016 | Design | 6 comments It’s already December, and almost everybody is already in the mood for the much anticipated Christmas and New Year celebrations. You can already see Christmas tress, Christmas lights and all sorts of decorations associated with the Christmas season and that includes Christmas inspired desktops,
全50種類、PNGもPSDも揃ってるシンプルなデザインのピクセルベースのアイコン素材 -50 Crisp Web UI Icons
全50種類、PNGもPSDも揃ってるシンプルなデザインのピクセルベースのアイコン素材 -50 Crisp Web UI Icons
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
全部完全無料で商用可！使い勝手のよい高解像度のフリーの写真素材がダウンロードできるサイトのまとめ
新着記事
新着記事
新着記事
新着記事
