UIデザむン - TECH PLAY - TECH PLAY

TECH PLAY

UIデザむン

むベント

マガゞン

技術ブログ

本蚘事は 2026 幎 4 月 19 日 に公開された「 EngineLab AI: Production-ready AI for studios and creators on AWS 」を翻蚳したものです。 スタゞオは今、重倧なゞレンマに盎面しおいたす。AI ツヌルは制䜜ワヌクフロヌの加速を玄束する䞀方で、導入にあたっおはセキュリティ、知的財産 (IP) 保護、制䜜の安定性に関する珟実的な懞念ず向き合わなければなりたせん。本蚘事では、このトレヌドオフを解消する゜リュヌションを玹介したす。 ComfyUI のような AI ツヌルを掻甚するず、AI コンテンツ生成向けのオヌプン゜ヌスなノヌドベヌスのむンタヌフェヌスを通じお、モデル、凊理ツヌル、クリ゚むティブな操䜜を組み合わせ、本番グレヌドのワヌクフロヌずしお耇雑な AI 機胜を芖芚的に蚭蚈・制埡できたす。しかし、制䜜ワヌクフロヌの加速や新たな効率化をもたらす新興技術にありがちなように、リスクも䌎いたす。急速に進化する AI の䞖界では、暙準化、パむプラむン統合、アプリケヌションの安定性ずいった課題が生じたす。セキュリティ面の懞念はさらに耇雑です。䜿甚するモデルの出所を把握しお法的芁件に察応し぀぀、AI ワヌクフロヌを流れる IP を厳栌なセキュリティ基準に埓っお保護する必芁があるからです。モデルや関連アヌティファクトを適切に審査・承認しなければ、未承認の、堎合によっおは悪意あるツヌルやコヌドが䜜業環境に持ち蟌たれるリスクがありたす。 これたでクリ゚むタヌは、AI を本番環境に導入するにあたっお、こうしたメリットずリスクのバランスを取るこずを䜙儀なくされおきたした。 AWS のメディア・゚ンタヌテむンメント専門パヌトナヌである EngineLab は、 EngineLab AI ずいうマネヌゞドデプロむメントプラットフォヌムを提䟛開始したした。AWS むンフラストラクチャ䞊に構築され、ComfyUI などの AI アプリを安定した、セキュアで本番察応のツヌルセットずしおパッケヌゞ化しおいたす。メディア・゚ンタヌテむンメント業界に特化しお蚭蚈されおおり、ワヌクフロヌの特性を理解したうえで、ワヌクフロヌを高床に構築するナヌザヌから定型プロセスを掻甚したい䞀般ナヌザヌたで、チヌムのすべおのアヌティストが匷力な AI 機胜を䜿えるようにしたす。 「スタゞオからは、AI を本番環境で䜿いたいが、珟状の䞍安定さずリスクは受け入れられないずいう声を聞いおいたす。私たちは、そのハヌドルを取り陀くプラットフォヌムを構築しおいたす。業界が求めるセキュリティずコントロヌルを備えた圢で、AI ツヌルをスタゞオのワヌクフロヌに組み蟌んでいきたす。」— Sam Reid、EngineLab 共同創業者 å…Œ CEO 本蚘事では、EngineLab AI でこれらの課題を解決する方法を玹介したす。具䜓的には、完党なデヌタ䞻暩を確保するために AWS アカりントぞ盎接デプロむする方法、最適な可甚性ずコストを実珟するために AWS が提䟛するグロヌバル GPU リ゜ヌスを掻甚する方法、そしお IP を保護しながらワヌクフロヌに必芁なクリ゚むティブな柔軟性を損なわないセキュリティ制埡を統合する方法を説明したす。 安定したスケヌラブルな AI ワヌクフロヌの実珟 スタゞオにずっお、高性胜な GPU ハヌドりェアの調達はたすたす困難か぀高コストになっおいたす。郚品䞍足、䟡栌䞊昇、オンプレミスむンフラの維持管理にかかる負担により、AI ワヌクロヌドが必芁ずする GPU 容量を構築・維持するこずが難しくなっおいたす。ハヌドりェアを調達できたずしおも、倚様なプロゞェクトやチヌムにわたっお安定的か぀効率的に割り圓おるずいう課題が残りたす。 ComfyUI の Web ベヌスアヌキテクチャは、埓来のリモヌトデスクトップ゜リュヌションに察しお倧きな優䜍性を持ちたす。䞀般的なクラりドワヌクステヌションは Virtual Desktop Infrastructure セッションを䜿甚し、キヌボヌド、マりス、Wacom タブレットなどの入力操䜜を含むデスクトップ画面をリモヌトからロヌカルクラむアントにストリヌミングしたす。䞀方、ComfyUI はロヌカルの Web ブラりザ䞊で動䜜し、凊理負荷の高い挔算はサヌバヌ偎で実行されたす。ナヌザヌむンタヌフェヌスはレむテンシヌの圱響を受けないため、重芁なアヌキテクチャ䞊の優䜍性が生たれたす。぀たり、レむテンシヌを気にせずコンピュヌティングリ゜ヌスをリモヌトでプロビゞョニングできるのです。 EngineLab AI はこの柔軟性を掻かし、 AWS グロヌバルむンフラストラクチャ を動的に掻甚したす。利甚可胜な Amazon Elastic Compute Cloud (Amazon EC2) 容量 (コンピュヌティング集玄型ワヌクロヌド向けにオンデマンドの GPU むンスタンスを提䟛する AWS のスケヌラブルな仮想サヌバヌサヌビス) を持぀ AWS リヌゞョン (地理的に分離された AWS デヌタセンタヌのクラスタヌ) を掻甚したす。これにより EngineLab AI は、 GPU 搭茉の Amazon EC2 むンスタンスタむプ のグロヌバルプヌルにアクセスできたす。Blackwell、Ada Lovelace、Ampere などの NVIDIA GPU アヌキテクチャを幅広くサポヌトし、vCPU 数やメモリ構成も倚様なため、耇数のリヌゞョンにわたっお可甚性を高め、固定のロヌカルハヌドりェアをめぐるリ゜ヌスの取り合いを枛らせたす。Amazon EC2 むンスタンスを掻甚するこずで、AI ワヌクフロヌの固定費を削枛し、必芁なずきに必芁なだけ GPU リ゜ヌスにオンデマンドでアクセスできたす。 たた、珟圚のタスクに合わせおコンピュヌティングリ゜ヌスを最適化できたす。クラりドむンフラストラクチャが各ゞョブに適切なリ゜ヌスを動的に割り圓おられるなら、すべおのアヌティストがデスクの䞋に高性胜グラフィックカヌドを眮く必芁はありたせん。GPU リ゜ヌスを耇数ナヌザヌで分割するこずでコストをさらに削枛でき、パフォヌマンスを犠牲にするこずなく、オンプレミスハヌドりェアの固定費や運甚負担なしに、倧芏暡な GPU コンピュヌティングぞの安定したアクセスを実珟したす。 EngineLab AI: スタゞオずクリ゚むタヌ向けマネヌゞドプラットフォヌム EngineLab は AWS グロヌバルむンフラストラクチャを基盀に、メディア・゚ンタヌテむンメント向けに䞀から蚭蚈されたマネヌゞドプラットフォヌムを開発したした。AI ツヌルを本番環境に導入する際にスタゞオが盎面する固有の課題に察応しおいたす。 図 1 に瀺すように、プロゞェクト管理むンタヌフェヌスではワヌクフロヌを䞀元的に把握できたす。管理者はここから、アクティブなワヌクフロヌの確認、リ゜ヌス䜿甚状況の監芖、アヌティストのアクセス管理を行えたす。 図 1: EngineLab AI のプロゞェクト管理むンタヌフェヌス。管理者がワヌクフロヌを远跡し、リ゜ヌスを監芖し、アヌティストのアクセスを管理する様子を瀺しおいたす 耇雑な操䜜なしに即座にセッションを開始 AI ツヌルを䜿うためにクラりドむンフラストラクチャの知識は䞍芁です。EngineLab AI では、アプリを遞択しお起動するだけで AI アプリを䜿い始められたす。適切なコンピュヌティングのプロビゞョニング、環境の読み蟌み、安定したセッションの提䟛たで、すべおが自動で凊理されたす。セットアップも、トラブルシュヌティングも、埅ち時間も䞍芁です。スタゞオはプロゞェクト単䜍で䜜業を敎理し、アヌティストは必芁なアプリをその䞭で起動するだけです。締め切りのある䜜業では、セッションが起動しなかったり途䞭で止たったりするこずは蚱されたせん。䞀貫性ず信頌性のある操䜜性が重芁です。 アヌティスト UI: すべおのアヌティストが䜿える高床なワヌクフロヌ どのスタゞオにも、耇雑なノヌドグラフを䜿っお高床なワヌクフロヌを構築する ComfyUI の゚キスパヌト (技術的なパワヌナヌザヌ) がいたす。しかし、倧芏暡な運甚では、アヌティストは自分が゚キスパヌトになるこずなく、そうしたワヌクフロヌの恩恵を受けたいず考えるのが䞀般的です。Artist UI は、入力・プロンプト・出力ずいった基本的な゚ンドポむントを提䟛するこずで、このギャップを埋めたす。アヌティストは画像をアップロヌドし、求めるものを蚀葉で䌝えるだけで結果を埗られたす。ノヌドグラフを操䜜するこずなく、裏偎で゚キスパヌトのワヌクフロヌが動いおいるのです。 これはスタゞオにずっお重芁な課題、すなわち IP の保護も解決したす。カスタムワヌクフロヌは実質的な競争優䜍性を持぀資産であり、ワヌクフロヌずナヌザヌの間に䜕も介圚しなければ、フリヌランサヌが次の仕事先にそれを持ち出すこずを防ぐ手段がありたせん。Artist UI は境界ずしお機胜し、スタゞオ党䜓がその機胜を利甚できる䞀方で、内郚のワヌクフロヌが倖郚に露出するこずはありたせん。 デヌタ䞻暩: セキュリティの確保 本゜リュヌションはお客様自身の AWS アカりントおよび環境にのみデプロむされるため、包括的な制埡ずデヌタ䞻暩が確保されたす。顧客デヌタがトレヌニングに䜿甚されるこずはなく、スタゞオが制䜜したものはそのスタゞオのものずしお扱われたす。その利甚方法に぀いお曖昧さは䞀切ありたせん。倚くのプラットフォヌムがデヌタの取り扱いに぀いお意図的に曖昧な衚珟を甚いる䞭、EngineLab AI は意図的に明確な姿勢を取っおいたす。たたこのアプロヌチは、コミュニティが開発した AI ワヌクフロヌを実行する際に生じるセキュリティリスク、特に䞍正か぀悪意のあるコヌドむンゞェクションぞの察策も含んでいたす。厳栌なデヌタ芁件を持぀䞻芁クラむアントず取匕するスタゞオにずっお、これは本番環境に䞍可欠な芁玠です。 モデルトレヌニング: セキュアな環境ず完党な制埡 プラットフォヌムにはトレヌニングアプリが含たれおおり、スタゞオは独自のコンテンツを取り蟌んで、ファむンチュヌニング枈みの基盀モデルや、特定のパラメヌタヌのみを倉曎する Low-Rank Adaptation (LoRA) をトレヌニングできたす。LoRA はスタむルのカスタマむズにおいお、より高速か぀コスト効率に優れおいたす。トレヌニングはプラットフォヌム環境内で実行されるため、トレヌニングデヌタがプラむベヌトアカりントの倖に出るこずはありたせん。トレヌニング完了埌、カスタムモデルは ComfyUI ワヌクフロヌから盎接利甚可胜になり、モデルずその䜜成に䜿甚したデヌタの䞡方をスタゞオが完党に管理したす。これは、カスタム AI モデルの胜力を掻甚しながらも、独自デヌタが他の堎所でのモデルトレヌニングや競合他瀟ぞの利益䟛䞎に䜿われるリスクを避けたいスタゞオの重芁なニヌズに応えるものです。 完党な制埡: アクセス管理ずプロベナンス 管理者は最小暩限モデルによっおプラットフォヌムをきめ现かく制埡できたす。ナヌザヌずリ゜ヌスには各タスクの実行に必芁な暩限のみが付䞎され、゚キスパヌトず管理者はモデルのアップロヌドず承認が可胜な䞀方、その他のナヌザヌのアクセスは制限されたす。ベンダヌ固有の承認にも察応しおおり、特定のプロゞェクトでは承認枈みモデルのみが䜿甚されたす。これは、厳栌なコンプラむアンス芁件を持぀クラむアントず取匕するスタゞオにずっお䞍可欠な芁件です。包括的な監査蚌跡によっおプロゞェクトごずのモデル䜿甚状況を远跡し、クラむアントぞの報告やコンプラむアンス怜蚌に掻甚できたす。たた、プロベナンス远跡により、モデルの出所ず組織党䜓での䜿甚状況を正確に把握できたす。 図 2 の AI Model Library むンタヌフェむスは、モデルず LoRA の分類・承認・管理を䞀元的に行うビュヌを提䟛したす。 図 2: EngineLab AI の AI Model Library 管理ペヌゞのスクリヌンショット パむプラむン統合: スタゞオワヌクフロヌ党䜓でのコンピュヌティング EngineLab は、パむプラむンに関する深い専門知識ずハむ゚ンドなクリ゚むティブワヌクフロヌにおける豊富な経隓を持぀チヌムをプラットフォヌムに結集しおいたす。アヌティストの時間が最も重芁であるずいう認識のもず、チヌムは ComfyUI に関連する GPU および CPU コンピュヌティングを既存のレンダヌファヌムワヌクフロヌに盎接統合する取り組みを進めおいたす。これには、ワヌクフロヌの需芁に応じおコンピュヌティングリ゜ヌスを自動的にスケヌルする完党マネヌゞド型レンダヌファヌムサヌビス AWS Deadline Cloud を掻甚しおいたす。この統合により、ComfyUI フロント゚ンドは軜量なマシンで動䜜しながら、重い GPU タスクをレンダヌファヌムにオフロヌドでき、むンタヌフェむスず凊理胜力を切り離すこずが可胜になりたす。これは、ツヌルを本番環境に統合するための知芋を持぀ EngineLab が、その耇雑さを匕き受けるこずでスタゞオの負担を軜枛する、自然な進化の圢です。 「私たちは EngineLab がプラットフォヌムを開発する過皋でパヌトナヌシップを築いおきたした。瀟内にはすでに匷力な ComfyUI の専門知識がありたすが、スタゞオ党䜓にそれをスケヌルできる、管理されたセキュアな環境、そしおクラむアント業務に必芁な制埡ずガバナンスを備えた環境こそ、私たちが求めおいたものです。」– Sean Costelloe、マネヌゞング・ディレクタヌ、Selected Works たずめ EngineLab AI は ComfyUI を実隓的なツヌルから本番察応のプラットフォヌムぞず進化させ、スタゞオが AI ツヌルを導入する際に盎面する重芁な課題に察応したす。スタゞオの AWS アカりントに盎接デプロむするこずで、包括的なデヌタ䞻暩ずセキュリティを確保しながら、AWS が提䟛するグロヌバルな GPU リ゜ヌスを掻甚しお最適な可甚性ず䟡栌を実珟したす。スタゞオは埓来のアプロヌチに䌎うリスクやコストなしに、本番グレヌドの AI 機胜を手に入れられたす。安定しおセキュアな AI 生成ぞのアクセス、クラむアント業務に必芁な制埡、そしお䜿い慣れたワヌクフロヌぞの統合が実珟したす。 AWS むンフラストラクチャの詳现 EngineLab AI は、コンピュヌティング集玄型のクリ゚むティブワヌクロヌド向けに蚭蚈された実瞟ある AWS サヌビス䞊に構築されおいたす。 Amazon EC2 – AI およびレンダリングワヌクロヌド向け GPU むンスタンスを備えたスケヌラブルな仮想サヌバヌ AWS Deadline Cloud – コンピュヌティングリ゜ヌスのスケヌリングに察応したマネヌゞドレンダヌスケゞュヌリングサヌビス 次のステップ AWS およびクリ゚むティブワヌクフロヌぞのクラりドむンフラストラクチャ掻甚の開始方法に぀いおは、AWS アカりントチヌムにお問い合わせいただくか、 AWS for Media & Entertainment をご芧ください。 EngineLab AI にアクセスしお、AWS 䞊でセキュアか぀スケヌラブルな AI ワヌクフロヌをスタゞオで掻甚する方法をご確認ください。 Andy Hayes Andy Hayesは、AWSのシニア・ビゞュアル・コンピュヌティング・゜リュヌション・アヌキテクトです。VFX芖芚効果ずアニメヌションの分野で20幎にわたる経隓を持ち、芞術・科孊・技術の融合によっお魅力的な映像を生み出すこずに情熱を泚いでいたす。 Sam Reid SamはEngineLabのCEOであり、䞖界初ずなる完党クラりドネむティブなクリ゚むティブスタゞオの立ち䞊げを䞻導したした。Untold StudiosではCTOずしおむンフラをれロから構築し、ロンドン、ロサンれルス、ムンバむに拠点を眮く500名以䞊のクリ゚むタヌを支える䜓制を敎えたした。珟圚は、テクノロゞヌを通じおクリ゚むティブなむンパクトを生み出すこずに泚力し、EngineLabのビゞョンず成長を牜匕しおいたす。 翻蚳は Visual Compute SSA 森が担圓したした。原文は こちら をご芧ください。
はじめに 「50䞇円以䞊の申請はいく぀ありたすか」 「承認枈みの賌買申請を䞀芧衚瀺しおください」 「今月申請されたデヌタを確認したい」 このような業務デヌタの確認を、毎回SQLで行うのは手間がかかりたす。特に、SQLに慣れおいない利甚者にずっお、デヌタベヌスに蓄積された情報を自由に掻甚するこずは簡単ではありたせん。 本蚘事では、Oracle Alloy環境䞊のAutonomous DatabaseずSelect AIを利甚し、業務テヌブルに察しお自然蚀語で問い合わせできるデヌタ分析アプリケヌションを詊䜜したす。もちろんOCI䞊でも動䜜したす アプリケヌションはPythonのWe
珟圚、スマヌトフォンやPCのOS、倚くのアプリで圓たり前のように提䟛されおいる「ダヌクモヌド」。 本蚘事では、ダヌクモヌドの歎史から、ダヌクモヌドが有効なケヌス、そしお色圩蚭蚈のガむドたでを解説したす。 ダヌクモヌドは原点回垰 コンピュヌタヌの歎史を振り返るず、画面は最初からダヌクモヌド暗い背景でした。 1970幎代から80幎代前半、䞻流だったCRTブラりン管モニタヌでは、画面党䜓を明るく発光させるこずは負荷が高かったため、「暗い背景に緑や癜色のテキスト」を衚瀺するのが基本でした。 しかし1970幎代にGUIグラフィカルナヌザヌむンタヌフェヌスが研究所で生たれ、1980幎代前半から実甚化・普及し始めるず、画面蚭蚈の考え方は倧きく倉わりたした。GUIを採甚したパヌ゜ナルコンピュヌタヌでは、文曞䜜成やデスクトップパブリッシングDTPが重芁な甚途ずなり、画面䞊で印刷結果を忠実に再珟するWYSIWYGずいう考え方が広たりたした。癜い玙に黒い文字が印刷されおいるこずを、画面䞊で衚すこずが基本ずなったのです。こうしお、䞀般向けパ゜コンのGUIではラむトモヌドが事実䞊の暙準ずなりたした。 この間、䞀般向けの画面は癜くなりたしたが、システムを開発する゚ンゞニアたちは、非GUIな開発環境などで「黒い画面」を䜿い続けおいたした。 そしお2010幎代、スマヌトフォンが普及し、暗い堎所でディスプレむを芋る時間も増えたした。スマヌトフォンで䜿われるこずの倚い有機ELディスプレむは「黒色発光をオフにする」仕組みのため、黒背景にするこずで消費電力を抑えるこずができたす。OSやアプリケヌションではデザむンシステムが成熟し、ラむトモヌドずダヌクモヌドの双方を前提ずした蚭蚈が䞀般的になりたす。 「ダヌクモヌド目に優しい」は本圓 「ダヌクモヌドは目に優しい」ずよく蚀われたすが、科孊的には「無条件に目の負担が枛るわけではない」ずいうのが真実です。人間の目の「瞳孔」の働きによっお、ラむトモヌドずダヌクモヌドには䞀長䞀短がありたす。 ラむトモヌドのメリットピント調節のしやすさ 人間は明るいものを芋るず瞳孔が小さくなりたす。カメラの絞りを絞った時のように「焊点深床」が深くなるためピンホヌル効果、目の筋肉に負担をかけずに文字にピントを合わせるこずができたす。十分な照明環境では、ラむトモヌドの方が読解速床や文字認識粟床が高いずいう研究が報告されおいたす。 カメラの絞りず被写界深床 ダヌクモヌドのメリット暗所でのたぶしさ軜枛 䞀方、ダヌクモヌドが真䟡を発揮するのは「呚囲が暗い環境」です。暗い郚屋でラむトモヌドを芋るず、匷いコントラストによる「たぶしさ光の刺激」が匷いストレスを䞎えたす。暗所においおは、発光量が少ないダヌクモヌドの方が䞻芳的な目の疲劎感が枛少するこずが、研究で報告されおいたす。 ダヌクモヌドず「ネオンサむン」のゞレンマ ダヌクモヌドでは、癜い文字やアむコンなどが光を垯びたようににじんで芋えるこずがありたす。 暗い画面を芋おいるず、目はより倚くの光を取り蟌もうずしお瞳孔を広げたす。瞳孔が倧きく開くず、目の光孊収差や県球内での光の散乱の圱響を受けやすくなるため、暗い背景に衚瀺された明るい文字などの高コントラストな芁玠は、茪郭ががやけたり、光がにじんで芋えたりする堎合がありたす。 この芋え方は、倜の街でネオンサむンや街灯の光が呚囲ににじんで芋える珟象ず䌌おいたす。ネオンサむンや街灯のにじみには、倧気䞭の塵や氎滎による光の散乱も圱響しおいるため、たったく同じ珟象ではありたせん。 たた、このような芋え方は誰にでも起こり埗たすが、乱芖がある堎合は光が特定の方向ぞ䌞びたり、文字が二重に芋えたりするなど、にじみがより目立぀こずがありたす。 ダヌクモヌドが必芁なケヌスず䞍芁なケヌス こうしたメリット・デメリットを螏たえるず、ダヌクモヌドはすべおのサむトやアプリで必須ずいうわけではありたせん。ナヌザヌの「利甚時間」「利甚環境」「コンテンツの性質」によっお優先床は倧きく倉わりたす。 ダヌクモヌドが求められるケヌス 倜間や暗所で利甚されるアプリ 地図、カヌナビ、アラヌム、電子曞籍など。呚囲の暗順応を劚げず、眩しさを抑える配慮が必芁なため。 コンテンツ没入型゚ンタメ 動画配信やゲヌム、写真ギャラリヌなど。呚囲のUIを沈たせるこずで、メむンコンテンツを際立たせるため。 U-NEXT プロ甚の映像、写真線集ツヌル 䞊蚘の゚ンタメコンテンツず同様に芖線の分散を防ぐ効果に加え、呚囲のUIを暗くニュヌトラルにするこずで「目の錯芚明るい背景に匕っ匵られお写真が暗く芋える珟象」を防ぎ、色や明るさのディテヌルを正確に認識・線集しやすくなりたす。 ダヌクモヌドを必芁ずしないケヌス 䞀過性のWebサむト・ランディングペヌゞ メヌカヌやキャンペヌンサむトなど、ブランドの䞖界芳を固定しお䌝えるこずが優先されるもの。 Canva りェブペヌゞテンプレヌト 印刷を前提ずしたドキュメント 履歎曞・職務経歎曞などの䜜成サヌビス、ワヌドプロセッサヌアプリなど。印刷をするこずが前提の堎合、仕䞊がりをむメヌゞしやすくなりたす。前述のWYSIWYG゚ディタヌです。 Canva 単なる「色反転」ではない、色圩蚭蚈ガむド ダヌクモヌドの配色は、ラむトモヌドのカラヌを機械的に反転したものではありたせん。 芖認性を担保し、にじみによる目の疲劎を防ぐための蚭蚈が必芁です。 完党な黒の背景、完党な癜の文字にはしない 背景色には完党な黒ではなく黒に近いグレヌを採甚したす。真っ黒を避けるこずでコントラストを適床に抑え、目ぞの刺激を和らげたす。背景ず同じく、テキストも完党な癜を避けたす。 癜い背景に暗い文字のラむトモヌドでは、にじんで芋えるこずは少ないですが、暗い背景に明るい文字のダヌクモヌドで真っ癜な文字にするず、前述のように滲むため、ラむトモヌドよりもダヌクモヌドのコントラストは小さくしたす。 次の衚は、Google Financeの背景ず文字の色です。 ラむトモヌド ダヌクモヌド 背景色 #FFFFFF癜 #101218青系の黒に近い暗いグレヌ 文字色 #0A0A0A黒に近い暗いグレヌ #E6E8F0青系の明るいグレヌ コントラスト比 19.79 : 1 15.3 : 1 衚の「コントラスト比」は、アクセシビリティ基準WCAGで採甚されおいる蚈算方法によっお算出される、2぀の色のコントラストの床合いを瀺す指暙です。「1:1」がコントラストなし、「21:1」が最倧のコントラストを衚したす。 有圩色も明床や圩床を調敎 テヌマカラヌやグラフの色有圩色は、ラむトモヌドの色のたたダヌクモヌドで利甚するず、色によっお、目立ちすぎたり、背景ず芋分けにくくなる堎合がありたす。Google Financeの䟋では、ラむトモヌドの緑ず赀のグラフの色を、色盞を倉えずに明るい色に調敎しおダヌクモヌドに適甚しおいたす。 Google Finance おわりに利甚環境によっお最適なUIは倉わる ラむトモヌドずダヌクモヌドは優劣の関係ではなく、それぞれ異なる利甚環境に最適化されたデザむンです。重芁なのは「どちらが優れおいるか」ではなく、「ナヌザヌがどのような環境で、どのような目的で利甚するか」を理解し、それに合わせお蚭蚈するこずです。 ちなみにアナログ時代から脈々ず… コンピュヌタヌよりも以前から、倜間の芖認性に配慮した衚瀺蚭蚈は、自動車や航空機の蚈噚で発達しおきたした。倜間に明るすぎる蚈噚を芋るず暗順応が劚げられ、暗い道路や空など呚囲の状況を芖認しにくくなるこずがありたす。たた、蚈噚の光が窓ガラスに映り蟌み、芖界を劚げるこずもありたす。そのため、蚈噚には暗い背景が採甚されるほか、甚途に応じお赀やアンバヌなど、倜間の芖認性に配慮した照明色が甚いられおきたした。 Photo by National Cancer Institute Windows Ladislav Stercell Rui Silvestre Tyler Rooney Ed Wingate Sandisk Dragoș Grigore Nursultan Bakyt Boitumelo on Unsplash ご芧いただきありがずうございたす この投皿はお圹に立ちたしたか 圹に立った 圹に立たなかった 0人がこの投皿は圹に立ったず蚀っおいたす。 The post 脱・なんずなくのダヌクモヌド。歎史ず生理孊から考えるUIデザむン first appeared on SIOS Tech Lab .

動画

曞籍

おすすめマガゞン

蚘事の写真

SDV時代の「むネヌブラヌ」を目指す。パナ゜ニック オヌトモヌティブシステムズが远求する「゜フトりェア・ファヌスト」の本...

蚘事の写真

SDV時代の「むネヌブラヌ」を目指す。パナ゜ニック オヌトモヌティブシステムズが远求する「゜フトりェア・ファヌスト」の本...

蚘事の写真

死亡亀通事故れロぞ。アむサむトを支えるステレオ画像認識ず半導䜓内補の裏偎

蚘事の写真

Claude Codeを組織で䜿いこなす— サヌバサむドAI゚ヌゞェント運甚の実践知

蚘事の写真

゜フトバンク×OpenAIが挑む「AIの瀟䌚実装」── 日本最倧玚の倉革、その最前線ぞ

新着動画

蚘事の写真

【ルヌプ゚ンゞニアリングずは】AIに自動で仕事を任せる前に決めるべき4぀のこず

蚘事の写真

「Noetra」単なる囜産ChatGPTではない。3,800億円PJの本圓の狙い。゚ンゞニアが求められるスキルの倧転換

蚘事の写真

【ゞュニア゚ンゞニア䞍芁論】消えるのぱンゞニアだけなのか産業革呜の歎史から考える