プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】
なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
Photoshop 必要なし？無料で使える画像編集、加工オンラインツール26個まとめ
高価なソフトウェアを購入したり、アプリをインストールしたり、プロを雇うことなく自分で写真の編集や加工ができると想像してみましょう。 Photoshop などの画像編集、加工ソフトがない環境でも、オンラインで無料で使えるツールはたくさんあります。今回は、無料で使える画像編集、加工オンラインツールをまとめてご紹介します。 オンラインで使える画像編集、加工ツールとは？ ネット環境さえあれば利用できる。無料のオンライン画像加工ツールが、最近増えています。これらのツールを利用すれば、Photoshopなどのソフトウェアを必要とせずに、フィルタを適用したり、見た目をカスタマイズすることが可能です。また、はじめての人もマウスを数回するだけで、本格的な写真加工ができるお手軽さも嬉しいポイント。 今回ご紹介する画像加工ツールは、オンラインで利用でき効率的ということも人気の理由です。いくつか面白い画像加工ツー
本格的なロゴデザインを完成させる！ロゴグリッドの使い方と注意点まとめ
海外デザインブログDesignShackで公開された「What’s a Logo Grid, and Why Should You Use One?」より許可をもらい、日本語抄訳しています。 ロゴデザインが必要になったとき、あなたなら何から始めるでしょう。図形から？タイポグラフィ？それともグリッドでしょうか。 ロゴグリッド（英: Logo Grid）またはコンストラクション・ガイド（英: Construction Guide）は、ロゴ作成をはじめやすいことから、多くのデザイナーに人気のあるデザインプロセスです。このグリッドシステムは、特にロゴサイズを拡大、縮小する必要があるときに、視覚的な調和を保ち、美的センスと意図したデザインを、うまく整理することができます。 詳細は以下から。 ロゴグリッドとは何？ ロゴを作成するプロセスにおいてロゴグリッドは、美しい図形の調和を作成するのに役立つツール
ウェブデザイナーが試したい、Webアニメーション無料プラグイン＆ライブラリ75個まとめ【保存版】
アニメーション（英: Animation）は、ウェブデザイン制作で必要とされる人気トレンドのひとつです。かろうじて気付くような控えめなローディングから、映画のような体験を提供するページ遷移まで、あらゆるデザインに採用されています。 ウェブサイトへのアニメーション実装を検討しているデザイナーには、無料プラグインが豊富に用意されています。デザイン的要素の強いものから、ユーザーエクスペリンスを向上させるものまで、さまざまなアニメーションを作成できます。 今回は、ウェブデザイナーが確認しておきたい、アニメーション用プラグインとライブラリ75個をまとめてご紹介します。利用するケースやアイデアに応じて、これらの素材を活用してみましょう。 ウェブデザイナーが試したい、ウェブアニメーション無料プラグイン、ライブラリまとめ 01. Animate.CSS Animate.CSS は、クロスブラウザ対応の基本
CSSで実現！目を奪われる素敵ホバーエフェクト用HTMLスニペット32個まとめ
普段からユーザーが何気なく利用しているホバーエフェクトやマウスクリックを、CSSアニメーションを使ってより魅力的に表現してみませんか。動きに目が奪われるアニメーションエフェクトは、デザイン的な見た目だけでなく、画像やハイパーリンクのクリックしやすさなど、ユーザビリティや操作性を大幅に改善することができます。 今回は、ユーザーの印象に残る効果的なホバーエフェクト用HTML/CSSスニペットをまとめてご紹介します。 HTML/CSSのみでスタイリングされたスニペットも多く、自由にカスタマイズできるだけでなく、コピペでサイトに利用することも可能です。ユーザーのハートをがっちり掴むエフェクトを、今後のプロジェクトに活かしてみてはいかがでしょう。 コピペ可ですぐに役立つ！マテリアルデザインを極めるHTML/CSSスニペット30個まとめ コピペで利用可！思わず押したくなるボタンエフェクト用HTMLスニ
雰囲気をガラリと変える！無料のすごいテクスチャ＆パターン素材まとめ 2017年8月度
素材を組み合わせたり、ちょっと加工を加えるだけで、さまざまなテイストを表現できるテクスチャとパターン素材。今回は、グラデーションやビンテージ、グランジ、手書き、水彩ペイントなど使いごたえのある最新フリー素材をまとめてご紹介します。 どんなデザインアプリケーションでも利用できる PNG や JPEG ファイルだけでなく、Illustrator や Photoshop に対応した素材も多く、デザインの幅が広がる素材が揃います。 無料ダウンロード！デザイナー注目の極上テクスチャとパターン素材30種まとめ 雰囲気をガラリと変える！無料ですごいテクスチャ＆パターン素材まとめ Free 10 Texture Backgrounds ポスターや商品パッケージ、グラフィックなどにも使いやすい、高画質のテクスチャ素材10枚セット。レンガ壁やウッド、芝生など使いやすいアイテムが中心。 6 Iridescent
デザインでつまずかない！ノンデザイナーのための基本ルール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年
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
新着記事
新着記事
新着記事
新着記事
新着記事
新着記事
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
新着記事
