UX / Typografia

Typografia

Sergej Chodarev

Typografia — vizuálna artikulácia textového obsahu pomocou písma

Typografický slovník

Prečo?

Typografia

Text a znaky

"úvodzovky" „úvodzovky“

Úvodzovky

LaTeX

\enquote{text}

Ďalšie znaky

LaTeX

Ligatúry

Formátovanie

Zvýraznenie

LaTeX

\emph{zvýraznenie (italika)}
\textit{tiež italika}
\textbf{tučný}
\textsc{kapitalky}

Písmo

serif
sans-serif

proporcionálne
neproporcionálne

LaTeX

\texttt{neproporcionálné písmo}
\textsf{bezpätkové}
\textrm{pätkové}

Princíp minimálneho dostatočného rozdielu

Rozloženie

Odseky

Medziriadková medzera (leading)

For most text, the optimal line spacing is between 120% and 145% of the point size. Most word processors, as well as CSS, let you define line spacing as a multiple. Or you can do the math—multiply your point size by the percentage. (The text in this paragraph has line spacing of 110%. It’s too tight.)

For most text, the optimal line spacing is between 120% and 145% of the point size. Most word processors, as well as CSS, let you define line spacing as a multiple. Or you can do the math—multiply your point size by the percentage. (The text in this paragraph has line spacing of 135%. It looks fine.)

Dĺžka riadku

Rozdelenie

Zarovnanie

Rozdeľovanie slov

Rieky

LaTeX

Nadpisy

LaTeX

\chapter{Kapitola}
\section{Oddiel}
\subsection{Pododdiel}
\subsubsection{Opatrne!}
\paragraph{Odsek s nadpisom}

Zoznamy

  1. Číslované

LaTeX

\begin{itemize}
  \item nečíslovaný
  \item zoznam
\end{itemize}

\begin{enumerate}
  \item číslovaný
  \item zoznam
\end{enumerate}

Zoznam definícií

\begin{description}
  \item[Pojem] vysvetlenie
\end{description}

Tabuľky

LaTeX: nadpis tabuľky

\begin{table}
  \caption{Nadpis tabuľky}\label{tab:id_tabulky}
  % samotná tabuľka
  \dots
\end{table}

Samotná tabuľka

\begin{tabular}{llll}
  Clean       & Athos & Porthos & Aramis  \\
  Priors?     & Yes   & No      & Yes     \\
  Alibi?      & No    & Yes     & Yes     \\
  Confession? & No    & No      & No      \\
\end{tabular}
\begin{tabular}{llll}
  \toprule
  Clean       & Athos & Porthos & Aramis  \\
  \midrule
  Priors?     & Yes   & No      & Yes     \\
  Alibi?      & No    & Yes     & Yes     \\
  Confession? & No    & No      & No      \\
  \bottomrule
\end{tabular}
\begin{table}
  \centering
  \caption{Traja mušketieri}\label{tab:three-musketeers}
  \begin{tabular}{llll}
    \toprule
    Clean & Athos & Porthos & Aramis \\
    \midrule
    ...
  \end{tabular}
\end{table}

Ešte príklad

\begin{tabular}{lll}
  \toprule
           & Hodnota A & Hodnota B \\
             \cmidrule{2-3}
  Riadok 1 & 123,45    & 678,9 \\
  Riadok 2 & 12,34     & 56,78 \\
  \bottomrule
\end{tabular}

Zarovnanie napravo

\begin{tabular}{lrr}
  \toprule
           & Hodnota A & Hodnota B \\
             \cmidrule{2-3}
  Riadok 1 & 123,45    & 678,9 \\
  Riadok 2 & 12,34     & 56,78 \\
  \bottomrule
\end{tabular}

Zarovnanie podľa čiarky

\usepackage{dcolumn}
...
\begin{tabular}{lD{,}{,}{2}D{,}{,}{2}}
  \toprule
      & \multicolumn{1}{l}{Hodnota A}
      & \multicolumn{1}{l}{Hodnota B} \\
  \cmidrule{2-3}
  Riadok 1 & 123,45    & 678,9 \\
  Riadok 2 & 12,34     & 56,78 \\
  \bottomrule
\end{tabular}

Obrázky

Vzorce

Pre zvedavých