検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 174件

新着順 人気順

配色の検索結果1 - 40 件 / 174件

配色に関するエントリは174件あります。 デザイン、 design、 色 などが関連タグです。 人気エントリには 『配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」』などがあります。

配色の関連エントリー

  • 配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」

    リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所 日本カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー＆著者 @kataokadesign 「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-12-

      配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」

    • 誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

      【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

        誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

      • 本当は教えたくないWebデザイン参考ギャラリーサイト37選

        ウェブサイト制作には、常に新しいアイデアやインスピレーションが必要ですが、決まらずに悩んでしまうことも。 そんな状況を打開するには、たくさんの優れたデザインの実例を見ることで、次のアイデアを生み出してみましょう。 ここでは、最新ウェブデザインをいち早くチェックできるオススメWebギャラリーサイトを厳選してご紹介。 インスピレーションとしてはもちろん、クライアントの打ち合わせやイメージの共有にも活用できます。 積極的にインプットを増やし、デザインの引き出しを増やしてみましょう。 このリストは2年ぶりにまとめ直したアップグレード版となります。

          本当は教えたくないWebデザイン参考ギャラリーサイト37選

        • 非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個｜苦しんでプログラミングを学んだ柴犬（くるしば）

          ※こちらの記事がはてブの総合人気エントリに入りました！ こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬（くるしば） (@shiba_program) September 13, 2022 僕は普段はいわゆるPMやエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも 「最低限の見栄え

            非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個｜苦しんでプログラミングを学んだ柴犬（くるしば）

            • 配色の関連エントリー

          • かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"

            とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT

              かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"

            • "牛乳パック"どっちが好きですか？｜内田 広由紀｜視覚デザイン研究所

              一部内容修正につきまして 今回の記事も多くの反響をいただき沢山の方に読んでいただいたことを大変感謝しております。 このシリーズの趣旨は、デザインの過程をわかりやすくし多くの人にとって役立つスキルにすること、またジャンプ率などの「視覚スケール」を知って有効活用していただくことにあります。「視覚スケール」は商品パッケージから建築物のような大規模なものまで一貫して使える便利なツールです。 「視覚スケール」を説明するため、アンケートの方法や脳が選択するしくみについて、皆様に不安や誤解を招いてしまう表現があったと思います。これらを踏まえ、一部内容を加筆修正させていただきました。（記事での主張に関しての変更はありません。） 当室ではこれからもご意見・ご質問などをなるべく反映させながら、わかりやすい記事を作りたいと考えております。どうぞよろしくお願いいたします。 こんにちは。 絵本と美術書の出版及び、デ

                "牛乳パック"どっちが好きですか？｜内田 広由紀｜視覚デザイン研究所

              • 一般にガラスの単レンズでは色収差や球面収差などが強く生じますが、人間の目のレンズである水晶体では、なぜそのようなことが生じないのでしょうか？脳の方で補正しているのでしょうか？

                回答 (9件中の1件目) 網膜の視細胞には、三原色の色を見分ける3種類の「錐体細胞」と、色は見分けられないが暗い所で感度が高い「桿体細胞」があります。色を見分ける錐体細胞は視野の中心部に密集しており、周囲はほとんど桿体細胞が分布しています。すなわち、網膜では中心部（すなわち水晶体レンズの光軸）付近でしか色を捉えていません。したがって、レンズの光軸から外れた所で生じる、色収差による色ずれは、網膜で捉えられていません。 これは信じがたいことだと思われるかもしれません。私も子供の頃は信じがたいと思いました。我々が周囲の光景を見る時、視線の先だけがカラーでその周囲はモノクロだとは見えず、光景の...

                  一般にガラスの単レンズでは色収差や球面収差などが強く生じますが、人間の目のレンズである水晶体では、なぜそのようなことが生じないのでしょうか？脳の方で補正しているのでしょうか？

                • 個人開発で即戦力になるツール・サイトまとめ - Qiita

                  はじめに 個人開発もエンジニア自体の歴も浅いSEです。 就業先がJavaをメインで使う企業なのですが、個人的にフロントエンドまわりが好きです。 元々、興味本位でデザインの本だったりUXに関する本とかを読んでいたりするのですが、 その結論の際にたどり着いたのが、 「理論とか決まってるなら、それをよしなにやってくれるor参考にできるツールとかサイト探せばよくね」 という結論になりました。なんと怠惰な思考でしょうか。 そんなわけで、こちらではデザインに限らず、色々開発に便利なツールを紹介させていただきます。 （有名なのが多いかもしれませんが、ご容赦ください、結局有名なものに行き着くのです） レイアウト関係 1. Awwwards おしゃれなwebサイトが集まっているサイトです。 ここまで個人開発でお洒落にできたらいいなと思いますが、自分はアニメーションを考えるときや、 作りたいフロント側のデザイ

                    個人開発で即戦力になるツール・サイトまとめ - Qiita

                  • Web制作の時短に！2020年の便利オンラインツール・ベスト100選

                    この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（14個） 2. パターンツール（7個） 3. イラスト系ツール（3個） 4. デザインツール（10個） 5. 配色カラーツール（6個） 6. グラデーションツール（3個） 7. SVGツール（8個） 8. スクリーンショ

                      Web制作の時短に！2020年の便利オンラインツール・ベスト100選

                    • ぼくがかんがえた最強の Visual Studio Code カスタマイズ 2024

                      もし世界が消滅して Visual Studio Code の設定が失われてしまった時に、この記事を見ればまた VSCode のカスタマイズが復元できる。 ここでは Visual Studio Code の見た目に影響するものについてのみ 取り上げる。 スクリーンショット Editor Terminal Zen Mode 環境 Visual Studio Code バージョン: 1.94.2 (user setup) コミット: 384ff7382de624fb94dbaf6da11977bba1ecd427 日付: 2024-10-09T16:08:44.566Z Electron: 30.5.1 ElectronBuildId: 10262041 Chromium: 124.0.6367.243 Node.js: 20.16.0 V8: 12.4.254.20-electron.0 OS

                        ぼくがかんがえた最強の Visual Studio Code カスタマイズ 2024

                      • パワポで図形を挿入すると、なぜか初期設定で変な色に……　意外と知らない、スライド作成の「面倒くさい」を解消するコツ | ログミーBusiness

                        スライドマスターで押さえておきたい4つのポイント前田鎌利氏（以下、前田）：ここからは堀口から、もうちょっと具体的なTipsの話をしてもらいたいなと思います。 堀口友恵氏（以下、堀口）：これまで「基本のTips」をお伝えしてきました。私からは、より速く、効率的に作れる「最速Tips」を3つお伝えしていきたいと思います。 まず1つ目が、「スライドマスターで時短せよ！」。みなさん、スライドマスターは使ったことありますか？　名前を聞いたことはあるけど、どういった機能があるかわからない人もいると思うので、細かく説明していきます。 スライドマスターとは、PowerPointデータのフォントやページ番号の設定の管理を、一括で行える場所です。まさにマスターです。ここであらかじめ自分が使いやすい設定にしておけば、新規スライドを作った時に毎回フォントを変えたり、色を変えたりする手間が一切なくなります。では、ス

                          パワポで図形を挿入すると、なぜか初期設定で変な色に……　意外と知らない、スライド作成の「面倒くさい」を解消するコツ | ログミーBusiness

                        • グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法

                          グラデーションを作成した時に、中央がグレーに濁ってしまうこと（グレーデッドゾーン）があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹介します。 Make Beautiful Gradients in CSS by Josh W Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSグラデーションが算出される仕組み おすすめのカラーモード これらの知識を活用する 美しいグラデーションを生成できるツール 終わりに はじめに さっそくですが、CSSで実装したイエローからブルーの線形グラデーションをご覧ください。

                            グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法

                          • (コメ返信追記済)兼業稲作やる人へ

                            こんなとこにそんな情報置いても仕方ない気はするが 役に立つかも人もいるかもしれんので置いておく まず農林系の役所の窓口に行って ・堆肥撒いてくれる組合はあるか ・色彩選別機持ってる農家で外注受けてくれるとこはあるか を聞く。 堆肥撒いてくれるとこがあったら撒いてもらってそれだけで稲作する。そしたら環境保全型直接支払交付金で堆肥代が浮く。 窓口でこれも斡旋してくれる。 牛糞なら反当たり3トン毎年入れればそれだけで米取れる。 鶏糞は反当たり300kgくらいかな？やってないからわからん。 これで圃場内では有機肥料のみで育てた美味しいお米作れる。 JAで買う苗にふりかける箱材といわれる殺虫剤と殺菌剤はやらなくていい。無駄。 除草剤は絶対いるがかならずフロアブルという液体タイプにする。 水鉄砲に入れてスプラトゥーンすれば簡単。 粉やら投込むタイプのティーバッグみたいなやつは効きません。濃度が上がるま

                              (コメ返信追記済)兼業稲作やる人へ

                            • Colorbase

                              All-in-one color tool for creators

                                Colorbase

                              • 「結局色なんじゃん！！！！！」初心者とこなれてる絵師の色塗りの違いを分かりやすく比較した画像がこちら

                                かおりゅ｜Sonoka Maeda @caoryu_YS @samenohougasuki これは目以外のパーツの塗りや色選びに関しては学びの余地があるのに目の塗りだけ異常に上手い(練習の跡が見える)現象を指しています。目ってキラキラしてるし自由に塗り方を盛れるので楽しいですが、好きなパーツと興味ないパーツで執念の注ぎ方に明らかな差が出るのは素人らしさに繋がる気がします。 2021-04-07 20:56:02

                                  「結局色なんじゃん！！！！！」初心者とこなれてる絵師の色塗りの違いを分かりやすく比較した画像がこちら

                                • ユニクロで年配の女性が若い従業員に「これは黒？紺？」と尋ねたら「ネイビーです」と返されてでっかい声で「あ？」とキレてて面白かった

                                  キネ @esqbt ユニクロで年配のおばさんが、若い従業員にこれは黒？紺？と尋ねたら、従業員が「ネイビーです」と返して、おばさんがでっかい声で「あ？」とキレてて面白かった 2023-12-02 14:10:51

                                    ユニクロで年配の女性が若い従業員に「これは黒？紺？」と尋ねたら「ネイビーです」と返されてでっかい声で「あ？」とキレてて面白かった

                                  • わずかな時間で驚くほどWeb制作がはかどる最新オンラインツール43個まとめ

                                    この記事では、Webデザイン制作を楽にする最新オンラインツール43個をまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Layout Patter

                                      わずかな時間で驚くほどWeb制作がはかどる最新オンラインツール43個まとめ

                                    • 非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita

                                      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS

                                        非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita

                                      • DICとPANTONE ってどう違うの？ - 株式会社サンコー

                                        デザインを仕事にしている方にとって色指定のためにDICとPANTONE(パントン・パントーン)を使うことが多いでしょう。しかし、両者の違いやそれぞれの特徴を理解している人は意外と少ないはず。今回は、DICとPANTONE(パントン・パントーン)の違いについて、デザイナーさんが理解しやすいように解説したいと思います。 PANTONEの特徴 PANTONEは、アメリカのPantone社が開発した色見本帳で、グローバルスタンダードとして広く利用されています。その特徴は以下の通りです。 広範囲な色の選択肢: PANTONE(パントン・パントーン)カラーシステムには数千種類の色があり、デザイナーは豊富なカラーバリエーションから選ぶことができます。 グローバルスタンダード: PANTONE(パントン・パントーン)は国際的に認知されており、海外の印刷会社とも円滑にコミュニケーションが取れます。 特色イン

                                          DICとPANTONE ってどう違うの？ - 株式会社サンコー

                                        • ファミマの看板下にある「消えた女性のピクトグラム」は紫外線で消えただけだと思うよ - 電脳塵芥

                                          https://archive.is/AQuYS この記事は検証自体がネットストーカー的な話で怖さがあったりますが……。まずこのファミマ自体は該当アカウントの「実家の近所」だとのこと*1。では、ということで「実家」でキーワード検索すると浦安市であると判断できます。で、さらに実家の近所の店についてのツイートがあり*2、それが浦安の堀江6丁目。で、ここまで来たらあとはグーグルストリートビューでしらみつぶしにしていけばいいわけで、そしてその該当店舗が「ファミリーマート 浦安海楽店」となるわけです。 https://goo.gl/maps/TAmUC5aidKdLVrJV8 さて、上記のストリートビューは2022年9月の時点のものです*3。うちゃか氏はおそらくの文意としてLGBT理解増進法などの時によく見られた「消える女子トイレ」的な話があると思われますが、去年時点で消えてるならこの話には関係ない

                                            ファミマの看板下にある「消えた女性のピクトグラム」は紫外線で消えただけだと思うよ - 電脳塵芥

                                          • 時短してますか？Web制作が変わる最新オンラインツール38個まとめ

                                            日頃の忙しい業務を少しでも楽にしたい、効率化したいと考えている人にぴったりな、Web制作で使える最新オンラインツールをまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 カテゴリごとに整理しているので、制作フローに新しく追加してみてはいかがでしょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール クリックで一発コピペできる、120種類以上のCSSボタンを集めたライブラリ。3Dやグラデーション、レトロな

                                              時短してますか？Web制作が変わる最新オンラインツール38個まとめ

                                            • 人物イラストの肌の色を調べてみたら、ここ10年での大きな変化が見えてきた「凄い調査」「実感と合ってる」

                                              タキザワ＠パルミーお絵かきラボ @TkzwP 肌塗りに使う色のトレンドの変化をまとめました！ 2012　→　2017　→　2022　と、調査しました。 ここ数年で大きく肌色が変わっている印象があるので、ぜひ確認してみて下さい。 pic.twitter.com/iMReXB0R1Z 2022-10-03 18:22:14 タキザワ＠パルミーお絵かきラボ @TkzwP お絵かき練習垢 ユルめのtips等を紹介したり語ります パルミーで講座制作をしています。 ジェスチャードローイングを日々続けています。 ※個人アカウントです。 パルミー公式は↓ @palmie_oekaki palmie.jp/subscriptions/…

                                                人物イラストの肌の色を調べてみたら、ここ10年での大きな変化が見えてきた「凄い調査」「実感と合ってる」

                                              • 【2021 最新版】ノンデザイナーだからこそ知っておきたかった10のイラストサイト - Qiita

                                                みなさん、こんちには 【watnowテックカレンダーの23日目】 今日はwatnowのしゅいが担当します よろしくお願いします はじめに 今回は普段私が資料作りなどの際に利用している デザインの参考サイト,フリーのイラストサイト,配色のサイトを紹介します 今回紹介するサイトは全て無料で利用できます デザイン参考 1,pinterest URL:https://www.pinterest.jp ピンタレストは画像のSNSのようなものでネット上の画像を自分の「ボード」に 「ピン」して集めたりできる画像をブックマークとして集めるツールです パワポデザインなどと検索してデザインのアイデアを見つけたりして マネして作ってみるのもありです 2,dribbble URL:https://dribbble.com/ dribbbleはアメリカで生まれたサービスで、招待された人しか画像の投稿ができないため

                                                  【2021 最新版】ノンデザイナーだからこそ知っておきたかった10のイラストサイト - Qiita

                                                • 【色彩学】なぜ七草にちかより友達のほうが可愛いのか？｜電源Ｒ

                                                  にちかの色、変すぎワロタｗｗ ダサさに学ぶ色彩学　〈主題〉 なぜアイドルマスターシャイニーカラーズの「【♡まっクろはムウサぎ♡】七草にちか」はダサく見えるのか （なぜ相対的に隣の子がおしゃれに見えるのか） 「にちかの友達かわいい！」 最近よく聞きますね。 こんにちは。 シャニマス初心者、かつ件のSSR未所持です。 門外漢として、色彩学の観点で話します。 なのであくまでネタ提供、くらいに思ってください。 ただ、SSRの七草にちかさんを見た瞬間に、強烈な違和感を覚えたもので……。 シャニマスの絵にこういった印象を覚えたことはあまりなく。この違和感が、なにに起因したものなのか。考えていきます。 （この文に七草にちかさんの人格を否定する意図はなく、七草にちかさんにこの色を与えた制作陣の色彩設計を分析したものです） 1-1　色相で読み解く七草にちか 【♡まっクろはムウサぎ♡】のムービーを初めて見たと

                                                    【色彩学】なぜ七草にちかより友達のほうが可愛いのか？｜電源Ｒ

                                                  • 万博「こみゃく」の色合い、「青と赤なのにヴァ―っと展開しても毒々しくないのはなぜ？」→プロのデザイナーじゃなきゃ見逃しちゃう趣向が凝らされていた

                                                    cell @irodorist_m 万博のデザインシステムで一番いい仕事をしてるのは、この色なんだよぉ。C5K20の青みがかったグレー。主張の激しい赤と青のこみゃくたちを「ひとつ」に繋ぎ合わせてくれている、そんな色。だから万博コーデにもこの色入れてあげて♬ なかなかないけど。 pic.x.com/y97WC6o1HO 2025-05-16 19:44:44 引地耕太 | VISIONs CEO / COMMONs 代表 @kouta_hikichi 最も地味で、最も重要な役割。それがこのグレーです。この色は、ロゴにもミャクミャクにも入っていません。一般の方からすれば誰も気づかない可哀想な色でもあるのですが笑、多分プロのデザイナーであればその意味や役割がわかると思います。赤と青だけだと、全体に展開した時に目がチカチカして毒々しく強すぎます。だから一番最初に決めたのは、このグレーをデザインシス

                                                      万博「こみゃく」の色合い、「青と赤なのにヴァ―っと展開しても毒々しくないのはなぜ？」→プロのデザイナーじゃなきゃ見逃しちゃう趣向が凝らされていた

                                                    • ついに出た！2021年注目のWebデザイン人気トレンド9個まとめ

                                                      この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト

                                                        ついに出た！2021年注目のWebデザイン人気トレンド9個まとめ

                                                      • グラデーションがくすんでしまうのには原因がある、それを自動的に解決して美しいグラデーションを生成できる無料ツール -Gradient Generator

                                                        美しいグラデーションを作成するには、補間するカラーにグレーが含まれないようにすることが重要です。グレーが含まれてしまうと、それがデッドゾーンになり、汚いグラデーションになってしまいます。 このグレーのデッドゾーンを回避し、簡単に美しいグラデーションを生成できる無料ツールを紹介します。 Gradient Generator – CSS & SVG Export ツールを紹介する前に、なぜグラデーションがくすんでしまうのか。 PhotoshopやFigmaなどで幅広い色相のグラデーションを作ろうとすると、グラデーションの中央にグレーのデッドゾーンができてしまうことがよくあります。 左: グレーがあるグラデーション、右: グレーを回避したグラデーション このグレーのデッドゾーンを避けるには、グラデーションに使用するカラーは大きなカーブ（直線はダメ）を描いて補間する必要があります。 そしてここで紹

                                                          グラデーションがくすんでしまうのには原因がある、それを自動的に解決して美しいグラデーションを生成できる無料ツール -Gradient Generator

                                                        • ４年間、7色だけでUIをデザインし続けた話｜コウノ アスヤ

                                                          2019年にフリーランスとして独立した時すぐに声をかけていただいて、そこからずっとUIデザイナーとして関わってきた株式会社FLINTERSが今年で設立10周年なんだそうです。それを記念して、なんとメンバーでリレーしながら133日間ブログを書き続けるチャレンジに挑戦中とのこと。今回はその101日目の記事となります。 漫画アプリ「GANMA!」漫画アプリGANMA!僕が関わっているのはGANMA!のスマホアプリです。iOS向けとAndroid向けがあり、その両方のデザインを担当しています。 オリジナルの作品ですと、最近アニメ化された山田くんとLv999の恋をするなどが有名でしょうか。作品自体はいろんな漫画アプリで読めますが、原作はGANMA!発。最新話が最速で読めるのもGANMA!だけです。 GANMA!のデザイナーはずっと僕1人だけなので、僕の思想や判断がけっこう大きめにデザインに反映される

                                                            ４年間、7色だけでUIをデザインし続けた話｜コウノ アスヤ

                                                          • 『原色バキバキタイプ』『多色タイプ』『感じるままに選ぶタイプ』色がダサくなる理由を解説したツイートが話題に「意識するとガチで絵が映える」

                                                            mashu | イラスト教本 発売中 @mu_mashu 豊かな日常を。イラストレーター,デザイナー | メール▷ 【 [email protected] 】著書▷ 【 画集 amzn.asia/d/b6MUCFh 】【 デザイン視点でイラストを描く amzn.to/3VF4KM6】他 | ポケカ,バンタン/京都芸術大学非常勤 講師 instagram.com/mu_mashu

                                                              『原色バキバキタイプ』『多色タイプ』『感じるままに選ぶタイプ』色がダサくなる理由を解説したツイートが話題に「意識するとガチで絵が映える」

                                                            • これを読むと確かなデザイン力が身につく！ 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック

                                                              控えめに言って、これはかなりお勧めのデザイン書です！ レイアウト・文字・配色・イラスト・画像など、デザインの原則から応用テクニックまでていねいに分かりやすく解説されており、しかも全ページが非常に美しくレイアウトされています。 書名でパワーポイントと聞いて、関係ないかな、と思った人は大間違い。私も最初は興味があまりなかったのですが、中を見てみたら、間違いに気がつきました。本書は「伝わるビジュアル」づくりを身につけられるデザイン書、ノンデザイナーから中堅デザイナーにお勧めします！ 本書はC96の『PowerPoint Re-Master』を継承しつつ、ゼロから再構成された新刊書。全文がリライトされ、解説も大幅に増強、「誰もがビジュアル-コミュニケーション-デザインができる」世界を目指し、ノンデザイナーが「伝わる」デザインを学べる解説書です。 全ページが非常にかっこよく美しくデザインされているの

                                                                これを読むと確かなデザイン力が身につく！ 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック

                                                              • カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo

                                                                同じ背景色に配置したベタ塗りのカラーと同じに見える半透明のカラーを生成するツールを紹介します。 半透明のカラーは背景に重なると、ベタ塗りのカラーと同じになります。たとえば、シャドウやダイアログの背後の背景など半透明で複数の背景で動作するUI要素に最適です。不透明度を下げたブラックを使用するのではなく、ニュートラルカラーの半透明カラーを使用すると、より美しいUIをデザインできます。 下記は、上はベタ塗り、下は半透明です。

                                                                  カラー生成のこんな便利ツールがあったとは！ ベタ塗りのカラーと同じに見える半透明のカラーを生成するツール -Alphredo

                                                                • 超高速！ デザインやイラストに最適な色を組み合わたカラーパレット🎨を生成する無料ツール -Colour Palette Generator

                                                                  選択したカラー・テーマに基づいて、デザインやイラストに最適な色を組み合わたカラーパレットを生成する無料のオンラインツールを紹介します。 操作は快適👍で、超高速🔥！ 気になったカラーパレットはすぐに無料でダウンロードでき、さまざまなプロジェクトで使用できます。

                                                                    超高速！ デザインやイラストに最適な色を組み合わたカラーパレット🎨を生成する無料ツール -Colour Palette Generator

                                                                  • Webデザイン制作をもっと楽に！便利な最新オンラインツール45個まとめ

                                                                    この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8.

                                                                      Webデザイン制作をもっと楽に！便利な最新オンラインツール45個まとめ

                                                                    • 1億色を識別できる「4色型色覚」の女性が語る「あまりにも素晴らしく、あまりにも特別なこの世界」 | 「この世界でどうやって不幸になれるのだろう」

                                                                      アーティストのコンチェッタ・アンティコは、子供の頃からいつも「ちょっとだけ奇抜」だったという。彼女は10年前、自分が見ている世界が他の人のそれとは文字通り違うことを知った。彼女にとって、この世界で生きるとはどういうことなのだろうか──。 彼女の生きる「サイケデリックな世界」 芸術家が作品のために事実とは異なる表現をすることを、「アーティスティック・ライセンス」と言う。コンチェッタ・アンティコの絵画に使われる鮮やかな配色を見れば、あなたはすぐに彼女もそれをやっていると思うだろう。 アンティコが描くユーカリの木の幹は、紫と藤色を帯びており、オウムの黄色いトサカは、うっすら青緑がかっている。彼女が描く庭の奇抜な配色は、ほとんどサイケデリックなほどだ。 「単に芸術家を気取りたいわけでも、アーティスティック・ライセンスを使っているというわけでもないんです」とアンティコは言う。 「私は本当に見たままを

                                                                        1億色を識別できる「4色型色覚」の女性が語る「あまりにも素晴らしく、あまりにも特別なこの世界」 | 「この世界でどうやって不幸になれるのだろう」

                                                                      • 最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ

                                                                        最近Webサイトやスマホアプリを利用していてふと気づいたことがある。 「あれ、さっき見てたのどれだっけ？」と思うくらい無意識のうちにどれだったかがわからない状態。そう、アイコンがどれも似ている。その感覚自体は以前にもあったのだが、今回は趣が少し違う。 以前は「アイコン全てカラフル問題」だったのが、今回は「アイコンどんどん黒くなっていく問題 = ブラック化現象」が発生している。 そう、最近は白と黒のアイコンがあまりにも多くないか？そんな気がして少し考察してみることにした。 【トレンド分析】最近のアイコンのデザインが似通ってきている問題 X → Twitterへのドラスティックなリブランドの衝撃 まずその傾向の代表が、爽やかな水色からシックなモノトーンになった Twitter、いや、Xだろう。

                                                                          最近のロゴがどんどん黒くなっていく「ブラック化現象」について デザイン会社 ビートラックス: ブログ

                                                                        • Web制作を変える！2021年の便利オンラインツール・ベスト100選

                                                                          この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール（11個） 2. パターンツール（3個） 3. イラスト系ツール（9個） 4. デザインツール（17個） 5. 配色ツール（7個） 6. グラデーションツール（12個） 7. SVGツール（9個） 8. スクリーンシ

                                                                            Web制作を変える！2021年の便利オンラインツール・ベスト100選

                                                                          • Web制作の効率、生産性アップ！話題の最新オンラインツール33個まとめ

                                                                            この記事では、Webデザイン制作を効率アップさせる最新オンラインツール33個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これらのツールをうまく活用することで、面倒な作業も短時間で行い、より円滑にプロジェクトを進めることができます。お気に入りのツールをワークフローに取り入れ、より快適で、スピーディーな制作を目指しましょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. アイコンツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ We

                                                                              Web制作の効率、生産性アップ！話題の最新オンラインツール33個まとめ

                                                                            • UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方

                                                                              ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを解説します。 Darkmode by Dan Holick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ダークモードのグレースケールを作成するのが難しいのは、なぜだと思いますか？ それは、人がカラーとコントラストを知覚する感じ方に関係があります 👇

                                                                                UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方

                                                                              • “思わずクリックしたくなる”バナーデザイン発注のコツ！ 「イメージと違う」を解消する6é …ç›® | 【レポート】デジタルマーケターズサミット2022 Summer

                                                                                  “思わずクリックしたくなる”バナーデザイン発注のコツ！ 「イメージと違う」を解消する6項目 | 【レポート】デジタルマーケターズサミット2022 Summer

                                                                                • AI Color Palette Generator - ColorMagic

                                                                                  AI Color Palette GeneratorCreate beautiful color palettes with our free AI color palette generator. Generate color palettes from names, images, text, or hex codes in seconds!

                                                                                    AI Color Palette Generator - ColorMagic
                                                                                  1 2 3 4 5 次のページ

                                                                                  新着記事

                                                                                  はてなブックマーク

                                                                                  公式Twitter

                                                                                  はてなのサービス

                                                                                  • App Storeからダウンロード
                                                                                  • Google Playで手に入れよう
                                                                                  Copyright © 2005-2025 Hatena. All Rights Reserved.