メニュー
イラレでハイフンの高さを真ん中にする方法をデザイナーが紹介!
  • 中野貴登:Webクリエイター

イラレでハイフンの高さを真ん中にする方法をデザイナーが紹介!

こんにちは、イデアックスの「中野」です。

イラレ上で料金や電話番号情報を入力すると、ハイフンの高さが若干下がっていることに気づくかと思います。

イラレの設定上、ハイフンの位置はどうしても下がってしまうので、高さを変更しなければいけません。

今回はハイフンの高さを変更する方法をみなさんに紹介します!


イラレで作成したデザインの画像が荒くなってしまう原因と解決策についてまとめた記事はこちら↓

変更前のハイフンの高さ

下記画像はハイフンの高さの調節をする前のものです。高さが中央より少し低いことがわかると思います。

ハイフンの高さ調整前

高さの調節を行わないと上記のように違和感を与えてしまいます。では実際にハイフンの高さを調節します。

ハイフンを選択している状態で「文字」「ベースラインシフトを設定」で調節します。

最初は値が「0」になっています。高さを高くする場合は数値を大きくし、低くする場合は数値を小さくします。

今回は高くしたいので6pxにしました。

ハイフンの高さ調整後

ハイフンの高さを調整しました。最初に感じていた違和感がなくなったと思います。

このようにイラレで文章を書く際はハイフンの高さに違和感があるので都度調整してください。

最後に

以上がハイフンの高さを調整する方法の紹介でした。

デザイン・コーディングに関する内容の記事はこちら