このセクションの記事一覧はこちら

デザインにあったテキストを設定する方法

アプリ内で表示されるテキスト(タイトル・本文・文字の間隔など)は、デザインに質感をあたえる重要なパーツです。

ここでは、デザインの中の、テキストの編集方法についてご紹介します。

image_07.jpg

テキストは、3ヶ所設定することができます。色の強弱をタイトル本文アクセサリの順で設定することで、情報が伝わりやすくなります。

  • タイトル:①タイトルの文字色を設定します。
  • アクセサリ:②部分の文字色を設定します。
  • 本文:③本文の文字色を設定します。 

image_08.jpg

 

背景:背景の色、透明度を設定します。透明度スライダは、ドラッグ&ドラップで調整することができます。右が透明度なしのベタ塗り状態です。左にドラッグすることで、透明になります。コンテンツに設定した背景を活かすために、積極的に透明度を使用しましょう。そうすることで、奥行きのあるデザインに仕上がります。

罫線:罫線、タブの色を設定します。


リストの間隔:リストの間隔を設定します。リストの間隔:リストの間隔を設定します。

image_09.jpg

 

不明点はございますか? お気軽にお問い合わせください >

不明点はございますか? お気軽にお問い合わせください >