タグ

ブックマーク / ceblog.mediba.jp (1)

  • Sketch でテキストの色を管理する方法 | mediba Creator × Engineer Blog

    フロントエンドエンジニアの金森です。 最近、企画→デザイン→開発というワークフローを最適化したくて Sketch を格的に使い始めました。 端的にシンボル最高ですよね。 何が最高かってシンボルの上書き(Nested Overrides)ができるところです。 こんな感じにテキストや画像、アイコンだけでなく形や色まで上書けてしまうなんて😍 アイコンや形の塗りだけでなく、テキストの色も管理できないかと思ったことはないでしょうか。 この記事では試行錯誤してたどり着いた3つの方法について、いいところや悪いところと合わせて紹介します。 方法1: Blending を使う テキストに使いたい色をシンボルにします 色とテキスト(文字色は黒 #000)を同じ大きさで重ねたシンボルを作ります色はテキストより上のレイヤーに配置し Blending: Screen に設定します最下層に白い背景を敷きますこうす

    Sketch でテキストの色を管理する方法 | mediba Creator × Engineer Blog
  • 1