UIデザインで、なぜダークモードにおけるグレースケールは難しいのか、人がカラーとコントラストを知覚する感じ方
ライトモードだといい感じのグレースケールが、ダークモードにすると特に暗いグレーあたりのコントラストが低くなることがあります。 これは人がカラーとコントラストを知覚する感じ方に関係があります。どのようなメカニズムでそう感じるのか、ダークモードでもいい感じのグレースケールにするにはどうすればよいのかを解説します。 Darkmode by Dan Holick 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ダークモードのグレースケールを作成するのが難しいのは、なぜだと思いますか？ それは、人がカラーとコントラストを知覚する感じ方に関係があります 👇
これでUIデザイン用のSVGアイコンに困らない！ 1,700種類以上が揃った商用利用無料、改変・再配布可の太っ腹ライセンス- MingCute Icon
WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルで洗練されたデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 このアイコンの特徴は、小さいサイズでもくっきり見えること。1,700種類以上のアイテムが揃っており、すべてSVGアイコン、そしてWebフォントとして利用できます。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 MingCute Iconのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute Iconは、Webサイトやスマホアプリ用にシンプルで洗練されたデザインのアイコンです。すべてのアイコンは、24x24のグリッド内に設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストロークとなっています。アイコンのフォー
AIで写真やイラストをカラーに！ 白黒写真もモノクロのイラストも鮮やかな色づけが簡単にできる無料アプリ -Palette
古い白黒写真をはじめ、アート作品、イラストなど、画像を何でもカラー化するAIベースのWebアプリを紹介します。 利用は完全に無料で、登録など面倒なことは一切不要。実際に試してみましたが、白黒の写真やモノクロのイラストに鮮やかな色づけが簡単にできました。 下記は、白黒写真をAIでカラー化したものです。 Palette Paletteは、Google Arts&Cultureの@EmilWallnerによるAIの機械学習によるカラライザーのアプリです。スマートフィルタと言葉を使用して、白黒画像をカラー化します。 利用は完全無料で、登録などは面倒なことは一切不要です。Webアプリとして公開されており、ローカル化の予定はない（ツイートより）とのことです。
【フォトショップ】白黒写真の「カラー化」と背景をぼかす「深度ぼかし」機能がパワーアップ
2021年6月に最新版へとアップデートされたPhotoshop（フォトショップ）バージョン22.4.2。 Adobe Sensei のAIテクノロジーを駆使し、わずか数クリックで難しいワークフローを大幅削減できるニューラルフィルター機能がより使いやすくなっています。 今回は一新された「白黒写真のカラー化」、そしてより強力になった「写真の深度ぼかし」の使い方を詳しくみていきましょう。作業時間はほんの数秒です。 ニューラルフィルター「カラー化」 2020年に新しく追加されたニューラルフィルター機能は、Adobe のAI技術を活用することで肌をなめらかにしたり、人物の表情を変えたり、写真を絵画スタイルにするなど、面倒な編集作業も数クリックで完了できるのが特長。 Photoshopが進化！新しいCC 2021の便利な新機能まとめ（空を置き換え, ニューラルフィルター） 以前から「カラー化」機能はあ
Admita
広告掲載について 書いた本 書籍執筆しました！「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」 書籍執筆しました！「ほんの一手間で劇的に変わる HTML & CSSとWebデザイン実践講座」 拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」 の韓国語版が出版されました！ 拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」 の中国語版が出版されました！ クーポン Webサイト制作やデザインのオンライン講座、WordPressのテーマ、名刺印刷などに使える、Webクリエイターボックス限定のお得なクーポンがたくさん揃っています！制作の際にぜひお役立てください！ ニュースレター Web制作に関する最新情報やWebクリエイターボックスからのお知らせ等を配信中！ 過去のニュースレター一覧 中の人ってこんな人 Webデザイナー+Webデベ
商用無料！UIデザインに最適なSVGアイコンが1,130個、小さいスペースにも配置できる極小サイズ対応の優れもの
個人でも商用プロジェクトでも無料で利用できる、小さいスペースにも配置できる極小サイズ対応のSVGアイコンを紹介します。SVGアイコンなので、もちろん通常のサイズ、大きいサイズでも美しく表示されます。 UIデザイン用のアイコンはアウトライン・ソリッドの2種類計1,130アイテムが揃っています。しかもオープンソースなのは、嬉しいですね。 Teenyicons Teenyicons -GitHub Teenyiconsの特徴 Teenyiconsのダウンロード Teenyiconsの使い方 Teenyiconsの特徴 Teenyiconsは非常に小さいスペースにも配置できるようデザインされたSVGアイコンで、極小サイズ（15x15）でも鮮明に見えるよう設計されています。 MITライセンスで、商用プロジェクトでも無料で利用できます。
ESTYLE
広告掲載について 書いた本 書籍執筆しました！「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」 書籍執筆しました！「ほんの一手間で劇的に変わる HTML & CSSとWebデザイン実践講座」 拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」 の韓国語版が出版されました！ 拙著「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」 の中国語版が出版されました！ クーポン Webサイト制作やデザインのオンライン講座、WordPressのテーマ、名刺印刷などに使える、Webクリエイターボックス限定のお得なクーポンがたくさん揃っています！制作の際にぜひお役立てください！ ニュースレター Web制作に関する最新情報やWebクリエイターボックスからのお知らせ等を配信中！ 過去のニュースレター一覧 中の人ってこんな人 Webデザイナー+Webデベ
Machine Learning Operations (MLOps) | DataRobot AI Platform
Platform AI Platform The platform for generative and predictive AI. Learn more Documentation Pricing What’s New Demo Hub Explore Generative AI Product Offering Operate Confidently scale AI and drive business value with unparalleled enterprise monitoring and control. Deploy and Run Learn and Optimize Observe and Intervene Govern Unify your AI landscape, teams, and workflows for full visibility and
白黒写真をワンクリックでカラー化できる無料ツール「ColouriseSG」がすごい件
古い白黒写真をディープラーニングの技術を使い、自動でカラー化してくれるウェブサービス「ColouriseSG」が公開されていたので、今回はご紹介します。 このサービスを利用すれば、ボタン一つクリックするだけで、お好みのモノクロ写真をオリジナルの色使いで表現することができます。 ColouriseSGとは？ ColouriseSG は、2019年1月に開催されたハッカソンイベントに参加したGovTech Singaporeによって開発された、白黒写真の自動カラー化ツールです。 カラー化したい白黒写真をアップロードすると、ほんの数秒で自動的に写真に色付けを行ってくれます。ただし、この色付け作業でのポイントは、もっともらしい色で画像を生成するため、カラー化された画像が正確に色を表現していることを保証するものではありません。また、このサービスは現在も開発が続けられているベータ版のため、うまくカラー
Photoshopでカラー写真を白黒に変換する定番テクニック９個完全版
フォトショップでカラー写真を白黒に変換する方法はいくつかあります。 ボタンひとつで完成のお手軽テクニックから、複雑なディテールまで表現できる方法まで、各テクニックをいつ利用するのがベストなのか、各サンプルと一緒にまとめてご紹介します。 これらの方法を実践することで、オシャレで魅力的なモノクロ写真をすばやく完成させることができるので、フォトショップ初心者のひとにもオススメです。 コンテンツ目次 グレースケールで変換 「白黒」色調補正で変換 「色彩・彩度」調整レイヤーで変換 RGBカラーの代わりにLabカラーで変換 グラデーションマップ」調整レイヤーで変換 「チャンネルミキサー」調整レイヤーで変換 「色彩・彩度」調整レイヤーコンボで変換 「白黒」調整レイヤーで変換 雰囲気たっぷりなセピア色写真 必要なものは、フォトショップだけ。 まずは7日間の無料トライアルからはじめませんか。 すべての機能を
CanvasEffect.js - Canvasで画像にエフェクト MOONGIFT
HTML5のCanvasを使うと画像を取り込んで表示し、エフェクトを行うことができます。しかしCanvasの扱いは意外と面倒で、コードも多くなりがちです。そのためメンテナンス性が低くなってしまいます。 そこで使ってみたいのがCanvasEffect.jsです。画像を編集するための専用ライブラリとなっています。 CanvasEffect.jsの使い方 パラメータが様々にあるので、それを動かせば元画像にエフェクトがかかります。 セピアにしたり…。 グレースケールにも。 ノイズを増やしたり。 こんなカラフルな感じにも。 エフェクトはダイナミックに行えます。 画像をエフェクトするライブラリは多数ありますが、多くはアクションを指定する形となっています。CanvasEffect.jsは数値で割合を指定できるので、より細かな制御が可能です。明るさやコントラスト、ガンマ、輝度、ノイズなどエフェクトも多数揃
これでもうアイコンには困らない！永遠に無料利用できる1,800種類のミニマルにデザインされたアイコン素材
FREE for you, forever. 1,800種類ものミニマルにデザインされた、永遠に無料利用できるアイコン素材を紹介します。 PSD, AI, Sketch, SVGも完備されており、ダウンロードしておいて損はないですね。 1,800種類は多すぎるので、ごく一部 カテゴリは16、それぞれ100種類くらいある感じです。 Utilities Arrows Messages, Mails Emoji Map, Transport Tools Design Media Network, Web Users Time, Education Social Tech Shop Other Files, Folders アイコンの基本サイズは20x20pxで、鋭角と角丸の2種類でデザインされています。
Captain Icon - 手作り感あるアイコン集
Webサイトやアプリを作る際に必須なのがアイコンです。最近はフラットUIやマテリアルデザインの影響で、とてもシンプルなものが多くなっていますが、やはりアイコンは作りたいものに合わせて選ぶのが良いでしょう。 今回はそんなアイコンを無償で公開しているCaptain Iconを紹介します。きっとぴったりくる時があるはずです。 Captain Iconの使い方 アイコンの一例です。整然としていないところに手作り感が感じられます。 ショッピングカートやカメラアイコンのなど多種多様です。 ソーシャル系アイコンも数多く揃っています。 フォーマットはEPS/PNG/PDF/SVG/Web Fontといった具合にほとんどのニーズはこれで満たせるのではないでしょうか。アイコンの種類も数多いので、ぜひチェックしてみてください。 Captain IconはCreative Commonsのオープンソース・ソフトウ
1000+ Free Thin Line Icons For Web and App Design Projects - Designbeep
Today we bring together free thin line icons for your web and app projects.In recent years both web and app design industry have been affected by minimalistic design and we mostly call it flat style design.Simply minimalism is defined as eliminating all unessential elements in order to allow fundamental features.Minimalism has affected many artists for years and since the birth of world wide web i
シンプルさを追求したデザインにおすすめなアウトラインアイコン「Linea: Free Outline Iconset」
TOP > Design > シンプルさを追求したデザインにおすすめなアウトラインアイコン「Linea: Free Outline Iconset」 アイコンにはさまざまな種類がありますが、比較的シンプル・ミニマルなデザインが主流の今、癖の少ないデザイン性の素材が求められることが多いのではないでしょうか？そんな今回は、シンプルさを追求したデザインにおすすめなアウトラインアイコン「Linea: Free Outline Iconset」です。 いろいろなテーマのラインアイコンがテーマ別に730個収録された、便利に活用できるアイコンセットとなっています。 詳しくは以下 種類としては、ベーシック、ミュージック、eコマース、ソフトウェア、天気など。それぞれのテーマで数種のアイコンがセットとなっていて、サイズは64×64px。フォーマット形式はPNG, SVG, Web Fontにも対応して
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Free Black and White Images.
イラストやマンガや同人誌にかなり使える！下絵・塗り・背景に役立つPhotoshopのアクションのまとめ
Squid Ink Professional Web Icons » Mini Icons
「はてな」「LINE（ライン）」など、SVGのフリーアイコンを作っていただいたのでシェアします
Free Download : 200 Nanoline Icons - Designbeep