\chapter{UI设计}
“ UI”表示“用户界面”。

没有用户界面，我们的用户将无法使用我们的应用程序。

这对普通人来说非常重要。

\section{选择一个框架}
有很多UI框架可供我们使用。 特别是在网站方面。

我们可以使用WPF在Windows上进行设计，也可以使用Flutter在Android上进行设计。

但这对我来说实在太繁杂了。 我只想有一个简单的UI，可以使我的论文更加可信。

因此，我将仅使用vue.js \ cite {vue}来完成此工作。

另外，由于界面不是本论文的重点，Python才是，所以我不会把界面的代码写上来。


\section{主要页面}
\begin{itemize}
    \item 首页: 在此页面中，我们可以注册或登录
    \item 联系人界面: 在此页面上，我们可以看到可以联系的人
    \item 聊天界面: 在此页面中，我们可以向他人发送消息，同时也能看到别人发过来的消息
\end{itemize}

\subsection{首页}
\includegraphics[scale=0.2]{figures/the_home_page.png}

\subsection{联系人界面}
\includegraphics[scale=0.2]{figures/the_contacts_page.png}

\subsection{聊天界面}
\subsubsection{User 1}
\includegraphics[scale=0.2]{figures/the_chat_page1.png}%
\subsubsection{User 2}
\includegraphics[scale=0.2]{figures/the_chat_page2.png}%