すべてのデザイナーは、タイポグラフィの操作に役立つさまざまなツールがあることを知っています。言うまでもなく、Adobe InDesign、Scribus、Photoshopなどのアプリがおそらくオフィスツールキットです。それでも、Sketchについて聞いたことがあるかもしれませんが、書体に関しては使用されない、単なるWebデザインツールとして見落としている可能性があります。
このようにする必要はありません。実際、Sketchは素晴らしい活版印刷の作品を作成するための最良のツールの1つになることができます。秘密は簡単です。あなたは途中であなたを助けるためにいくつかのヒントとコツを知る必要があります。
この記事では、タイポグラフィに関してSketchが持つ小さな欠点を修正するためのいくつかの迅速で簡単な方法について説明します。これは実際に私たちのシリーズの3番目の記事です スケッチのヒントとコツ 。他の人に会いたい場合は、ここでそれらをチェックしてください: Sketchのネストされたシンボル 、 絵文字を使用したスケッチファイルの管理 。
すでにCSSを知っている場合は、Sketchの基本的なタイポグラフィ機能に精通している必要があります。これには、フォントの選択やテキストの変換から、文字間隔や行の高さなどの構成パラメーターまで、すべてが含まれます。
ただし、Sketchのあまり知られていない機能のいくつかは、すぐにはわかりません。ここで、いくつかの追加のヒントを知ることが大いに役立つ可能性があります。実際、それらを学んだら、活版印刷ツールとしてInDesignを使用して、Sketchをよりオンラインなものに変えることができます。これはあなたが知る必要があることです:
多くの書体には、読みやすさやフォントの太さの違いなど、文体の目的で使用される代替文字セットが付属しています。ご存知のように、Photoshopではボタンを押すだけでアクティブにできます。一方、Sketchでは、それほど簡単ではありません。
あらゆる種類の書体をチェックしたい場合は、何か特別なことをする必要があります。に行くだけ スケッチメニュー>表示>フォントの表示 Y 歯車のアイコンをクリックしてからタイポグラフィをクリックします 。その後、次のような追加のタイプ関数にアクセスできるようになります。 合字 および代替文字セット。それは単純だ!
今日、私たちはウェブデザインで一気に書かれたテキストを見ることはめったにありません。それでも、それは印刷やロゴデザインでさえかなり一般的なスタイルです。 Sketchを使用してストロークにテキストを作成するのは驚くほど簡単です。ペンツールを使用してストロークを描画し、そのストロークの近くにテキストを書き込むだけです。完了したら、から選択する必要があります スケッチメニュー>テキスト>ストロークテキスト 。そして、あなたは行きます!
Photoshopユーザーの場合、文字パネルまたは段落パネルのほとんどすべてのタイポグラフィ機能にアクセスできます。 Sketchには同じ機能がありますが、非表示になっているだけです。幸いなことに、方法を知っていれば、非常に簡単に見つけることができます。 Kerning、Ligature、Baselineなど、より多くのスタイルオプションを開きたい場合は、 スケッチメニュー>テキスト 。本当に簡単です!
スタイルは、Sketchを使用するときにタイポグラフィプリセットと呼ばれるものです。また、右側のサイドバーのタイプパラメータのすぐ上にあるスタイルドロップダウンメニューから簡単に作成できます。このツールを使用する場合、独自のスタイルを作成することはかなり一般的な方法です。ただし、スタイルをシンボルとして分類できることを誰もが知っているわけではありません。 (このプロセスの詳細については、 前の記事 ここに)。
フォントスタイルでフォルダを作成するための命名手順は次のとおりです。 folder_namestyle_nameまたはfolder1 / folder2 / folder3 / style_name 。以下のこの例を見て、私が何を意味するかを理解してください。
この例では、フォルダー内でスタイルをグループ化しました 契約する 次に、テキストサイズごとに別のフォルダーを作成し、色ごとに別のフォルダーを作成しました。したがって、スタイル名は次のようになります。* Contract / h1 / dark *。