2019年10月1日(火)
UIデザイナーから学ぶ!今までのカラーシステムと一貫性を保ちつつ、ダークモードに対応する方法を解説
デザイナーに、構造化が求められる要件がここ数年で急増しています。また、スマホやデスクトップの両方のOSにダークモードが導入されたことで、新たなデザインの領域を増やす必要もあります。
今までのカラーシステムと一貫性を保ちつつ、ダークモードの新しい配色を簡単に適用できるようにするカラーシステムを作成する方法を紹介します。
![]()
Dark Mode — Working with Color Systems
by Søren Clausen下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。色に役割を割り当てる
すべてのシステムがそうであるように、最も重要なことは根拠です。なぜその色の代わりにこの色を使用しているのか。これこそがまさに、わたし達がすべきことです。すべての色に役割を割り当てる必要があ...
author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV

GIFアニメーションをマウスホバーやクリックによって再生停止できる「freezeframe.js」
NEXT ›

iCloudのようにデバイスから様々なデータやファイルを保存できる、Blockstackを使ったセキュアな分散型クラウドストレージ・「Dclouds」
関連記事
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『UIデザイナーから学ぶ!今までのカラーシステムと一貫性を保ちつつ、ダークモードに対応する方法を解説』についてまとめています。
この記事は特にイラスト・Google・LINE・UI・iOSについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
Ads