eletrotupi / tcc/ commit / 3f9b9d3

thesis: expand section for typography

Pedro Lucas Porcellis porcellis@eletrotupi.com 22 days ago 3f9b9d392996e8ee053477a03c7c3b6d4d72759a
Parents: b958ee0
2 file(s) changed
  • monografia/chapters/design.tex +26 -6
  • monografia/monografia.bib +34 -0
monografia/chapters/design.tex
1 1 
\chapter{Design}
2 2
3 3 
% TODO: Find citations
4 4
5 5 
As decisões de design do sistema foram fundamentadas tanto na análise dos
▸ 106 unchanged lines
112 112 
mencionado anteriormente, limitou-se a utilização para indicadores, componentes
113 113 
de interação e elementos que representam progresso ou confirmação.
114 114
115 115 
Por fim, foi escolhido outras cores pasteis para ajudar a destacar elementos
116 116 
como sentimento e emoções, indicadores para cada tipo de registro gerado no
117 - 
sistema, de forma mínima e não intrusiva. A proposta aqui era recheiar um pouco
118 - 
mais a interface para adci
117 + 
sistema, de forma mínima e não intrusiva.
119 118
120 119 
\subsection{Tipografia}
121 120
122 - 
A tipografia escolhida é a Inter, criada por Rasmus Andersson, cujo é
123 - 
reconhecida justamente pela legibilidade e atenção para que seja bem
124 - 
renderizada no uso digital. A fonte hoje é usada por diversas plataformas, como
125 - 
o Figma.
121 + 
A tipografia constitui um dos principais elementos responsáveis pela
122 + 
legibilidade em interfaces digitais. Segundo o Material Design
123 + 
\cite{Google_2021}, a escolha adequada da fonte influencia diretamente a
124 + 
velocidade de leitura, a organização da informação e a percepção geral de
125 + 
qualidade da interface. Em aplicações móveis, onde o espaço disponível é
126 + 
reduzido, a clareza tipográfica torna-se ainda mais importante.
127 +
128 + 
Considerando esses aspectos, optou-se pela utilização da fonte Inter,
129 + 
desenvolvida por Rasmus Andersson especificamente para ambientes digitais. A
130 + 
família tipográfica foi projetada para manter elevada legibilidade em
131 + 
diferentes tamanhos de tela, apresentando boa diferenciação entre caracteres e
132 + 
excelente renderização em sistemas operacionais modernos \cite{Andersson_2016}.
133 +
134 + 
A hierarquia tipográfica do sistema foi construída a partir de poucas variações
135 + 
de tamanho e peso da fonte. Títulos utilizam maior peso tipográfico para
136 + 
estabelecer prioridade visual, enquanto textos informativos e descrições
137 + 
empregam pesos mais leves, mantendo consistência em toda a aplicação. Essa
138 + 
padronização reduz a quantidade de estímulos visuais simultâneos e facilita a
139 + 
identificação das informações mais relevantes em cada tela.
140 +
141 + 
Além da legibilidade, a escolha da Inter também contribui para reforçar a
142 + 
identidade moderna e funcional proposta pelo aplicativo. Por ser amplamente
143 + 
utilizada em plataformas digitais e ferramentas de interface, como o Figma, a
144 + 
fonte transmite familiaridade ao usuário e mantém consistência com os padrões
145 + 
contemporâneos de design de interfaces.
monografia/monografia.bib
1 1 
@article{Iwaya:22,
2 2 
  title={On the privacy of mental health apps},
3 3 
  volume={28},
4 4 
  DOI={10.1007/s10664-022-10236-0},
5 5 
  number={1},
▸ 150 unchanged lines
156 156 
  year={2012},
157 157 
  collection={Robert C. Martin series},
158 158 
  language={eng}
159 159 
},
160 160
161 + 
@book{
162 + 
  Lidwell_2011,
163 + 
  title={Universal Principles of Design},
164 + 
  ISBN={978-1-59253-587-3},
165 + 
  author={Lidwell, W. and Holden, K. and Butler, J.},
166 + 
  year={2011},
167 + 
  publisher={Rockport Publishers},
168 + 
  edition={2},
169 + 
  language={en},
170 + 
  address={Gloucester, Massachusetts, USA}
171 + 
},
172 +
173 + 
@misc{Andersson_2016,
174 + 
  title={Inter font family},
175 + 
  url={https://rsms.me/inter/},
176 + 
  abstractNote={Inter is a typeface family},
177 + 
  journal={rsms.me/inter},
178 + 
  author={Andersson, Rasmus},
179 + 
  year={2016},
180 + 
  language={en}
181 + 
},
182 +
183 + 
@misc{
184 + 
  Google_2021,
185 + 
  title={Typography – Material Design 3},
186 + 
  url={https://m3.material.io/styles/typography/overview},
187 + 
  abstractNote={Learn about Material Design typography. This guide covers everything from font styles and hierarchy to line height to create user-friendly text.},
188 + 
  journal={Material Design},
189 + 
  publisher={Google},
190 + 
  author={Google},
191 + 
  year={2021},
192 + 
  language={en}
193 + 
},
194 +
161 195 
@article{barber:92,
162 196 
  title={Too much of a good thing: light can be bad for photosynthesis},
163 197 
  author={Barber, James and Andersson, Bertil},
164 198 
  journal={Trends in biochemical sciences},
165 199 
  volume={17},
▸ 20 unchanged lines
186 220 
	title={Meu website},
187 221 
	author={Giovane Torres},
188 222 
	url={https://gdotorres.github.io},
189 223 
	urldate={26 de outubro de 2018},
190 224 
}