デザインを学ぶすべての人に贈る、配色アイデア見本101選【2018年保存版】 - PhotoshopVIP

2018/02/18 720 users 補色 PhotoshopVIP 配色 ドーン 色合い

配色は、デザインにおける重要な要素のひとつです。この記事では、デザインプロジェクトの参考にしたい、 最新の色の組み組み合わせ101種類 をご紹介します。 配色は、どんなデザインでも見る人の認識を形成しながら、雰囲気やトーンを設定します。単色や明るい、涼しい、暖かい、または補色であれ、すべての色合いがデザインの役割を果たします。 デザインに適した色を見つける作業は難しいことです。そこで、 配色の参考... 続きを読む

テーマカラー1色をメインに用いたWebサイト50 | Webクリエイターボックス

2011/01/17 649 users Webクリエイターボックス メイン Evernote 各色

前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね！ テーマカラーをメインに取り入れ... 続きを読む

Photoshop Vip » 背景デザインに使えるグランジテクスチャ素材、300枚あつめました。

2010/07/25 498 users Photoshop Vip 背景デザイン 質感 エントリー

デザインをするときに頭を悩ます部分のひとつが背景デザインではないでしょうか。 単色で塗りつぶしただけでは立体感のない平凡なデザインになりがちです。 そんなときにオススメなデザイン方法が少し汚れの付いたグランジテクスチャを重ねることで質感を高め、立体感を表現することができます。 海外デザインブログDesignM.agで、グランジテクスチャを300枚まとめたエントリー「300+ Free Grunge... 続きを読む

既存のデザインのクオリティをアップする8つのポイント | コリス

2009/07/01 424 users モノクロ 一色 Color Scheme Designer

デザインが単調な感じのときには、使用している色を鮮やかにしてみます。 変更した色をベースに、カラースキームを設計します。 Color Scheme Designer 3 2. モノクロは慎重に ブラックやホワイトなどモノクロをテーマにした素晴らしいデザインのウェブサイトは多数あります。モノクロは単色で構成されたものですが、一色加えることでデザインが容易になることがあります。 ポイントはその一色のみ... 続きを読む

Photoshop VIP ☞ デザイン質感アップ、継ぎ目のない無料ピクセルパターン素材16個まとめ

2012/05/18 416 users 継ぎ目 Photoshop ピクセル単位 質感 背景

Photoshopで背景をデザインするとき、どのように作成していますか。 単色でペイントした背景に、細かいピクセルパターンを重ねることで、質感をアップすることができますよ。 海外デザインブログTripWireMgazineで、ピクセル単位で作り込まれた、継ぎ目のない無料パターン素材を700個まとめた保存版的エントリー「700+ Ready to Grab Free Photoshop Pixel ... 続きを読む

サイトの背景画像を変える時に使える7サイト - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

2007/03/14 280 users パターン 背景 Kaliber10000 印象 本日

最近よく、凝ったデザインの背景を使われているサイトが多くなってきましたね。。 単色のべた塗りの背景とかに、うっすらとパターンを加えるだけでも、サイトの印象はかなり洗練された感じに変わります。 とはいっても、複雑なパターンを作るのはなかなかむずかしいもので・・・ っちゅうわけで、本日はおしゃれな背景画像を配布されているサイトをご紹介。 1. Kaliber10000 おしゃれな背景画像がどんどんアッ... 続きを読む

Photoshopで、1枚のレイヤーから線画だけ抽出する方法

2014/12/14 270 users Photoshop レイヤー RGB Illustrator

合成済みレイヤーや、紙に描いてスキャンした線画をPhotoshopで抽出する方法を紹介しています。Illustratorが使えるようになってからあんまりやらなくなっちゃったんですが、昔は線画がPC上でうまく描けなかったので、よく紙にペン入れしたものをスキャンして線画抽出していました。メジャーな方法かもしれませんが、思い出しメモがてら。 チュートリアル これが元画像。単色で抽出するので、RGBでスキ... 続きを読む

単色で構成された、デザインが秀逸なアイデア溢れるロゴのデザイン集 | コリス

2009/04/07 267 users コリス Abduzeedo ロゴ デザイン集 デザイン

単色で構成された、デザインが秀逸なアイデア溢れるロゴをAbduzeedoから紹介します。 Ultimate One Color Logos Inspiration Comedy Club HUGE!_identity [...] 続きを読む

【保存版】使わないと損！デザインに使えるおすすめ背景素材サイト15選 – フリーランスの悩める日々

2017/07/14 58 users フリーランス 背景 フラットデザイン パターン フック

ここ数年でフラットデザインが流行ってるので、デザインする時に背景は単色が多かったのですが、LPのデザインなどをするようになり、背景のパターンをよく使うようになりました。 色々と重宝するので、いつも利用している素材サイトをまとめてみました。 いちいち探すのがめんどくさい人は、ブックマークしてね。 続きを読む

迫力満点。Webサイトの背景全部を動画に「BigVideo.js」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/09/03 52 users ソフトウェア 背景 バックグラウンド MOONGIFT 動画

Webサイトの背景は単色、もしくは適度なパターン画像を使うのが一般的です。しかしそんな考えに捉われないソフトウェアがBigVideo.jsです。何と動画をバックグラウンドに指定し、そのまま再生してしまう驚きのソフトウェアです。 0 続きを読む

SVGアイコンを使ってみたい人にぴったり！実装は簡単で使い勝手のよいアイコンフォント -Stackicons | コリス

2014/02/24 51 users Photoshop レイヤー アイコンフォント 特長 アイコン

アイコンフォントに興味がある！ SVGアイコンデビューしたい！ という人にぴったりな実装は簡単、しかも使い勝手のよいアイコンフォントを紹介します。 多くのアイコンフォントは単色ですが、このアイコンは複数のカラーを使い、Photoshopのレイヤーのように重ねてあるのでカラーでなくアイコンの囲いも簡単に変更できます。 Stackicons Stackiconsの一番の特長はその名の通り、複数のカラー... 続きを読む

単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」:phpspot開発日誌

2012/12/28 42 users エレメント jQueryプラグイン phpspot開発日誌

Add Shine - a jQuery Plugin 単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」。 次のような単色ベースで味気ないページを、このjQueryプラグインを使って初期化してみます すると、次のようにゴージャスなグラデーションで立体的に美しく、手のかかった風のサイトにすることが可能 $(element).addShine() のようにしてエレメン... 続きを読む

Intel、スマートなスマートグラスを発表――網膜走査、単色、カメラなし | TechCrunch Japan

2018/02/06 34 users Intel Verge TechCrunch JAPAN

スマートグラスについては長年実用化の努力が続けられてきたが、まだ成功していいない。 Google Glassesは ひどく嫌われて失敗 したし、Snap Spectaclesも ブレークしなかった 。しかしIntelの参入で事情は変わるかもしれない。 Intel Vauntはまず Verge で報じられたが、普通のメガネと外観ではほとんど区別がつかない。 Intel Vauntわずらわしいさばるス... 続きを読む

お医者さん「医師になって初めてボールペンの替芯を購入した」製薬説明会でもらえたはずが、三色が単色になり、コロナで説明会自体が無くなってしまった

2021/12/08 31 users コロナ コロナ禍 ボールペン 替芯 産婦人科医

ほの＠田舎の産婦人科医 @ahono_obgy いつのまにか製薬説明会でもらう３色ボールペンが単色になり、 そしてコロナ禍で製薬説明会がなくなりボールペンももらえなくなり、 ついに医師になって初めてボールペンの替芯を購入。 2021-12-07 12:46:05 続きを読む

Twitterが壁紙の表示を廃止、今後は一部画面での表示のみに仕様を変更 - GIGAZINE

2015/07/22 31 users 背景 And 背景画像 GIGAZINE Twitter

By mkhmarketing Twitterがウェブ版画面の仕様を変更し、各ユーザーのホームページやタイムライン画面に表示されていた壁紙が削除され、単色の背景に変更されていることが明らかになりました。今後は一部画面においてのみ、各ユーザーがカスタマイズした背景画像が表示されるようになっています。 Twitter just removed your homepage wallpaper, and ... 続きを読む

三菱の硬質色鉛筆、アニメーターが使う「橙色、黄緑、水色」も生産継続へ - ITmedia ニュース

2015/12/01 30 users 橙色 アニメーター 黄緑 水色 硬質色鉛筆

三菱鉛筆は12月1日、「硬質色鉛筆」について「赤」以外の生産を年内に終了する予定を変更し、アニメーターによく使われている「橙色、黄緑、水色」についても当面の間生産を継続すると告知した。 「需要が見込まれると判断」したという。愛用者に対し、一時的な品薄と他の単色と12色セットの生産終了でご不便をお掛け致しますことをお詫び申し上げます。 硬質色鉛筆（「硬筆」とも）は通常の色鉛筆より芯が細くて硬いのが特... 続きを読む

外出自粛のClara Kreft on Twitter: "エリザベス女王のスピーチ時の洋服が単色(緑)のため、非常にフォトショップしやすく、すでにいろいろツイッターにあがっています。 https://t.co/OL1dY1DbEq"

2020/04/06 23 users エリザベス女王 外出自粛 洋服 https ツイッター

エリザベス女王のスピーチ時の洋服が単色(緑)のため、非常にフォトショップしやすく、すでにいろいろツイッターにあがっています。 https://t.co/OL1dY1DbEq 続きを読む

アニメ業界ホッ…三菱鉛筆「橙色、黄緑、水色」の３色も生産継続 （東スポWeb） - Yahoo!ニュース

2015/12/01 21 users 橙色 黄緑 当面 水色 三菱鉛筆

三菱鉛筆は１日、年内で「赤」以外の生産を終了すると告知した硬質色鉛筆７７００番に関し「橙色、黄緑、水色」の３色についても当面の間、生産を継続するとホームページ上で発表した。 同社では継続の理由について「『橙色、黄緑、水色』につきましても、需要が見込まれると判断し、当面の間、生産を継続とさせていただきます」と説明。他の単色と１２色セットに関しては生産を終了する。 硬質色鉛筆はアニメーション業界で広く... 続きを読む

たったの数クリックで対象物を切り抜いて合成ムービーを作成できるウェブアプリ「Runway」を使ってみた - GIGAZINE

2021/07/11 20 users ウェブアプリ GIGAZINE RUNWAY クロマキー合成

ムービーから一部を切り取って他のムービーに重ねるクロマキー合成を行う際は、グリーンバックなどの単色の背景を用意する必要があり、準備が面倒です。ウェブアプリ「Runway」を使えば、通常の背景で撮影したムービーから数クリックで自動的に対象物を切り取って合成ムービーを作成できるとのことなので、実際に使って... 続きを読む

簡単で便利！Sketch, Figma, AdobeXDなどにコピペで利用できるUIデザイン用のカラーパレットを生成 -CopyPalette | コリス

2019/09/24 20 users figma AdobeXd コリス Sketch 濃淡

最近のUIデザインでよく使用されている、一貫性のある単色のカラーパレットを簡単に生成でき、そのカラーパレットをSketch, Figma, AdobeXDなどにコピペで利用できるオンラインツールを紹介します。 CopyPalette CopyPaletteは1つのカラーをベースに、濃淡のバリエーションでカラーパレットを簡単に生成できるオンライン... 続きを読む

CMYKカラースケールを1000ピースのパズルで完成させる「Clemens Habicht Colour Puzzles」の「1000 Colours」 - GIGAZINE

2017/08/15 16 users GIGAZINE 力量 グラデーション パズル ピース

異なる単色で塗られた1000のピースを組み合わせて、グラデーションの美しいCMYKカラースケールを完成させるのが「 Clemens Habicht Colour Puzzles 」の「 1000 Colours 」です。1000 Coloursのほかに完成サイズが203×81cmという巨大な「 5000 Colours 」などもあり、「色には自信アリ」という人の力量が試されるパズルとなっています。... 続きを読む

ソニーのメガネ型AR端末 SmartEyeglass 実機インプレ。単色ながら明るい高透過表示が魅力 - Engadget Japanese

2015/01/07 14 users Engadget Japanese ソニー 魅力 デバイ

ソニーのメガネ型AR端末 SmartEyeglass 実機インプレ。単色ながら明るい高透過表示が魅力 BY Takuro Matsukawa 2015年01月07日 13時41分 0 米国ラスベガスで開催中の家電見本市CES 2015 より。ソニーSmartEyeglass の実機ハンズオンをお届けします。 SmartEyeglass は昨年9月に発表された両眼用のメガネ型AR (拡張現実)デバイ... 続きを読む

画像と同じ色のシャドウを加えてくれる【cosha】 | Webクリエイターボックス

2020/09/15 13 users シャドウ Webクリエイターボックス 透明感 画面 動画派

2020年9月15日 JavaScript 通常 box-shadow などで画像に影をつけると単色になりますが、今回紹介する「cosha」を使えば画像を反射したようなカラフルな影を実装できます。画面に透明感がでて素敵に演出できますよ！ この記事は動画でも紹介しています。動画派の方はぜひどうぞ！ 動作デモ See the Pen JavaScript cosha... 続きを読む

緑色をバックに切り抜くクロマキー技術を「マゼンタの照明」で改良するアイデアをNetflixの研究チームが発表

2023/07/11 12 users クロマキー合成 マゼンタ Netflix スクリーン ムービー

クロマキー合成は、単色のスクリーンを背景にしてムービーを撮影し、背景の色だけを分離してそこに別の映像を合成する技術で、一般的には「グリーンバック」と呼ばれる緑1色のスクリーンを使ってクロマキー合成が行われることがよくあります。そんなクロマキー合成技術を改良するアイデアを、Netflixの研究者が発表しま... 続きを読む

Windows10付属のペイント3Dで背景画像を作ってみる！ - Little Strange Software

2019/11/11 8 users Little Strange Software 背景画像

どうも！LSSです！！ 自作アプリの背景画像どうすっかなーといまだに考えていました。（相変わらずのんびり屋ｗ） 特にテーマみたいなものがない→けど単色はなんとなく寂しい→テクスチャっぽいのでいっか！ ってとこまでは結構前から考えてたんですけどね。 極力手軽に！ よそにない画像を！ できれば応用が効くような方... 続きを読む