観ていると落ち着いたり、こんなところに行きたいなーって、心がほっこりするような写真や風景が好きなヨウコウです。 最近、ブログの記事で使用する写真を検索する際に、ものすごくお世話になってる『Pexels』の使い方を簡単に紹介したいと思います！海外のサイトで英語がたくさんですが、使い方は1分でマスターできます！自分みたいな落ちこぼれ英語難民でも使えます！ 【この記事はこんな人の参考になるよ！】 オシャレな写真を探している人 著作権フリーで使える写真（CC0） Pixabayで満足できなくなってきた人 【読むとこんな嬉しさがある！】 Pexelsの使い方をマスターし、写真検索サイトのストックが増える 質の高い写真に会える確率が上がり、検索時間の短縮ができる 素敵な写真を観て癒される 【目次】 Pexelsとは Pexelsの使い方 １、まずはサイトに行きましょう！ ２、検索ワードを入れましょう！

WEB制作やシステム開発をしているとフローチャートを書くことも多く、専用のソフトウェアもリリースされていたりしますが、使い慣れたツールで創るのが一番早いという方も多いと思います。今日紹介するのはフローチャート作成のためのデザインキット「Flowchart kit for Sketch」です。 フローチャートに必要なデザイン素材をSketchで利用できるように、まとめて配布されています。 詳しくは以下 上記のように、フローチャート用に点線、実線、線の間にラベルが付けられたもの、エラーと成功のラベルなどなど、フローチャートの基礎要素が詰まっています。 Sketch形式で配布されていますので、自由にカスタマイズしながら利用ができるのが良いですね。こちらは全部で青、グレイ、黒と三種類のバージョンが無料で公開されており、ライセンスはCreative Commons Attribution 4.0 I

Bootstrapなどのフレームワークの登場によって、ウェブサイト制作は以前よりも手軽に、そして身近になってきています。特にデザイントレンドをうまく採用したHTMLテンプレートを利用することで、モバイル端末へのレスポンシブ対応はもちろん、簡単にサイトデザインを作成できるようになっています。 今回は、無料ダウンロードできる新作HTML5/CSS3テンプレート素材をまとめてご紹介します。どの素材も高品質なだけでなく、テキストエディタで編集しやすい仕様となっており、サイト制作が捗るアイテムが揃っています。今後のデザイン制作に活用してみてはいかがでしょう。 詳細は以下から。 サイト設計の手間を大幅に削減する、実用HTMLテンプレート素材まとめ Material Design for Bootstrap Google 公式のデザインガイド「マテリアル・デザイン」をコンセプトに、人気フレームワーク B

サイトデザインをする上で、デザインがワンパターンになったり、煮詰まったりすると思います。そんな時、Instagram を使わない手はありません世界中のインスピレーション溢れるアート系の発信やデザイン系のイメージがたくさん参照できます本記事ではデザインのヒントになること間違いなしの海外のアートデザイン系の Instagram アカウントをご紹介します。

IoTのシステム構成図が描けるアイコンセット、ソラコムが無償公開。IoTデバイス群、ドローン、監視カメラ、SIMなどを表すアイコンも IoTデバイス向けの通信サービスをクラウドで提供するソラコムは、IoTデバイス群やドローン、SIMなどの最近のIoT関連デバイスから、基地局、交換局、インターネット、サーバ、データベース、ユーザーなどの一般的なものまで、IoTなどのシステム構成図を描く際の部品として使えるさまざまなアイコンを揃えた「SORACOM アイコンセット」を公開しました。 以下はその一部です。 SORACOMアイコンセットは、PowerPoint形式、SVG形式、PNG形式のファイルで提供されるのに加え、オンライン作図ツールのCacooでもステンシルとして提供されます。 使用にはSORACOM アイコンセット使用ガイドラインが定められており、SORACOMの使用に言及する場面などでの

フリーで使用可能 豊富に種類の揃ったラインアイコンまとめ「1000+ Free Thin Line Icons For Web and App Design Projects」 主に、webサイトをデザインする際によく使用するアイコン素材。いろいろなテイストのものがありますが、ラインで描きだされたアイコンはシンプルで活用範囲が広いため、非常に便利です。そんな中今回紹介するのは、豊富に種類の揃ったラインアイコンまとめ「1000+ Free Thin Line Icons For Web and App Design Projects」です。 200 Windows 10 Icons | GraphicBurger フリーで使用可能な、ラインアイコンセットが紹介されており、どれも定番としてストックしておきたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。 詳し

季節はもうすぐクリスマス。ちょうどクリスマスイベント向けのデザインを制作しているという方もいらっしゃるのではないでしょうか。今回は流行のフラットデザインで作られたクリスマスの可愛いアイコンセットのまとめてみました。 Flat Christmas Icon Set – DryIcons 白抜きの主張しすぎないものからカラフルなわくわくするものまで、さまざまなシーンで使えるアイコンが揃っています。 Flat Christmas Icon Set (PSD) | Psdblast フラットデザインを取り入れながらも、ポップな仕上がりのアイコン。クリスマスの楽しさを効果的に伝えられそうです。 16 Colorful Flat Christmas Icons ~ Icons on Creative Market 斜めの影をプラスしたロングシャドーのアイコン。単調になりすぎないので、デザインにアクセン

矢印・コンパス・人物・吹きだしといったスタンダードなアイテムからオンライン上で使えそうな音楽やムービーなどの再生＆停止ボタン・音量ボタン・お買い物ボタンや、Android・Windows・Appleのマークなど、さまざまなジャンルのシンプルなベクターアイコン264種類が無料でダウンロードできて商用利用も可能なのが「IKONS」です。 IKONS - 264 free vector icons from Piotr Kwiatkowski http://ikons.piotrkwiatkowski.co.uk/ 264種類のシンプルなアイコンセットは以下のような感じ。 ダウンロードするにはまず「DOWNLOAD」ボタンをクリック。 ダウンロードする前にライセンスを読んで下さい、と表示されます。ライセンスにはIKONSが無料で個人＆商用利用可能であること、変更や修正は可能ですが改変を加えたアイ

Fast native apps with icons, illustrations and photos

AndroidOS用のシンプルなアイコン約1万5000種類が無料で使え、商用利用も可能なのが、アイコンセットがダウンロードできるWebサイトiconShockの「Android icons」です。 Android icons http://www.iconshock.com/android-icons/?prd=affcomm63789 アイコンには「Dialog」「Hi-res App icon」「launcher」「Menu」「Status」「List」「Tab」など、バージョンの異なる7種類のファイルがありますが、無料でダウンロードできるのは「Dialog」と「Menu」。アイコンはPNG形式で、サイズは「Dialog」が24×24、32×32、48×48、「Menu」が36×36、48×48、72×72と、ファイルごとに3サイズずつ用意されています。 以下のようにアイコン同士を組み

グラフィックデザイナーやウェブデザイナーの仕事をしていると、使い勝手のよいフォントというのは重宝するものですが、シンプルで美しいデザインのフォントというのはなかなか見つからないもの。というわけで、今すぐに商用でも無料で使えるスタイリッシュなフォント42種類は以下から。 A Collection Of 41 Fonts With Free For Commercial Use License http://designresourcebox.com/a-collection-of-41-fonts-with-free-for-commercial-use-license/ ◆01.Aaargh Aaarghとはうわ～！という意味。 ◆02.Aldo ◆03.Aller フランス語で「行く」という意味のフォント名。 ◆04.Alte Haas Grotesk ちょっとレトロな感じのフォント。

新しいアプリのモックアップ作成やデザインの時に、画面上に見えている各種パーツを組み合わせれば単純なスケッチやメモ書きよりももっとはっきりとイメージできることが多く、そういうときに使えるのはこのPhotoshopで利用できるPSDファイル集です。 これらを使えばiOS向けの開発をするときにより説得力のある画面作りや、実際に作る前に最終的にユーザーが触れるデザイン・GUI部分について見栄えを確認することができるため、機能を作ってからGUIの整理をしたら二度手間、三度手間になったというような余計な手間や時間を減らすことができるはずです。 ◆新しいiPad(Retinaディスプレイ対応) iPad GUI PSD (Retina Display) | Downloads | Teehan+Lax http://www.teehanlax.com/downloads/ipad-gui-psd-ret

完成済みのボタンデザインがPSDファイルで配布されているほか、ASKファイル(スタイルファイル)や使用しているフォントも同梱されていて、自分で同じデザインのボタンを自由に作れるようになっています。再配布は不可ですが、個人利用、商用利用ともMightyDealsのメール購読者であれば自由とのこと。 Free download: Slab concrete buttons - MightyDeals 「ダウンロード」「アップロード」など文字の付いたボタンデザインはこんな感じ。 アイコンだけだとこんな感じです。 製作したのはWebdesigner Depot。無料で使用が可能となっていますが、ダウンロードは若干手間がかかります。まず、「Free download」をクリック。 ポップアップが表示されるので、メールアドレスを入力して「Download」をクリック。ここで入力したメールアドレス宛にダ

イーコマース用のアイコン「Kaching」、子ども向けウェブサイト用のアイコン「Childish」、各種ソーシャルメディアのアイコンをベクター形式で揃えた「Buddycons」、モノクロベースで208種類もある実用アイコン「Reflection」、ベクター形式のソースファイルを同梱したRSS用のアイコン「Supra」、ブルーとブラックを基調にしたベクター形式も収録済みのアイコン「Primo」、ベクター形式とPNG形式の両方を揃えたTwitter用各種アイコンセットなどなど、とにかく山ほど無料で商用利用も可能なオリジナルデザインのアイコンを配布しているのがウェブデザインを扱うブログ「Webdesigner Depot」です。 というわけで、各種アイコンのダウンロードは以下から。 Kaching - Exclusive Free eCommerce Icons | Webdesigner De

毛筆や筆で書かれたようなフリーフォント、ペンや鉛筆で書かれたようなフリーフォント、マジックやクレヨンや太ペンで書かれたようなフリーフォントを紹介します。 走り書き、かわいい手書き、達筆なフォント、いっぱい揃っています。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌でも幅広く利用できる日本語のフリーフォントです！

@JUNP_Nです。ブログを書いている時なんかにテキストばっかりじゃ記事が見にくい、何か画像を入れたいなってことがよくあります。そんな時に個人商用問わずフリーに利用できる画像サービスを5つ紹介します。 テキストだけじゃ見にくいので適度に画像を使ってアクセントテキストばかりの記事だと読みにくい。（逆にテキストだけのほうがいいって場合もあるかもしれませんが）。見に来てくれた人が「読みやすい」と感じてもらうためのふ画像も適度に使ったほうがいいだろうし、場合によってはスクリーンキャプチャを使うこともあるでしょう。 僕の場合はテキストだけで記事を書くことができていしまう場合でも、適度に画像を使ったり、上記のように見たらすぐわかる説明のような画像を作ることもしばしば。 基本的にはキャプチャを撮ったり、画像を作ったりしていますが、それ以外にアクセントというかイメージとして画像を使いたい時には画像サービス