並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 202件

新着順 人気順

配色の検索結果81 - 120 件 / 202件

  • あたしのVSCodeがこんなに可愛いわけがない。

    あたしのVSCode全然かわいくな〜〜〜〜い!!!!😡 全然可愛くないじゃな〜〜〜い!!こんなんじゃ仕事もやる気にならないわよもう!! こんなのあたしは認めないんだから!というわけで、いまからこの子をかわいく大変身させていくわよ❤ あ、今回は可読性なんていう野暮なものはお花畑に置いてきたわ。うふふ。 めっかわなTheme❤️(Dracula) というわけでVSCode大変身計画がはじまったわね。 まずあたしが目につけたのは、ずばりTheme(配色テーマ) よ!これ無しじゃかわいいは語れないわ。 とりあえずこれを見てみなさい。 どう?? これだけで雰囲気がかなり変わったんじゃないかしら。 今回あたしが使用させていただいたのはDraculaというテーマよ! さっき見せたのはそのなかのDracula Soft というものを適用した画面ね。落ち着いた雰囲気のなかにもかわいさのヴェールをまとってい

      あたしのVSCodeがこんなに可愛いわけがない。
    • グラフィックデザインの練習をするための本の選び方 - やわらか図書館学

      前々から書きたいと思っていたことを書こうシリーズ。 それなりの期間、本屋に通い、たびたび地雷をつかみながらも、少なからぬお金を落とし続けてきたなかで、なんとなくわかってきた「グラフィックデザインを練習するための本の選び方」について、書いてみたいと思います。 といっても、ぜんぜん大したことではなく、先に結論を書いてしまうと、 その本はどういう本か 今の自分に必要な本はどういう本か の2点を意識するといいのでは、というお話です。 なお、一応最初に断っておきますと、私は本はたくさんみていますが、その割に肝心のデザインスキルは推して知るべしなので、あらかじめご了承ください。 どこにあてはまるでしょうか 上の図は、本の内容を分類するための補助線として、横軸に「基本-応用」、縦軸に「総論-各論」という線を引いてみたマトリクスとなります。横軸の「基本-応用」は、「理論-作例」と言い換えてもいいかもしれま

        グラフィックデザインの練習をするための本の選び方 - やわらか図書館学
      • 山中湖のライブカメラが赤富士を捉えたが、あの浮世絵とあまりの一致で落ち着かない「北斎もこれを見たのか」

        リンク YouTube スマトラごはん こんにちは✨😃❗ スマトラごはんです。 セミをこよなく愛する人間! セミ好きになってから12年目、飼育を始めてから5年目になります! 少しでもいいな、面白いな!など思いましたら、是非チャンネル登録、高評価のボタンを押していただけるととても嬉しいです。 何卒よろしくお願い致します。 映像の使用等についてはお手数おかけいたしますが動画コメント欄やTwitterのダイレクトメッセージにお願いいたします。

          山中湖のライブカメラが赤富士を捉えたが、あの浮世絵とあまりの一致で落ち着かない「北斎もこれを見たのか」
        • 【2022】注目のWebデザイントレンド13選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

          おつかれさまです。デザイナーのみやです。 Webデザインのトレンドは2〜3年ごとぐらいの大きな潮流がありつつ、既存のトレンドに一工夫加えたものが流行ったりと、メジャー/マイナー問わず刻々と変化していっています。新しい時代への対応だったり、世代の移り変わりによる好みの変化などにも影響されながら変わっていくので、クリエイターとして常に追いかけていく必要があります。 2022年に入って結構経ってしまいましたが、今後直近で流行りそうなデザインを参考とともにピックアップしました。 ※最新2023年版のWebデザイントレンドは以下記事をご覧ください! 👉注目のWebデザイントレンド10選【2023】 ※今回こちらの記事を参考にしています 22 inspiring web design trends for 2022 10 Web Design Trends To Expect in 2022 Top

            【2022】注目のWebデザイントレンド13選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
          • ワクワクが満載!Web制作を変える最新オンラインツール50個まとめ

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

              ワクワクが満載!Web制作を変える最新オンラインツール50個まとめ
            • 【総まとめ】2023年世界で話題になったWebデザイン・ベスト50選

              「このWebサイト、素敵。」と感じさせるモノとは、一体何でしょう。 それはデザインなのか、それとも機能性なのか、または「このフォント、配色が好き」といった特定のデザイン要素かもしれません。 ずばり、この問題の答えはポンと出せるほど単純ではなく、これらの要素を組みあわせることで、素晴らしいWebサイトは生まれます。 この1年間で、デザイン制作の参考にしたいWebサイトを200以上紹介してきました。 製品やサービスを販売、紹介するサイトや、実験的なサイト、情報を提供する教育的なサイト、政治的なサイト、そして夢中になる体験型サイトまで、業種もさまざまです。 この記事では、デザインアイデアにしたり、トレンドを分析したり、2023年の振り返りに最適な50のWebデザインを厳選してご紹介します。

                【総まとめ】2023年世界で話題になったWebデザイン・ベスト50選
              • 子供の水着の色で悩んでいたらこの色付きのキャップを海に沈める実験動画がとても参考になった「赤はマジで見えない」

                しゅう@人間だした @S_Rhinoceros 子供のラッシュガードの色を決めるのに調べてたらHITしたんだけどさ!赤がダメなのは知ってたけど(海辺育ちなので)、オレンジ以外と目立つねえ!オレンジ、黄色、蛍光よりの黄緑かな…ピンクも悪くなさそう、流行りのくすみカラーは絶対ダメだろうな…蛍光で選ぼう…… twitter.com/kurorabukyouzy… リンク 日本最大級の水着が揃うAi(アイ)スクウェア - 水着は全品送料無料、日本最大級の水着が揃うAi(アイ)のブログやコラムが閲覧できますサイトです。 ラッシュガードとは?意味やメリット、目的別の選び方やポイントを完全ガイド - 日本最大級の水着が揃うAi(アイ)スクウェア ラッシュガードとは? ラッシュガードとは、ポリエステル・ポリウレタン・ナイロンの素材を使って作られたスポーツウ 1 user 34 リンク 楽天市場 【楽天市場

                  子供の水着の色で悩んでいたらこの色付きのキャップを海に沈める実験動画がとても参考になった「赤はマジで見えない」
                • Webのダークモードを実現するには - freee Developers Hub

                  こんにちは、freeeのUXチームでデザインシステム “Vibes” を作っている id:ymrl です。 ダークモード流行ってますよね。私は最初はしっくりこないなと思っていたんですが、食わず嫌いは良くないと思って試しているうちに、いつの間にかダークモードのほうが落ち着くようになってしまいました。 そしてそうなってくると、だんだん「自分たちの作っているWebサービスもダークモードに対応するべきなのか?」という気持ちになってきてしまい、最近はずっとダークモードのことを考えています。ということで今回はダークモードをやるべきなのか、実現する方法はどうなっているのか、UIデザインで気をつけるべき点何かというのを考える記事を書いてみます。 ※「ダークモード」はApple製品で使われている呼び方で、Androidでは「ダークテーマ」と呼ばれていて、Windowsでは「ダーク○○」のような呼び方をしてい

                    Webのダークモードを実現するには - freee Developers Hub
                  • デザインが楽になる、ずるい最新ツール・素材40個まとめ

                    「毎日のように数えきれない数のツールやサービスが登場し、どれが本当に必要なのかわからない」という方へ。 今回は、2024年に入って公開されたデザインに役立つ無料素材やツールをまとめてご紹介します。 「こんなのあったら便利なのに、」を叶える、かゆいところに手が届く便利ツール・素材を中心に、無料で利用、ダウンロードできるものをセレクトしています。 2024年のデザイントレンドでも何度も挙げられていた、「AIの力をうまく利用したツール」も増えています、合わせて確認してみましょう。

                      デザインが楽になる、ずるい最新ツール・素材40個まとめ
                    • 伝わる図解の作り方~レイアウトや配色のポイントを解説~ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                      こんにちは、デザイナーの花ちゃんです! かれこれ3年ほどLIGブログで記事を書いていますが、最近意識していることがあります。それは、文字だけではなく、できるだけ視覚的に情報を伝えるということです。最初は文章を書くことに必死でしたが、よりわかりやすく、最後まで楽しく読んでもらうにはどうしたらいいかを考えるようになり、たどり着いたのが「図解」でした……!! 今回は、図解を作るときのポイントやグラフ作成時にやりがちな失敗例、ストックしておくと便利なチャート図のデザインパターンをまとめてみました。 【図解を作るときにおすすめの素材】 👉フリーイラスト素材サイト39選【デザイナー厳選】 👉無料で商用利用可なフリーアイコン素材サイト13選【デザイナー厳選】 【一からWebデザインを学びたい方へ】 現場で活かせるWebデザインの基礎をしっかり学びたい、現役デザイナーに教えてもらいたい……という方は、

                        伝わる図解の作り方~レイアウトや配色のポイントを解説~ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                      • アイキャッチデザインで参考になるWebメディア37選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

                        こんにちは! インハウスデザイナーのぱんちゃんです。 入社して一年、LIGブログのアイキャッチ画像をひたすらに作ってきました。これまでのLIGのアイキャッチは、記事の魅力が最大限伝わればトンマナはなんでもOK! ユニーク万歳! でしたが、CIが変わりちょっぴり大人なLIGになった今、より信頼感やプロフェッショナルさが伝わるアイキャッチに変えていこうと試行錯誤をしています。 新たなLIGらしいアイキャッチはなんだろうと考えたときに「まずは世の中にある素晴らしいアイキャッチを知ることから始めよう!」と思い、他企業・他メディアのアイキャッチの分析を始めました。 今回はクオリティの高いアイキャッチのWebメディアを37個紹介します。 アイキャッチを制作するデザイナーの方、メディアサイトを制作されている方、アイキャッチのディレクションをする方にとって参考になれば幸いです! 紹介したいWebメディアが

                          アイキャッチデザインで参考になるWebメディア37選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
                        • 色覚多様性(色覚異常)の見え方を Chrome DevTools でシミュレーションする | DevelopersIO

                          去年にアップデートされた Chorome 83 以降、拡張やアプリなどを導入することなく、DevTools で簡単にシミュレートすることが可能になっています。 手順 DevTools のメニューを開きます。 More tools から Rendering を選択します。 あとは Emulate vision deficiencies で選択するだけです。 シミュレーションできる種類 実際に DevelopersIO のロゴがどう見えるのか、それぞれの選択肢でどうみえるようになるのか確認してみました。 選択肢名 サンプル画像

                            色覚多様性(色覚異常)の見え方を Chrome DevTools でシミュレーションする | DevelopersIO
                          • 濁りなし!美しいグラデーションの基本ルールとCSSオンラインツール

                            デザイントレンドは変わっていますが、グラデーションはとてもナチュラルな見た目と多様性に富んでおり、いつの時代も愛されるデザインスタイルです。 この記事では、美しいグラデーションを作成する基本ルールと、手軽に利用できるグラデーション作成オンラインツールをご紹介します。 全シリーズはこちら。 しっかりマスター!美しいグラデーション作成徹底ガイド【Illustratorグルーバルカラー編】 しっかりマスター!美しいグラデーション作成徹底ガイド【Illustrator実践デザイン編】 美しいグラデーションって、なんだろう? グラデーションには良くて美しいものもあれば、悪くてひどいものもあるでしょう。 良いグラデーションとは、ナチュラルで調和のとれた美しいなめらかな色の変化のことを指します。 プリント印刷でグラデーションを表現するときの技術的な問題を防ぐのにも役立ち、画面スクリーン状で見たときにも魅

                              濁りなし!美しいグラデーションの基本ルールとCSSオンラインツール
                            • プロのUIデザイナーに学ぶ! UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.13

                              デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第13弾は、配色とユーザーエクスペリエンスに関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Thirteen. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 色彩理論を知らなくてもデザインに統一感を与えられる 2. ユーザーが選択したアイテムを目立たせる 3. 細いフォントは暗いカラーにする 4. 最も重要な要素をより目立たせる 5. 次のステップの情報を提供する 6. CTA用にカラーを1つ確保しておく はじめに 次のプロジェクトのために効率的で美しいUIを作成

                                プロのUIデザイナーに学ぶ! UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.13
                              • AIの力でイケてる配色を生み出すカラーパレットジェネレーター「Huemint」レビュー

                                ロゴやウェブサイトの配色決めにおいては、パーツ単体で見たときに良さそうでもいざ実際に配置してみると「思った感じと違う……」と難航しがちです。そんな時、AIの力でカラーパレットを作成してくれるサイト「Huemint」は自動で良さげな感じに仕上げてくれるうえに、利用する際のイメージを分かりやすいプレビューで用意してくれる非常に便利なサイトということで、実際にその使い勝手を試してみました。 Huemint - AI color palette generator https://huemint.com/ サイトにアクセスするとこんな感じ。「Launch」をクリックします。 するとブランドロゴのページに移動しました。AIの選んだ4色を使った場合のイメージが右側に表示されています。下にスクロールしてみると…… 生成された配色が合成されたイメージ画像が表示され、製品に表示したときのイメージが分かりやす

                                  AIの力でイケてる配色を生み出すカラーパレットジェネレーター「Huemint」レビュー
                                • めっちゃ楽!面倒なWeb制作から救う最新オンラインツール44個まとめ

                                  ホームページやウェブサイトを制作するなかで、「この作業は苦手」「いつも〇〇でつまづく」など日々格闘しているひとも多いでしょう。 この記事では、そんな面倒なWeb制作を楽にするお役立ち最新オンラインツールをまとめてご紹介します。 頭を抱える配色えらびから、おしゃれイラストのダミー生成ツールや、商用利用もできるHTMLテンプレートなど、時間のかかっていた作業を時短できる新サービスがぞくぞく増えています。 自分だけの最強ワークフロー術として、この機会に活用してみてはいかがでしょう。 カテゴリごとに整理しています、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新

                                    めっちゃ楽!面倒なWeb制作から救う最新オンラインツール44個まとめ
                                  • 配色 - デザインツール | お道具箱 for Web

                                    color-sample.com豊富なカラーサンプルをランダムに表示。選択したカラーの彩度や明度も調べることができる。

                                      配色 - デザインツール | お道具箱 for Web
                                    • Webデザイン独学の参考アイデアに!話題の最新ウェブサイト46個まとめ

                                      この記事では、Web制作アイデアに困ったら参考にしたい最新ウェブデザイン46個をまとめてご紹介します。 世界中のトップクリエイターによる、最新鋭のデザイン技術を駆使したサンプルを確認しながら、レイアウトや配色、フォントの選び方、アニメーションの実装など、今後のデザイン制作で検討できる、実用的なデザインアイデアを見つけてみましょう。 絶賛進化中!参考にしたい最新Webサイトデザイン46個まとめ Robin Noguier 制作実績をまとめたフラン人フリーランサーのポートフォリオ。画面左下に各サイトの詳細をビデオ動画で紹介、スクロールに応じてユラユラと揺れるカルーセル、ロゴのマイクロインタラクション、ユニークなスライド式ココンテンツバーの表示など、参考にしたいたくさんの機能が実装。 Modern Recovery アルコールとの付き合い方をイラストと、元アルコール依存症のひとのインタビューを交

                                        Webデザイン独学の参考アイデアに!話題の最新ウェブサイト46個まとめ
                                      • 春を迎えるカラフル米粉餅を愛でる

                                        寒い冬のあとにはあたたかく色鮮やかな春がやってくることを、私たちは知っている。 年末セールが終わってファッションビルの装いが軽やかになり、お天気ニュースで花粉の話が出始めて、そろそろ春がくるなと心の準備を始める。ぽつぽつ膨らみ始めた花の蕾を見て、今年こそは花見が出来るといいななんて浮かれたりもする。 しかしその前に、春を迎えるために大事な行事があるのをご存知だろうか。米粉をこねてカラフルな餅を作るのだ。 春待ち遠し、米粉をこねてカラフルにする人よ なんだ菱餅のことか、とお思いの方もいるかもしれない。 もちろん、菱餅は言わずと知れた桃の節句の縁起のいい餅なのだが、実は日本各所に春を迎えるためにカラフルな米粉餅を作る行事がある。 あまたある郷土菓子から、「季節行事」「米粉の餅」「カラフル」をキーワードとして調べた結果、見つかった26種類の餅たち。 それぞれの郷土菓子の由来はいまいちはっきりしな

                                          春を迎えるカラフル米粉餅を愛でる
                                        • もっと早く知りたかった!便利な最新Web、オンラインツール30選

                                          この記事では、「もっと早く知りたかった」と思ってしまう、便利な最新オンラインツールをまとめてご紹介します。 AIをフル活用した次世代ツールから、これまでの作業が嘘のように捗る便利なものまで、今後のワークフローを変えてくれそうなツールを中心に揃えています。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール 2. デザイン・配色ツール 3. モックアップ・アイコンツール 4. 面白・クリエイティブツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ Webデザイン便利ツール 3D Perspective Glitch Hover Effect グリッチアニメーション中にピクセル化された画像を表示する、ユニークでたのしいホバーエフェクト。 Bike Demo Three.js マウススクロールに合

                                            もっと早く知りたかった!便利な最新Web、オンラインツール30選
                                          • Webデザイン力を鍛える最新良質ウェブサイト33個まとめ

                                            「ウェブデザインのアイデアが決まらない」「なんとなくイメージはあるけど、どう作ればいいかわからない」「打ち合わせでのサンプル見本が欲しい」 この記事では、そんなときに役立つ世界中のクリエイティブな最新Webデザイン33個サイトをまとめてご紹介します。 すぐれたデザインをたくさん見ることで、アイデアやインスピレーションになるのはもちろん、Webデザイン力をあげるきっかけにもなります。 雰囲気やレイアウトはもちろん、配色やフォント選び、トレンド性のあるパーツの使い方など、用途に応じて参考にしてみるとよいでしょう。 Webデザイン力を鍛える最新良質ウェブサイト36個まとめ Kazuki Noda Portfolio まるで本物の木漏れ日がウェブサイトにかかっているようなエフェクトにはじまり、ブルーを基調とした落ち着いた配色、フォント選びまでセンスが光るポートフォリオサイト。 まるでペンキで塗り替

                                              Webデザイン力を鍛える最新良質ウェブサイト33個まとめ
                                            • ウェブサイトの配色で気を付けたい9つのこと | knowledge / baigie

                                              ウェブサイトやアプリケーションにおいて配色の持つ役割は大きく、その設計は使いやすさに強く影響を及ぼします。今回は基本的ではあるけれど覚えておくと役立つ、配色にまつわる9つのトピックについて解説します。 なお、本記事では、配色が与える情緒的な印象の話は出てきません。印象論的な配色理論は、数多く存在する他の書籍や記事に譲るとして、主にユーザビリティやアクセシビリティ、ビジネス上の課題解決に繋がる、基本的なポイントに絞って解説していきます。 1. メインカラーに赤を安易に採用しない 色を知覚する視細胞の中で、赤錐体(赤に反応する視細胞)は緑や青のものより数が多いという研究結果があります。 人間の目は赤に対して敏感であるという現象は、いくつかの学術的な裏付けにより証明されている事実と言えるでしょう。 色覚のしくみ – 多様な色覚に対応したデザインと社会の改善 特定非営利活動法人カラーユニバーサルデ

                                                ウェブサイトの配色で気を付けたい9つのこと | knowledge / baigie
                                              • AIは色を〈理解〉しているか? アートディレクターが「ChatGPT」に配色を提案させてみた

                                                対話型AIの話題が尽きない。火付け役となったのは「ChatGPT」だ。質問や指示を投げかけると、AIが回答を生成する。デザインでの活用も可能だろうか。サントリー『特茶』のロゴデザインなどを手がけたアートディレクター小杉幸一氏が、「ChatGPT」にディレクションをしてみた。 AIのお手並み拝見 小杉 「色」は、商品やサービス、企業ブランドなどの〈コミュニケーション人格〉を構成する重要な要素のひとつです。〈コミュニケーション人格〉とは、ターゲットとなる生活者と関係を築くための、ブランド側の〈人格〉のことです。 コミュニケーションする側の商品やサービス、企業ブランドはどんな〈人〉なのか。ターゲットとする人たちに話しかけたとき、ちゃんと聞いてもらえる人格はどのようなものかを考えるところから、デザインは始まります。 「ChatGPT」とは 「ChatGPT」は入力した質問や指示などに対して回答とな

                                                  AIは色を〈理解〉しているか? アートディレクターが「ChatGPT」に配色を提案させてみた
                                                • 注目のWebデザイン用AIツール! テキスト入力でWebサイトやスマホアプリ向けのカラーパレットをすぐに生成 -AI Colors

                                                  テキストを入力すると、Webサイトやスマホアプリ向けの美しいカラーパレットをすぐに生成してくれるAIツールを紹介します。 「企業サイト向けのクールで信頼感のあるカラーで、ベースはホワイト」「子供向けキャンペーンサイト、海と夏のイメージ」こんな感じにテキストを入力すると、Webサイトやスマホアプリ向けのカラーパレットを生成してくれます。 AI Colors AI Colorsの特徴 AI Colorsの使い方 AI Colorsを使ってみた AI Colorsの特徴 AI ColorsはOpenAIのGPT-3.5を使用して、テキストからAIによりWebサイトやスマホアプリ向けの美しいカラーパレットを生成します。また、他の人が作成したカラーパレットを検索・編集・視覚化することもできます。 利用にあたっては無料で、登録なども必要ありません。

                                                    注目のWebデザイン用AIツール! テキスト入力でWebサイトやスマホアプリ向けのカラーパレットをすぐに生成 -AI Colors
                                                  • 2022年、Figmaで特にお勧めしたいプラグインのまとめ

                                                    Figmaにはプラグインがたくさんあります、その中から特に便利なプラグインを紹介します。WebサイトやスマホアプリのUIを作成するワークフローに役立つ便利なプラグインばかりです。 20 Awesome Figma Plugins to improve your Workflow by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 特にお勧めしたいFigmaのプラグイン 終わりに はじめに 私はここ数年の間、Figmaの多くのプラグインを実際に試し、定期的に使用してきました。Figmaコミュニティで提供されるプラグインは改善され続け、その勢いは衰える気配がありません。 私がこれまでに使用してきたプラグインの中で、特にお勧めできる20個のプラグインと、現在も更新されているプラグインをまとめるのに良

                                                      2022年、Figmaで特にお勧めしたいプラグインのまとめ
                                                    • ラクラクWebデザイン制作!便利な最新オンラインツール39個まとめ

                                                      この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 これまではむずかしいと思っていたことや、面倒な作業をボタン一発で完了できるなど、デザイン制作の時間短縮にぴったりなツールから、遠隔でのテレワークにも便利な新機能、ユニークなツールやサービスなどが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ Web制作便利ツール Tail Blend CSSmix-blend-modeプロパティをリアルタイムで

                                                        ラクラクWebデザイン制作!便利な最新オンラインツール39個まとめ
                                                      • Webデザイン制作の見本に!すぐれた最新実例サンプル33点まとめ

                                                        この記事では、進化を続けるWebデザインの最新の実例サンプル33点をまとめてご紹介します。 世界中の優れた実例サンプルを実際に見ることで、印象や配色、レイアウト、書体などの新しいアイデアや発想を手に入れましょう。 アイデアに困ったときの参考サンプルとしても活用できるので、2021年のWebデザイントレンドと一緒にチェックしてみてはいかがでしょう。 ついに出た!2021年注目のWebデザイン人気トレンド9個まとめ Webデザイン制作の見本に!すぐれた最新実例サンプル33点まとめ Umami Land Googleによる日本食を外国人向けに紹介したページで、食べものを探しながらステージを進めていく、ゲーム要素を盛り込んだ体験型ウェブサイト。Googleマップと連動しており、近くで食べれるお店もリコメンド。 Good Meat 一般的に食用とされている鶏誕生の由来から、今後の代替肉への消費の移行

                                                          Webデザイン制作の見本に!すぐれた最新実例サンプル33点まとめ
                                                        • Alphredo — Alpha colors generator

                                                          Create translucent versions of your colors Alphredo generates translucent (alpha) colors looking the same as their opaque counterparts when placed against the same background.

                                                            Alphredo — Alpha colors generator
                                                          • これどうだっけ?を解決!Web制作の便利&時短ツール50個を揃えた Toolb.dev

                                                            Web制作で日常的に使える無料のCSSやHTML、JSウェブツール50種類以上を提供しているToolb.dev。 なにかと面倒な作業をパネル上で直感的に行うことができ、リアルタイムでのプレビュー機能や作成したコードはそのままコピペも可能、Web制作でも活用機会の多いツールが揃います。 クレジット表記不要で、ユーザー登録をせず利用できるのも嬉しいポイントです。Web制作をサポートする便利ツールも一緒にチェックしてみてはいかがでしょう。 Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ Web制作を楽にする便利なSVGツール53個まとめ Web制作の面倒な作業が楽になるツール50個を揃えたToolb.dev 「これどうやるんだっけ?」いつも忘れがちなWeb制作の工程をサポートしてくれるToolb.devで利用できるツールは50を超え、現在ベータ版での提供となります。それぞれのツー

                                                              これどうだっけ?を解決!Web制作の便利&時短ツール50個を揃えた Toolb.dev
                                                            • ChatGPTを活用したデザイン制作

                                                              ChatGPTを活用したデザイン制作ChatGPT、使っていますか?私は有料プランでほぼ毎日利用しています。Google検索が最近アレなんで、ちょっとした調べ物にも、お仕事の簡単な作業にも使っていますよ。今回はデザインに焦点をあてて、日頃のデザイン作業に使っている方法をいくつか紹介します。 ChatGPT デザインを 0 から 10 までやってもらうのはまだ難しい結論から言うと、まったくなんの情報もないところから、デザインの完成まで頼むのは、まだ難しいかなと思います。ダミーの Web サイトの画面を作ってもらうとかならまぁまぁなクオリティで作ってはくれますが、それをクライアントに提案できるレベルかと聞かれると、うーん…と唸ってしまいます。 なので、最初から最後まで、素晴らしいクオリティで作ってもらうことは 1 年後くらいにまた試すとして、2024 年現在ではデザイナーのサポート役というのが

                                                                ChatGPTを活用したデザイン制作
                                                              • 色・配色・カラーパレット・彩色 メモ 2024年10月号

                                                                まとめ 「思ってる感じの色になる」「イラスト描くのに使えそう」AIでキーワードから色のパターンを生成できるアプリ「Color.. 色の雰囲気やイメージを入力するだけで、いい感じの配色を簡単に生成できるツール「ColorMagic」がリリース。日本のトレンド3位にも浮上。 40325 pv 775 201 29 users 60 まとめ すぷなの自分用ありがたいおえかきハウツーツイートまとめ すぷなの自分用ありがたいおえかきハウツーツイートまとめ たぶんその1 たくさんファボりすぎて探しづらくなってしまったのでまとめました クリスタは別にまとめてあります http://togetter.com/li/927866 56461 pv 344 117 28 users 7 イラスト・マンガ描き方ナビ @kaki_navi 色選びに役立つ!すぐ使える配色テクニック🎨 clipstudio.net

                                                                  色・配色・カラーパレット・彩色 メモ 2024年10月号
                                                                • センスがいい!と言われる人の色使いの凄いコツ

                                                                  コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能(広告ブロック機能を持つ拡張機能等)を無効にしてページを再読み込みしてください。 ✕

                                                                    センスがいい!と言われる人の色使いの凄いコツ
                                                                  • 「Windows Terminal」「PowerToys」「Winget」 Microsoft系OSSのアップデート情報 (1/2)

                                                                    今回は、Microsoftのオープンソース系アプリケーションの動向を見ていくことにする。対象はとしたのは、 ●Windows Terminal https://github.com/microsoft/terminal ●PowerToys https://github.com/microsoft/PowerToys ●Winget https://github.com/microsoft/winget-cli の3つ。リンク先は、GitHubのページである。以下の表に、それぞれのプレビュー版や安定版の情報を示す。そのほかにも「電卓」や「PowerShell」などもあるが、「電卓」は大きな動きがないこと、「PowerShell」に関しては毛色も異なるため、別の機会としたい。 「Windows Terminal」は安定版が四半期リリースに変更 Windows Terminalは、プレビュー版

                                                                      「Windows Terminal」「PowerToys」「Winget」 Microsoft系OSSのアップデート情報 (1/2)
                                                                    • クリエイター注目!人工知能(AI)活用のすごい&無料ウェブサービス22選

                                                                      人工知能(AI)を活用したツールは、デザイナーなどクリエイティブな業種において、特におすすめです。 これまでは、夢物語と思われていたような未来のことが、誰でもほんの数クリックで実現、作成できるようになったのが、一番の理由でしょう。 実際、ここ数年のあいだに、AIテクノロジーは目覚ましい進歩を続け、2022年は大流行した年にもなりました。 今回は、クリエイターが活用したい、AI搭載の便利なウェブツールをまとめてご紹介します。 長い記事を要約したり、文字を画像や音声に変換できるAIツールをカテゴリ別にまとめたリストも参考にどうぞ。 クリエイターが活用したい、AI搭載の便利&無料ウェブツールまとめ Magic Eraser 写真に写り込んだ不要、邪魔なものや人を、なぞるだけで簡単に消すことができるツール。先発のCleanup.Picutresも、精度が高くてオススメ。 Dall-E-2 2022

                                                                        クリエイター注目!人工知能(AI)活用のすごい&無料ウェブサービス22選
                                                                      • 配色に悩んだらこの4つを思い出してみてください→やっぱこの配色っていいんだ「なぜかBGMが聞こえてくる…」

                                                                        すずめちゃん。 @suzume_kiyoraka これはライフハックなんだけど学会発表スライドをこの3色の配色で作れば男性が多い学会ではかなり目を引く発表になるはず。 pic.twitter.com/pL25YYRbkS 2023-05-02 08:13:13

                                                                          配色に悩んだらこの4つを思い出してみてください→やっぱこの配色っていいんだ「なぜかBGMが聞こえてくる…」
                                                                        • クリエイター注目の便利な最新オンラインツール46個まとめ

                                                                          この記事では、クリエイターが知っておくと便利な、最新オンラインツールをまとめてご紹介。 昨年末より話題持ちきりのAI関連ツール、特に増えています。 また、Webサイト制作が楽になる時短ツールやデザインツールなど、あらゆるクリエイティブな案件、プロジェクトで活躍しそうな新ツールが中心。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. AIツール 2. Webデザイン便利ツール 3. 配色ツール 4. デザインツール 5. プロトタイプ・アイコンツール 6. クリエイティブ・面白ツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ AIツール Hotpot 写真の背景を削除したり、拡大ししたり、不要なものを消したり、古い写真のカラー化などを、AIがまとめて行う自動ツール。 加工した写真は、InstagramやTwitt

                                                                            クリエイター注目の便利な最新オンラインツール46個まとめ
                                                                          • 業種や雰囲気による配色の決め方

                                                                            この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 この記事ではWebデザインを制作する際に、業種や雰囲気によってどのように配色を決めていけばいいのか、業種による配色の特徴、配色で変わる雰囲気について説明します。 業種による配色の特徴 業種によってよく使われる色と使われない色があるかを飲食店と金融会社や保険会社などについて見ていきます。 飲食店のWebサイトで使用されている色 まずは飲食店です。 飲食店のWebデザインでは店舗のイメージの色などを

                                                                              業種や雰囲気による配色の決め方
                                                                            • 無料で高品質!ベクター形式のテクスチャ、パターン素材50個まとめ

                                                                              この記事では、制作を手掛けているサイズに関わらず拡大縮小できる、無料ベクターテクスチャ&パターン素材をまとめてご紹介します。 フォトショップとイラストレーター両方に対応できるだけでなく、配色やサイズも自由に編集できる点はベクター形式の強みと言えるでしょう。 デザインの雰囲気をガラリと変える素材から、質感や細かいディテールを強調するグランジ系アイテムまで、幅広いデザイン用途に利用できます。 無料で高品質!ベクター形式のテクスチャ、パターン素材50個まとめ Modernist Abstract Vector and Pattern Set シンプルな幾何学図形を組み合わさえた、モダンなアブストラクト系ベクターパターンセット。Illustratorでお好みの配色やサイズに変更することも可能です。 Free Geometric Retro Style Pattern シンプルな幾何学パターンとレト

                                                                                無料で高品質!ベクター形式のテクスチャ、パターン素材50個まとめ
                                                                              • パラリンピック開会式で美しい虹色の花火を打ち上げた業者が特定される「特定なんてできるのか、異能力すぎ」

                                                                                たけ @take2022jp #花火臭い 本職が花火観覧と言われているがどうやらSEらしい。 日本の花火が世界一と言われる所以でもある大玉が好き。 4色のグループ推し。炎上PJに巻き込まれてから愚痴多めのため注意。 #fireworks_lovers たけ @take2022jp パラリンピックの開会式の虹色の綺麗な花火、見立てが間違いなければ山梨県市川三郷町の斎木煙火本店さん。 虹色がとても綺麗な花火屋さんでファンも多いです。 あとパステルの発色も素晴らしいので、担当してる花火大会を探して行ってみるとより凄い花火で幸せになれるかも🎆 #パラリンピック pic.twitter.com/fAwzedZxFo 2021-08-24 23:50:17 たけ @take2022jp ちなみにここの部分です。 他のところは違う会社と思われます。 ただあくまでも見立てなので間違ってたらすみません。で

                                                                                  パラリンピック開会式で美しい虹色の花火を打ち上げた業者が特定される「特定なんてできるのか、異能力すぎ」
                                                                                • サクサク爆速で作業をこなす最新ツール、素材39個まとめ

                                                                                  Web制作やデザイン案件など、クリエイティブな業務の効率アップを考えている方へ。 快適な作業環境づくりには、有益なツールや素材を知っておき、いつでも使えることが重要です。 その理由は、圧倒的な作業スピードとクオリティーの違い。 すべてゼロからしようとすると、時間も労力もかかってしまう面倒な作業も、ツールを使えばクリックひとつで完了したり、そのまま使えるオシャレなデザイン素材など、時短につながることばかりです。 ここで紹介する最新ツールを利用して、ストレスのない快適な作業ワークフローを実現しましょう。

                                                                                    サクサク爆速で作業をこなす最新ツール、素材39個まとめ

                                                                                  新着記事