Tikz设计页眉设计样例分享

效果图：

代码如下：

\documentclass{book}
\usepackage[a6paper]{geometry}
\usepackage{fancyhdr}
\usepackage{tikzpagenodes}
\usetikzlibrary{shapes.geometric}
\usepackage{lipsum}

\pagestyle{fancy}
\fancyhf{}
\renewcommand\headrulewidth{0pt}
\fancyhead[OC]{\begin{tikzpicture}[remember picture,overlay]
\node[diamond,draw,font=\small\itshape] at (current page header area.south west) (dia) {\thepage};
\draw[double=white] (dia.east) -- (current page header area.south east);
\end{tikzpicture}}
\fancyhead[EC]{\begin{tikzpicture}[remember picture,overlay]
\node[diamond,draw,font=\small\itshape] at (current page header area.south east) (dia) {\thepage};
\draw[double=white] (dia.west) -- (current page header area.south west);
\end{tikzpicture}}
\fancyhead[OR]{\small\nouppercase\leftmark}
\fancyhead[EL]{\small\nouppercase\rightmark}

\begin{document}

\chapter{Test chapter}
\lipsum[2]
\section{Test section}
\lipsum[2]\lipsum[2]\lipsum[2]\lipsum[2]\lipsum[2]

\end{document}

效果图：

代码如下：

\documentclass{book}
\usepackage[a6paper]{geometry}
\usepackage{fancyhdr}
\usepackage{tikzpagenodes}
\usetikzlibrary{shapes.geometric}
\usepackage{lipsum}

\pagestyle{fancy}
\fancyhf{}
\renewcommand\headrulewidth{0pt}
\fancyhead[OC]{\begin{tikzpicture}[remember picture,overlay]
\node[diamond,draw,font=\small\itshape] at (current page header area.south west) (dia) {\thepage};
\draw (dia.3) -- (current page header area.south east|-dia.3);
\draw (dia.357) -- ([xshift=-7pt]current page header area.south east|-dia.357);
\end{tikzpicture}}
\fancyhead[EC]{\begin{tikzpicture}[remember picture,overlay]
\node[diamond,draw,font=\small\itshape] at (current page header area.south east) (dia) {\thepage};
\draw (dia.177) -- (current page header area.south west|-dia.177);
\draw (dia.183) -- ([xshift=7pt]current page header area.south west|-dia.183);
\end{tikzpicture}}
\fancyhead[OR]{\small\nouppercase\leftmark}
\fancyhead[EL]{\small\nouppercase\rightmark}

\begin{document}

\chapter{Test chapter}
\lipsum[2]
\section{Test section}
\lipsum[2]\lipsum[2]\lipsum[2]\lipsum[2]\lipsum[2]

\end{document}

效果图：

代码如下：

\documentclass{book}
\usepackage[a6paper]{geometry}% just for the example
\usepackage{fancyhdr}
\usepackage{stackengine}
\usepackage{graphicx}
\usepackage{lipsum}% just to generate text for the example

\pagestyle{fancy}
\fancyhf{}
\renewcommand\headrulewidth{0pt}
\fancyhead[OC]{%
  \def\stackalignment{c}%
  \topinset{\itshape\thepage}{\scalebox{5}{\(\diamond\)}}{1.5ex}{}%
  \rule{-.2ex}{0ex}%
  \def\stackalignment{l}%
  \stackon[1pt]{\rule[2.8ex]{2.5in}{.1ex}}{\rule{2.55in}{.1ex}}}
\fancyhead[EC]{%
  \def\stackalignment{r}%
  \stackon[1pt]{\rule[2.8ex]{2.5in}{.1ex}}{\rule{2.55in}{.1ex}}%
  \rule{-.2ex}{0ex}%
  \def\stackalignment{c}%
  \topinset{\itshape\thepage}{\scalebox{5}{\(\diamond\)}}{1.5ex}{}}
\begin{document}
\lipsum[2]\lipsum[2]\lipsum[2]\lipsum[2]
\end{document}