﻿<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Produção de Suportes Midiáticos &#187; Produção de Suportes Midiáticos</title>
	<atom:link href="https://suportesmidiaticos.eca.usp.br/?feed=rss2&#038;tag=webquest" rel="self" type="application/rss+xml" />
	<link>https://suportesmidiaticos.eca.usp.br</link>
	<description></description>
	<lastBuildDate>Fri, 06 May 2016 06:05:02 +0000</lastBuildDate>
	<language>pt-BR</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=4.2.1</generator>
	<item>
		<title>Plugin WP: webquest</title>
		<link>https://suportesmidiaticos.eca.usp.br/?p=2944</link>
		<comments>https://suportesmidiaticos.eca.usp.br/?p=2944#comments</comments>
		<pubDate>Thu, 30 Apr 2015 00:45:24 +0000</pubDate>
		<dc:creator><![CDATA[Richard Romancini]]></dc:creator>
				<category><![CDATA[Artigo]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[webquest]]></category>
		<category><![CDATA[WP]]></category>

		<guid isPermaLink="false">http://143.107.95.102/prof/richardromancini/suportesmidiaticos/public_html/wordpress/?p=2944</guid>
		<description><![CDATA[Usando a tipografia de maneira mais eficaz&#8230; O design gráfico é mais do que apenas utilizar o computador e usar fontes engraçadinhas. Todo bom designer deve saber como integrar de]]></description>
				<content:encoded><![CDATA[<p><img src="https://dl.dropboxusercontent.com/u/1524601/Suportes/webquest.JPG" alt="" width="360px" /></p>
<div style="margin-left: 100px; margin-right: 100px; text-align: left;"><div class="responsive-tabs">
<h2 class="tabtitle">Introdução</h2>
<div class="tabcontent">
<img src="https://dl.dropboxusercontent.com/u/1524601/Suportes/tipo1.gif" alt="" width="350px" align="left" Style="margin-right:30px; "/>
<p style="color: #808080; margin-bottom: 5px; text-align: left;"><big><strong>Usando a tipografia de maneira mais eficaz&#8230;</strong></big></p>
<p>O design gráfico é mais do que apenas utilizar o computador e usar fontes engraçadinhas. Todo bom designer deve saber como integrar de maneira adequada o texto ao seu logo, layout ou anúncio. Além disso, o design gráfico diz respeito, acima de tudo, à comunicação, e uma parte considerável da comunicação é textual. Ao longo da realização desta webquest, você irá se tornar um especialista em tipografia! Como resultado, será capaz de aplicar o que aprendeu em seu trabalho de design para criar uma integração mais orgânica de texto e imagens.</p>
<p>
</div><h2 class="tabtitle">Tarefa</h2>
<div class="tabcontent">
<img src="https://dl.dropboxusercontent.com/u/1524601/Suportes/tipografia2.gif" alt="" width="400px" align="left" Style="margin-right:30px; margin-bottom:20px" />
<p style="color: #808080; margin-bottom: 5px; text-align: left;"><big><strong>Sua tarefa&#8230;</strong></big></p>
<p>Para começar, você aprenderá como identificar as diferentes partes de um elemento tipográfico. Depois, irá explorar e categorizar fontes em famílias. Por fim, irá usar um gerador de tipos online para desenhar sua própria fonte exclusiva!</p>
<p>
</div><h2 class="tabtitle">Processo</h2>
<div class="tabcontent">
<img src="https://dl.dropboxusercontent.com/u/1524601/Suportes/tipo3.gif" alt="" width="400px" align="left" Style="margin-right:30px;" />
<p style="color: #808080; margin-bottom: 5px; text-align: left;"><big><strong>Sua caminhada começa aqui&#8230;</strong></big></p>
<p>&#8211; Lembre do que você aprendeu vendo em classe o filme <a href="http://www.helveticafilm.com/" target="_blank">Helvetica</a>, ao começar sua webquest.<br />
&#8211; Aprenda sobre os Elemento de uma Letra, visitando <a href="http://21picas.co.uk/?p=442" target="_blank">Typeface Anatomy</a> e <a href="http://www.fontshop.com/glossary/" target="_blank">Tipographer&#8217;s Glossary</a>.<br />
&#8211; Explore os diferentes modos de classificar os tipo em <a href="http://www.fontfactory.com/categories.php" target="_blank">Font Families</a>.<br />
&#8211; Teste seu conhecimento de serifa vs. sem serifa, jogando o <a href="http://www.tothepoint.co.uk/more/fun/shoot_the_serif/" target="_blank">Shoot the Serif Game</a>.<br />
&#8211; Outros recursos úteis a considerar: <a href="http://finearts.fontbonne.edu/tech/type/type_basic.html" target="_blank">Type Basics</a> e <a href="http://www.fontshop.com/education/" target="_blank">PDF Guides</a>.<br />
&#8211; Finalmente, teste suas novas habilidades, usando um dos seguintes recursos para criar sua própria fonte! Experimente o <a href="http://fontstruct.com/" target="_blank">Online Type Creator</a> ou o <a href="http://www.high-logic.com/font-editor/fontcreator.html" target="_blank">Font Creator</a>.</p>
<p>
</div><h2 class="tabtitle">Recursos</h2>
<div class="tabcontent">
<img class=" alignleft" src="https://dl.dropboxusercontent.com/u/1524601/Suportes/tipo4.gif" alt="" width="400px" align="left" Style="margin-right:60px;"/>
<p style="color: #808080; margin-bottom: 5px; text-align: left;"><big><strong>Uma lista completa de recursos&#8230;</strong></big></p>
<p>&#8211; Filme para ver: <a href="http://www.helveticafilm.com/" target="_blank">Helvetica</a>.<br />
Elementos de uma letra:<br />
&#8211; <a href="http://21picas.co.uk/?p=442" target="_blank">Typeface Anatomy</a>.<br />
&#8211; <a href="http://www.fontshop.com/glossary/" target="_blank">Tipographer&#8217;s Glossary</a>.<br />
Recursos sobre famílias de fontes:<br />
&#8211; <a href="http://www.fontfactory.com/categories.php" target="_blank">Font Families</a>.<br />
&#8211; <a href="http://www.tothepoint.co.uk/more/fun/shoot_the_serif/" target="_blank">Shoot the Serif Game</a>.<br />
Recursos úteis<br />
&#8211; <a href="http://finearts.fontbonne.edu/tech/type/type_basic.html" target="_blank">Type Basics</a><br />
&#8211; <a href="http://www.fontshop.com/education/" target="_blank">PDF Guides</a>.<br />
Ferramentas para a tarefa final:<br />
&#8211; <a href="http://fontstruct.com/" target="_blank">Online Type Creator</a>.<br />
&#8211; <a href="http://www.high-logic.com/font-editor/fontcreator.html" target="_blank">Font Creator</a>.</p>

</div><h2 class="tabtitle">Avaliação</h2>
<div class="tabcontent">

<p style="color: #808080; margin-bottom: 5px; text-align: left;"><big><strong>Conceito e Avaliação&#8230;</strong></big></p>
<p>Seu conceito final inclui o desenho de letras de um alfabeto próprio. Não é necessário criar um alfabeto completo, mas o design final de sua fonte deve incluir:<br />
&#8211; Duas letras maiúsculas.<br />
&#8211; Uma letra minúscula com a altura de x (ex: a, c,e e, m, n, o, r, s, u, v, w, x, ou z).<br />
&#8211; Uma letra minúscula com linha ascedente (ex: b, d, f, h, k, l ou t).<br />
&#8211; Uma minúscula com linha descendente (ex: g, j, p, q, ou y).<br />
&#8211; Um número.<br />
&#8211; Um sinal de pontuação ou elemento tipográfico (ex: ?. #, $, %, &amp; ou @).<br />
Por favor, revise a rubrica abaixo para mais detalhes de como seu projeto final será avaliado e receberá nota.</p>
<table>
<tbody>
<tr>
<td>Categoria</td>
<td style="text-align: center;">4</td>
<td style="text-align: center;">3</td>
<td style="text-align: center;">2</td>
<td style="text-align: center;">1</td>
</tr>
<tr>
<td>Qualidade geral do design tipográfico</td>
<td>O tipo é efetivo em seu design e faz o melhor uso dos elementos formais da letra.</td>
<td>O tipo é efetivo em seu design e faz bom uso da maioria dos elementos formais da letra.</td>
<td>O tipo e geralmente efetivo em seu design e faz uso adequado da maioria dos elementos formais da letra.</td>
<td>O tipo é ineficiente em seu design e não faz um uso apropriado dos elementos formais da letras.</td>
</tr>
<tr>
<td>Execução do design</td>
<td>O desenho das letras demonstra exemplar habilidade no computador.</td>
<td>O desenho das letras demonstra habilidades acima da média no computador.</td>
<td>O desenho das letras demonstra habilidade média no computador.</td>
<td>O desenho das letras demonstra habilidade abaixo da média no computador.</td>
</tr>
<tr>
<td>Criatividade do conceito do design</td>
<td>O desenho integral das letras indica uma criatividade exemplar e a expressão clara de um único ponto de vista de design.</td>
<td> O desenho integral das letras indica uma criatividade acima da média e expressa um bom ponto de vista de design.</td>
<td> O desenho integral das letras indica uma criatividade média e expressa um ponto de vista básico de design.</td>
<td> O desenho integral das letras indica uma criatividade abaixo da média e não expressa um ponto de vista de design.</td>
</tr>
<tr>
<td>Coerência das formas das letras</td>
<td>Todas as letras apresentam coerência no design.</td>
<td> A maioria das letras apresenta coerência no design.</td>
<td>Algumas letras apresentam coerência no design.</td>
<td>As letras não apresentam coerência no design.</td>
</tr>
<tr>
<td>Elementos solicitados</td>
<td>Todos os elementos pedidos foram feitos. O trabalho foi realizado no tempo.</td>
<td>A maioria dos elementos pedidos está presente. O trabalho foi realizado no tempo.</td>
<td>Alguns dos elementos estão presentes. O trabalho não foi realizado no tempo.</td>
<td>Poucos elementos pedidos estão presentes. O trabalho não foi realizado no tempo.</td>
</tr>
</tbody>
</table>
<p>Conceito Final: A = 20-17, B = 16-13, C = 12-9, D = 8-0<br />

</div><h2 class="tabtitle">Conclusão</h2>
<div class="tabcontent">
</p>
<p style="color: #808080;"><big><strong>&#8220;Uma vez que a tipografia é um elemento-chave na maioria dos designs, a escolha da fonte é uma das decisões mais importantes que um designer deve fazer: ela irá valorizar ou prejudicar um projeto&#8221;</strong></big></p>
<p>Usar fontes de maneira eficiente é uma das mais importantes tarefas de um designer gráfico. Espera-se que a partir da realização desta webquest você sinta-se mais à vontade no uso do vocabulário associado com a tipografia e possa classificar, com confiança, os tipos em famílias de fontes. Estas habilidades são essenciais conforme você começa a se expressar a partir da tipografia. Com a criação de sua própria fonte, você será capaz de incorporar sem dificuldades seu próprio ponto de vista de design no uso de letras. Todos esses instrumentos irão ajudar você a tornar-se um designer mais completo, capaz de usar texto e imagens de maneira bem sucedida. Lembre, o design gráfico é integralmente sobre comunicação: sempre pense sobre como sua mensagem é convenientemente transmitida por meio da escolha de imagens e, mais importante, pela tipografia!</br></p>

</div><h2 class="tabtitle">Página do Prof.</h2>
<div class="tabcontent">

<p style="color: #808080; margin-bottom: -15px; text-align: left;"><big><strong>Objetivos e Expectativas</strong></big></p>
<p>O objetivo desta unidade é que os estudantes reconheçam vários tipos de fontes, classifiquem-nos em famílias de fontes e, então, utilizem o conhecimento sendo capazes de desenhar sua própria fonte usando um dos recursos online oferecidos.</p>
<p style="color: #808080; margin-bottom: -15px; text-align: left;"><big><strong>Esta unidade enfoca as seguintes Competências em Artes Visuais</strong></big></p>
<p>1. Os estudantes irão entender que a criação de um trabalho original e a exibição de um trabalho novo ou já existente é essencial nas artes visuais.<br />
2. Os estudantes irão compreender que os trabalhos em artes visuais são formas alternativas de comunicação que podem gerar diversas respostas.<br />
3. Os estudantes irão entender que as artes visuais podem ser analisadas e avalizadas a partir de diversas perspectivas, incluindo a estrutural, histórica e cultural.<br />
4. Os alunos vão compreender que as conexões e colaborações essenciais entre as artes visuais divulgadas e outras disciplinas têm impacto na vida cotidiana.</p>
<p style="color: #808080; margin-bottom: -15px; text-align: left;"><big><strong>Conteúdo da Área e Nível</strong></big></p>
<p>Esta webquest foi desenvolvida para Estudantes Avançados de Design Gráfico (níveis 11 e 12).</p>
<p style="color: #808080; margin-bottom: -15px; text-align: left;"><big><strong>Materiais</strong></big></p>
<p>Computadores com acesso à internet de alta velocidade.</p>
<p style="color: #808080; margin-bottom: -15px; text-align: left;"><big><strong>Recursos e Referências</strong></big></p>
<p>Favor ver a aba de recursos para todos as fontes.</p>
<p style="color: #808080; margin-bottom: -15px; text-align: left;"><big><strong>Avaliação</strong></big></p>
<p>A rubrica foi planejada para assegurar que os estudantes encontrem todos os objetivos solicitados e façam, então, uma fonte coerente onde cada letra desenhada reflita seu próprio ponto de vista quanto ao design.</br></p>
</div></div></div>
<p>O elemento acima ilustra a possibilidade de usar um plugin (<a href="https://wordpress.org/plugins/tabby-responsive-tabs/screenshots/" target="_blank">aqui</a>) para fazer &#8220;webquests&#8221;, que são um tipo de atividade didática que alguns professores desenvolvem com seus alunos, na qual se utiliza &#8211; geralmente &#8211; pesquisa na internet. Esse uso de &#8220;abas&#8221; pode também envolver outros conteúdos (vídeo, imagens, etc.) e ideias. É importante notar que esta webquest não é de minha autoria, mas do autor deste <a href="http://typographywebquest.weebly.com/" target="_blank">site</a> (infelizmente não creditado). Eu apenas traduzi e adaptei, pois as informações são até interessantes, do ponto de vista de alguém que deve elaborar um site. No entanto, o exercício proposto não precisa ser realizado. Concluindo, vale a pena reparar na estratégia de avaliação desta webquest, por rubrica, para conhecer esse tipo de estratégia.</p>
]]></content:encoded>
			<wfw:commentRss>https://suportesmidiaticos.eca.usp.br/?feed=rss2&#038;p=2944</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
