読む時間

0

読む時間

0

始める

2025/10/11

Framerでライト/ダークモードを切り替える

Framerでは、ライトモードとダークモードを通じてパーソナライズされたデザイン環境を構築でき、色スタイルのプレビューも提供されて作業効率が向上します。簡単な切り替え方法で作業に最適化されたテーマを選んでください。

Framerでライトモードとダークモードを切り替える方法を案内するブログサムネイル、パーソナライズされたデザイン作業環境を実現し、目の疲れを軽減する機能を強調します。
Framerでライトモードとダークモードを切り替える方法を案内するブログサムネイル、パーソナライズされたデザイン作業環境を実現し、目の疲れを軽減する機能を強調します。
Framerでライトモードとダークモードを切り替える方法を案内するブログサムネイル、パーソナライズされたデザイン作業環境を実現し、目の疲れを軽減する機能を強調します。

目次

目次

このドキュメントは、Framerを学ぶ国内ユーザーが韓国語資料の不足による困難を解決するために、公式ブログの内容を日本語に翻訳し、実務に役立つ情報を追加しました。Framerを使う皆さんに少しでもお役に立てれば幸いです。

Framerのライト/ダークモードとは?

Framerではライト(Light)またはダーク(Dark)テーマを選択することで、目の疲れを軽減し、デザイン作業環境を個別化できます。暗い環境で目の疲れを軽くしたい場合はダークモードを、読みやすさを高めたい場合はライトモードを選択してください。

これらの二つのモードは単にインターフェースの明るさを変えるだけでなく、プロジェクトの色合いのスタイルプレビューにも反映されます。ライトモードでは明るい背景を基準に、ダークモードでは暗い背景を基準に色が表示され、デザインのバランスを事前に確認できます。

ライト/ダークモードの切り替え方法

モードを切り替える方法はCanvasメニューでボタンを押す方法とショートカットキーを使う二つの方法があります。どちらの方法も非常に簡単にテーマを切り替えることができます。

Canvas 메뉴에서 전환 버튼이 활성화 된 상태입니다.,
  1. Canvasメニューで切り替えボタンを使用
    キャンバス下部のツールバーにあるlight/darkボタンをクリックするとすぐにテーマを切り替えることができます。

  2. ショートカットキーを使用
    キーボードで⌃⌘N(Control + Command + N)を押すと簡単にテーマを変更できます。

ダークモード色合いスタイルを削除する方法

プロジェクトにダークモード用の色合いスタイルを追加した後、再度削除するには以下の手順をお試しください。

Clear Dark Style 이 호버된 상태입니다.
  1. Assetsパネルを開く

  2. カラーのスタイルの横の三つの点(···)をクリックする

  3. Clear Dark Style」を選択すると完了です

まとめ

これでFramerで個別化されたデザイン作業環境を作ることができます。ライトとダークモードの中から、ご自身のデザインスタイルにフィットするテーマを選び、効率的な作業環境を築くのにお役立てください。

この記事はFramer公式ブログの「Light and dark mode options」を翻訳・編集したコンテンツです。

ブログを共有する

ブログを共有する

Framerの
エキスパートになろう

Framerの依頼を受けられるプロなら誰でも応募できます。
仲介手数料はなく、プロとクライアントを直接つなぎます。

Framerの
エキスパートになろう

Framerの依頼を受けられるプロなら誰でも応募できます。
仲介手数料はなく、プロとクライアントを直接つなぎます。

Framerの
エキスパートになろう

フレーマーの受託が可能な専門家なら
誰でも応募可能です。
仲介手数料なしで、専門家とクライアントを
直接つなぎます。