使うだけでオシャレに魅せる！素敵なフリーフォント65個まとめ 2017年8月度
毎月世界中で公開されているフリーフォントの中から、特に使い勝手の良い素材やデザイン性の高いアイテムを厳選し、まとめてご紹介しています。今回は、2017年8月度フリーフォントまとめとなります。 今月は、特に入力するだけでスタイリッシュに魅せる素敵な素材が数多く収録されています。また、幅広く活用できる万能スタイルや人気のブラシフォントや筆記体、ミニマルデザインなどデザインの捗るアイテムばかり。プレミアム素材にも負けない素材を、今後のデザインプロジェクトにも利用してみましょう。 デザイナーが持っておきたい、すごいフリーフォント70個まとめ 2017年7月度 使うだけでオシャレに魅せる！素敵なフリーフォントまとめ Spectral Font Family 太さの異なる14スタイルが収録された万能セリフ書体で、小さな画面スクリーンでもはっきりと読めるように工夫され、Googleウェブフォントにも対応
デザインでつまずかない！ノンデザイナーのための基本ルール10個まとめ
優れたデザイン原則は、誰にでも学ぶことができ、活用することもできます。 このガイドは、デザインの現場で利用できる実用的で基本的なテクニック10個をまとめてご紹介します。これらの基本ルールを知るだけで、あなたのデザインがずっと良くなります。 ずっと使える、デザインの基本まとめました。【2020年改訂版】 プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】 コンテンツ目次 1. コントラストを活用しよう。 2. 「黒に近い黒」が「黒」よりも読みやすい。 3. 重要なコンテンツを最初に。 4. すべてのものを整列させよう。 5. 文字サイズと文字スペースに気をつけよう。 6. 検索結果の順番が重要なときは「リスト表示」。 7. まずは白黒でデザイン、あとから色を追加しよう。 8. 快適なデザインを目指そう。 9. 素敵な配色カラーパレットを使おう。 10. Apple や Google
デザイナーが持っておきたい、すごいフリーフォント70個まとめ 2017年7月度
毎月世界中で公開されているフリーフォントの中から、特に使い勝手の良い素材やデザイン性の高いアイテムを厳選し、まとめてご紹介しています。今回は、2017年7月度フリーフォントまとめとなります。 今月は特に日本語フリーフォントが充実しており、その他にもどんなデザインにも合わせやすい万能フォントから、2017年の代表トレンドにもなっているミニマルスタイルやブラシフォントも揃います。収録フリーフォント数も70個と増えているので、まだチェックしていない素材がないか確認してみてはいかがでしょう。 デザイナーが愛用したい！こだわりの新作フリーフォント60書体まとめ 2017年5月度 これだけ読めば安心！2017年に押さえておきたいサンセリフ書体の無料フォント55選まとめ テーマ、目的別に探す！合計2000個のフリーフォント素材まとめ完全版 デザイナーが持っておきたい、すごいフリーフォンまとめ 2017年
�Photoshopレタッチ�加工アイデア満載�！すぐに使えるチュートリアル30個まとめ 2017年度6月度
「ロマンチックなコラージュ」「非現実的な風景」「幻想的なアートワーク」「ざらっとしたアナログ感」など、魅力的なビジュアルに仕上げるデザインテクニックを学ぶ、Photoshop最新チュートリアルをまとめています。 覚えておくと便利なフォトショップの小技から、魅せるデザインを得意としたグラフィックの作成、Photoshop CC新機能を使ったレタッチなど、実践で利用できるテクニックを中心に揃えています。 Photoshopの新テクニックはこれ！すごいチュートリアル、作り方30個まとめ 2017年5月度 Photoshopレタッチ�加工アイデア満載�！すぐに使えるチュートリアルまとめ フォトショップで水や波、海をうまくデザインする方法 Photoshopによるデジタルペイントをマスターするチュートリアルで、ストックフォトを参考に美しい海の波を描きます。 圧倒的な風景を描くデジタルペイントのテクニ
Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？
2017年に入り、ウェブデザインのトレンドや動向を予想したエントリーを当サイトでもいくつか公開してきましたが、ウェブデザインやグラフィックの世界基準ソフトウエアの Adobe 社が今年のデザイントレンド予想を発表しています。 今回のトレンド予想はデザイン部門より10個、ビジネス部門から7個がサンプル例と一緒に公開されています。今回は、デザインなどクリエイティブな業種、職種に関わるひとが一度確認しておきたい、重要なポイントのみまとめてご紹介します。 これでもう悩まない！2017年のデザイントレンド完全ガイド 2017年に注目したいWebデザイン業界の動向やトレンド総まとめ 2017年のWebデザインはどうなる？デザイナーが注目したい流行トレンド10個まとめ 2017年のデザイントレンド10個まとめ ミニマルデザインの人気 : 2017年はミニマルレイアウトの人気が続くでしょう。ミニマルなUI
プロ級の写真加工がボタンひとつ！良質Photoshopアクション素材まとめ
「自分で撮影した写真を加工したいけど、やり方がよく分からない。」そんなときは、写真加工における一連の手順を再生ボタンひとつで完了させる、アクション機能を利用してみましょう。お気に入りの写真を魅力的にアレンジできます。 複数の写真を同じエフェクトで揃えたいときなど、繰り返し作業を繰り返す必要がなく、効率的にデザインを進めることができます。今回は、無料で利用できるフォトショップ用アクション素材をまとめてご紹介します。 普段使いできるシンプルな素材から、多重露光やデュオトーンなどの人気スタイルの他に、複雑なグラフィックを表現するクリエイティブなものまで幅広く揃っています。 ワンクリックで写真処理を完成できる！優良Photoshopアクションファイルまとめ 写真加工テクを上達させる！すごい無料Photoshopアクション素材まとめ ワンクリックでプロ級の写真加工ができる良質Photoshopアクシ
無料ダウンロードし放題！商用OKなフリーフォント50個まとめ 2017年1月度
毎月、世界中で公開されているたくさんのフリーフォントですが、「数が多すぎてどれを使えばいいのか迷ってしまう。」というひとも多いのではないでしょうか。今回は、年末から2017の年明けにかけて公開された、無料ダウンロードできる高品質フリーフォントを厳選ピックアップしています。 どんなデザイン案件にも使いやすい万能フォントから、デザイントレンドの手書きブラシフォントや、人気の高い筆記体など幅広いセレクションから揃えています。商用利用も可能な素材が中心で、利用ライセンスも一緒にまとめていますが、参照元ページを一度確認してご利用ください。 商用可で完全無料！2016年公開のフリーフォント素材105個総まとめ 詳細は以下から。 無料ダウンロードし放題！厳選フリーフォントまとめ Signatura Monoline Script ※ 個人、商用利用可能 Bourbon Grotesque ビンテージな風
【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選
ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTML と CSS、わずかな JavaScript で実装できる、表現力の高いテキストエフェクト用コードスニペットをまとめてご紹介します。コードニペットは各エフェクト別にカテゴリ分けしているので、ウェブサイト制作に活用したいエフェクトを見つけてみましょう。 ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ CSS3の広がる可能性！美しいテキストエフェクト用コードスニペット24個まとめ CSSスタイリングで表現できる！すごいテキストエフェクト33個まとめ コンテンツ目次 1. アニメーション・テキストエフェクト 2. グリッチ・
2017年に注目したいWebデザイン業界の動向やトレンド総まとめ
2017年、早くも2週間が過ぎたことで、さまざまなデザインブログで今年のWebデザイントレンドが予想され、公開されています。 今回は、海外のデザインブログで公開された、2017年のデザイントレンドの中から、特に気になる記事をピックアップしてご紹介します。ウェブデザイン制作に関わる業種はもちろん、これからWebサイトを作成しようと検討している方も一度目を通しておくと良いでしょう。各ブログが共通して予想しているトレンドも多く、2017年が楽しみな内容となっています。 2017年のWebデザインはどうなる？デザイナーが注目したい流行トレンド10個まとめ コンテンツ目次 1. 2017年のWebデザイン制作で注意しておきたい10のコト from CreativeMarket 2. 2017年におけるWeb制作業界全体の流れ from SitePoint 3. 2017年に実際に起こるであろう、7つ
収録数280+枚！商用利用できる無料の高品質テクスチャTextured Backgrounds Bundle
2016年のあいだに公開されたテクスチャ280枚以上をセットに、無料ダウンロードできる素材集 Textured Background Bundle を今回はご紹介します。 デザインの背景を作成することを想定しており、プリント印刷にも対応した高画質の素材なので、アイデアに困ったときに活用してみてはいかがでしょう。 詳細は以下から。 収録数280+枚！商用利用できる高品質な無料テクスチャ素材セット Textured Background Bundle では、4256×2832pxの高画質なテクスチャ素材のみを収録しており、質感の高いウッドや黄金ラメなど合計280枚以上を収録したお得な素材集です。幅広いデザイン制作に利用できるアイテムのひとつと言えるでしょう。 収録されているファイルは、2.5GBを超えた太っ腹な素材となっているので、ダウンロードには多少時間がかかるかもしれません。より豊富なバラ
水彩絵の具デザインを無料でたのしむ、美しいフリーベクター素材まとめ
ウェブデザインだけでなく、グラフィックデザインでも人気となっている、水彩絵の具ペイントデザイン。人間らしさや温かさ、ビンテージな質感などを表現できるアイテムを中心に、無料ダウンロードできるベクター素材をまとめてご紹介します。 ロゴデザインやポストカード、ウェブサイトのデザインパーツなどの作成から、巨大なビルボード広告まで対応できる、拡大縮小も自由自在なベクター素材が揃っています。 詳細は以下から。 水彩絵の具デザインを無料でたのしむ、美しいフリーベクター素材まとめ Watercolor Summer Labels Vector 暑い日が続いている、この夏シーズンにぴったりなラベル、バッジを水彩絵の具デザインと組み合わせたセット。 Watercolor Dots Vector ドット状に16種類のパステルカラーを揃え、どれも落ち着いた色合いが素敵なアイテム。 Blue Watercolor
【商用無料】フリー画像おすすめサイト50選 完全ガイド２０２４年版
「無料で使えるフリー画像を見つけたい」という話は、ホームページやグラフィックなどクリエイティブな業種では、よく耳にします。 しかし同時に、「目的の一枚が見つからず時間だけが過ぎてしまった」なんて経験がある人も多いのが事実です。 フリー画像を効率的に探しコツは、目的や用途にあったサイトで素材を見つけること。 この記事では、商用利用できるフリー画像サイトを国内・海外に分けて一挙にご紹介します。 利用者の多い定番サイトから、あまり知られていないレアなサイトまで集めています。 ８年前の2016年12月7日に公開した記事を、最新版にアップグレードしてお届けです。 国内フリー写真素材サイト ここでは、商用利用できてクレジット表記も必要ない「フリー画像」を無料ダウンロードできるサイトをご紹介。 ここでの選定ポイントは、以下の通り。 日本人や日本の伝統、和柄など国内向けの画像素材が豊富 日本語によるキーワ
ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ
ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。（この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。） 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す
これ便利！Photoshopであまり知られていない小技テクニック11選 - PhotoshopVIP
2018年8月5日に公開された記事を、サムネイル画像など再編集、アップデートしています。 フォトショップの作業が速くなる秘訣は、ずばりショートカットキーによる時短テクニック。 その理由は、「もっと早く知りたかった」と思うほど、ラクラクな手軽さで、面倒な作業をすぐに片付けてしまうから。 「レイヤーの重なり順を変えたい」 「細かい部分の作業を行いながら、同時に全体表示で確認したい」 「不要なレイヤーを非表示にしたい」 そんな普段からよく行う作業も、効率アップさせる時短テクニック18個が揃いました。 フォトショップがもっとうまくなりたいと思っている人こそ、まずは試してみませんか。
経産省が無料の写真素材を配布中?!美しい日本を伝える観光促進サイト Photo METI
また観光情報のデータベース「観光予報プラットフォーム」と連携し、観光地の基礎情報、混雑情報や、外国人向けのサービス情報なども提供中。今後は、ユーザーの写真投稿機能なども追加予定とのことで、今後ますます楽しみな国産フォトストックサイトのひとつと言えるでしょう。 宮城県 気仙沼港 内湾 Miyagi Inner Bay, Kesennuma Port, METI, CC BY 4.0 International 福島県 さざえ堂 Fukushima Sazae-do Hall, METI, CC BY 4.0 International 福島県 国宝 白水阿弥陀堂 Fukushima Shiramizu Amida-do Hall (National Treasure), METI, CC BY 4.0 International 沖縄県 名蔵湾 Okinawa Nagura Bay, MET
デザイナーが確認しておきたい、デザインリソース完全ガイド 2016年度
オンラインホームページ作成ツール Webydo で働いている現役デザイナー達が、普段からよく利用している、作業を楽にするオンラインツールやリソース75個をまとめています。 ウェブサイトでよく利用する写真の見つけ方や最適化方法から、アイコンやフォント、配色などデザイナーが一度は困ったことのある問題を解決してくれる凄腕ツールが揃っています。現在の制作フローに活用し、より快適な作業を実現しましょう。 コンテンツ目次 イメージ画像・ビデオ動画の関連ツール アイコン関連ツール 書体、フォント関連ツール 配色カラーツール モックアップ＆プロトタイプツール ウェブサイト制作ツール コラボレーション、作業効率ツール デザインコミュニティーサイト オンライン・ラーニング、スクール イメージ画像・ビデオ動画 ShowBox – ブラウザ上からスタジオ制作されたような、高品質なビデオ動画を作成できます。 Cov
数字が美しい書体選びの秘訣とは？すぐに使える Google フォント20個まとめ付
「数字」にフォーカスを当て、書体の選びかたやデザインの秘訣ガイドラインを学びながら、実際に使えるフリーフォント素材20個をまとめてご紹介します。 数字デザインを選ぶときの原則事項 著者 Samantha Zhang の働く Graphiq では、データ表やチャート、インフォグラフィクスなど、細かい数字をいつもたくさん扱っています。データの視覚化では、 ほとんどのデータで Helvetica（ヘルベチカ）書体を利用していますが、フォントを選ぶときのガイドラインがいくつあります。 1. ライニングと等幅ライニング数字を選ぼう。 まずよい数字フォントを選ぶコツとして、ライニングまたは等幅ライニング数字かどうか確認しましょう。 ライニング数字（英: Lining Figures）とは、ベースライン（英: Base Line）とキャップ・ハイト（英: Cap Height）の高さが揃っていることを指
結婚式にオススメ！無料で使えるエレガントなフォント組み合わせ25選
招待状や座席札、婚約のお知らせメールなど、結婚式ではフォントを利用する機会がたくさんあります。しかし結婚式における、すべての細かい詳細まですべて決めるとなると大変な作業になるでしょう。今回は、エレガントで美しい雰囲気を演出する、結婚式にぴったりなフリーフォントの組み合わせ25選をまとめてご紹介します。 無料のフリーフォントの中からお気に入りの書体を探す必要もなく、作業時間の短縮にもつながります。洗練された筆記体や、スッキリとしたモダンな見た目、手書きスタイルなど結婚式に最適なマッチングが魅力です。また、サムネイルをクリックすることで無料オンライン・デザインツール Canva で編集、カスタマイズすることもできます。
コピペで実装OK、最新トレンドを押さえたすごい HTML/CSS スニペット40個まとめ
ますます進化するウェブデザインの世界を体感でき、コピー&ペーストで利用することもできる HTML/CSS スニペットをまとめてご紹介します。ただいま流行中のWebトレンドの実装を可能にする最新レイアウトから、どんなプロジェクトにも活用したくなるエフェクトやテクニックなどを中心にまとめています。 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 詳細は以下から。 コピペでOK、最新トレンドを押さえたすごい HTML/CSS スニペット40個まとめ 01. Fixed Images That Fades as You Scroll 画面を２分割し、スク
【2016年上半期】ウェブデザイナーが注目したい、本当に流行中のWebデザイントレンド5つ
Medium で公開された「5 Actual Web Designs Trends for 2016」 by Nils Sköldの許可をもらい、日本語抄訳しています。 This article is translated from Medium (https://medium.com/). 「いつの間にか気付いたら、2016年も半分を過ぎていた。」そんなひとも少なくないかもしれません。今回は上半期の総集編として、ウェブデザイナーが押さえておきたい、実際に流行っているWebデザイントレンド5つを、サンプル実例サイトと一緒に見ていきましょう。 01. フルスクリーン表示 + スクロールなし。 スクロールしないウェブデザインが、いよいよ人気となりはじめているようです。ヘッダーの一番上にアンカーリンクを固定し、下方向にスクロールを促す単一ページのウェブサイトは、ホームページ作成のスタンダードと言
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
