apeescape2.com
  • メイン
  • 財務プロセス
  • トレンド
  • プロセスとツール
  • 人とチーム
ツールとチュートリアル

Sketchのタイポグラフィについて知らないかもしれないこと

すべてのデザイナーは、タイポグラフィの操作に役立つさまざまなツールがあることを知っています。言うまでもなく、Adobe InDesign、Scribus、Photoshopなどのアプリがおそらくオフィスツールキットです。それでも、Sketchについて聞いたことがあるかもしれませんが、書体に関しては使用されない、単なるWebデザインツールとして見落としている可能性があります。

このようにする必要はありません。実際、Sketchは素晴らしい活版印刷の作品を作成するための最良のツールの1つになることができます。秘密は簡単です。あなたは途中であなたを助けるためにいくつかのヒントとコツを知る必要があります。

この記事では、タイポグラフィに関してSketchが持つ小さな欠点を修正するためのいくつかの迅速で簡単な方法について説明します。これは実際に私たちのシリーズの3番目の記事です スケッチのヒントとコツ 。他の人に会いたい場合は、ここでそれらをチェックしてください: Sketchのネストされたシンボル 、 絵文字を使用したスケッチファイルの管理 。



スケッチのタイポグラフィ

すでにCSSを知っている場合は、Sketchの基本的なタイポグラフィ機能に精通している必要があります。これには、フォントの選択やテキストの変換から、文字間隔や行の高さなどの構成パラメーターまで、すべてが含まれます。

ただし、Sketchのあまり知られていない機能のいくつかは、すぐにはわかりません。ここで、いくつかの追加のヒントを知ることが大いに役立つ可能性があります。実際、それらを学んだら、活版印刷ツールとしてInDesignを使用して、Sketchをよりオンラインなものに変えることができます。これはあなたが知る必要があることです:

OpenType機能:

多くの書体には、読みやすさやフォントの太さの違いなど、文体の目的で使用される代替文字セットが付属しています。ご存知のように、Photoshopではボタンを押すだけでアクティブにできます。一方、Sketchでは、それほど簡単ではありません。

あらゆる種類の書体をチェックしたい場合は、何か特別なことをする必要があります。に行くだけ スケッチメニュー>表示>フォントの表示 Y 歯車のアイコンをクリックしてからタイポグラフィをクリックします 。その後、次のような追加のタイプ関数にアクセスできるようになります。 合字 および代替文字セット。それは単純だ!

ストロークのテキスト:

今日、私たちはウェブデザインで一気に書かれたテキストを見ることはめったにありません。それでも、それは印刷やロゴデザインでさえかなり一般的なスタイルです。 Sketchを使用してストロークにテキストを作成するのは驚くほど簡単です。ペンツールを使用してストロークを描画し、そのストロークの近くにテキストを書き込むだけです。完了したら、から選択する必要があります スケッチメニュー>テキスト>ストロークテキスト 。そして、あなたは行き​​ます!

カーニングとベースライン:

Photoshopユーザーの場合、文字パネルまたは段落パネルのほとんどすべてのタイポグラフィ機能にアクセスできます。 Sketchには同じ機能がありますが、非表示になっているだけです。幸いなことに、方法を知っていれば、非常に簡単に見つけることができます。 Kerning、Ligature、Baselineなど、より多くのスタイルオプションを開きたい場合は、 スケッチメニュー>テキスト 。本当に簡単です!

Sketchのスタイル:

スタイルは、Sketchを使用するときにタイポグラフィプリセットと呼ばれるものです。また、右側のサイドバーのタイプパラメータのすぐ上にあるスタイルドロップダウンメニューから簡単に作成できます。このツールを使用する場合、独自のスタイルを作成することはかなり一般的な方法です。ただし、スタイルをシンボルとして分類できることを誰もが知っているわけではありません。 (このプロセスの詳細については、 前の記事 ここに)。

フォントスタイルでフォルダを作成するための命名手順は次のとおりです。 folder_namestyle_nameまたはfolder1 / folder2 / folder3 / style_name 。以下のこの例を見て、私が何を意味するかを理解してください。

この例では、フォルダー内でスタイルをグループ化しました 契約する 次に、テキストサイズごとに別のフォルダーを作成し、色ごとに別のフォルダーを作成しました。したがって、スタイル名は次のようになります。* Contract / h1 / dark *。

ブートストラップを使用して.NETプロジェクトを作成する方法

バックエンド

ブートストラップを使用して.NETプロジェクトを作成する方法
eコマースUX–ベストプラクティスの概要(インフォグラフィック付き)

eコマースUX–ベストプラクティスの概要(インフォグラフィック付き)

Uxデザイン

人気の投稿
モバイルWebアプリケーションの開発:いつ、なぜ、そしてどのように
モバイルWebアプリケーションの開発:いつ、なぜ、そしてどのように
ApeeScapeグローバルメンター:どこでも教育
ApeeScapeグローバルメンター:どこでも教育
Javaメモリリークのハンティング
Javaメモリリークのハンティング
Aho-Corasickアルゴリズムで文字列検索を征服する
Aho-Corasickアルゴリズムで文字列検索を征服する
スタートアップに参加する前にスクラムマスターが尋ねるべき5つの質問
スタートアップに参加する前にスクラムマスターが尋ねるべき5つの質問
 
ブランド評価の謎を解き明かす
ブランド評価の謎を解き明かす
第11章破産:それは何であり、次に何が起こるか?
第11章破産:それは何であり、次に何が起こるか?
アジャイルプロジェクト管理の究極の紹介
アジャイルプロジェクト管理の究極の紹介
Pythonでのモックの概要
Pythonでのモックの概要
WebRTCアプリケーションを構築する1年:スタートアップエンジニアリングの教訓
WebRTCアプリケーションを構築する1年:スタートアップエンジニアリングの教訓
人気の投稿
  • プライベートエクイティファームはどのように資本を調達するか
  • 国境調整税とは
  • グラフィックコミュニケーションとグラフィックデザイン
  • Twitterデータを分析する方法
  • ギリシャ債務危機の原因
  • Twitterデータの収集方法
  • ブートストラップをどのように使用しますか
カテゴリー
投資家と資金調達 財務プロセス 製品の担当者とチーム 設計プロセス モバイルデザイン 仕事の未来 バックエンド 収益性と効率性 ライフスタイル 計画と予測

© 2021 | 全著作権所有

apeescape2.com