<?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>Gonçalo Rodrigues</title>
	<atom:link href="http://www.goncalorodrigues.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.goncalorodrigues.com</link>
	<description>Página pessoal e blog</description>
	<lastBuildDate>Fri, 30 Jul 2010 07:59:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Logótipos para LEI e LDM</title>
		<link>http://www.goncalorodrigues.com/blog/logotipos-para-lei-e-ldm/</link>
		<comments>http://www.goncalorodrigues.com/blog/logotipos-para-lei-e-ldm/#comments</comments>
		<pubDate>Fri, 30 Jul 2010 07:59:59 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Geral]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=1359</guid>
		<description><![CDATA[O núcleo de estudantes do Departamento onde estudei organizou, no passado dia 16 de Março, um concurso onde solicitava a criação de dois logótipos para representar os cursos de Licenciatura em Engenharia Informática e Licenciatura em Design e Multimédia. Os logótipos vencedores seriam adoptados como a insígnia oficial dos respectivos cursos nas capas académicas dos [...]]]></description>
			<content:encoded><![CDATA[<p>O núcleo de estudantes do Departamento onde estudei organizou, no passado dia 16 de Março, um concurso onde solicitava a criação de dois logótipos para representar os cursos de Licenciatura em Engenharia Informática e Licenciatura em Design e Multimédia. Os logótipos vencedores seriam adoptados como a insígnia oficial dos respectivos cursos nas capas académicas dos estudantes. O prémio para os vencedores era um bilhete geral para a Queima das Fitas 2010.</p>
<p>Enquanto organizava os documentos no meu computador encontrei o trabalho que submeti neste mesmo concurso e que, infelizmente, não saiu vencedor. O júri chegou à conclusão que nenhuma das participações respondia ao pretendido, justificando que os logótipos submetidos seguiam um conceito de &#8220;logótipos de marcas&#8221; e não de emblemas universitários, pelo que não existiram vencedores.</p>
<p>De seguida encontram-se os dois logótipos com que eu participei.</p>
<h2><span style="font-weight: normal;">Licenciatura em Engenharia Informática</span></h2>
<p><img class="alignnone size-full wp-image-1363" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/lei_logotipo.png" alt="" width="300" height="329" /></p>
<p><span style="font-size: small;">Proposta de logótipo para o curso de Licenciatura em Engenharia Informática.</span></p>
<h2><span style="font-weight: normal;">Licenciatura em Design e Multimédia</span></h2>
<p><img class="alignnone size-full wp-image-1364" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/ldm_logotipo.png" alt="" width="300" height="329" /></p>
<p><span style="font-size: small;">Proposta de logótipo para o curso de Licenciatura em Design e Multimédia.</span></p>
<p>Usei apenas a cor azul (#4e7aff) e tentei seguir uma linha minimalista. Procurei utilizar as letras das iniciais dos cursos atribuindo-lhes algum humanismo. Também tentei fazer uma alusão a uma personagem enigmática do mundo dos jogos de computador, o PacMan, de forma a trazer alguma descontracção e divertimento aos logótipos.</p>
<p>Apesar de não ser <em>designer</em> divirto-me bastante ao participar neste género de concursos de logótipos, já participei em diversos desafios deste tipo e continuarei a participar sempre que possível.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/logotipos-para-lei-e-ldm/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Noções sobre Usabilidade no Web design</title>
		<link>http://www.goncalorodrigues.com/blog/nocoes-sobre-usabilidade-no-web-design/</link>
		<comments>http://www.goncalorodrigues.com/blog/nocoes-sobre-usabilidade-no-web-design/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 12:20:42 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[acessibilidade]]></category>
		<category><![CDATA[ux]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=1308</guid>
		<description><![CDATA[A Usabilidade pretende estudar a facilidade de utilização e compreensão de uma interface, estando directamente ligada à facilidade que o utilizador tem em alcançar os seus objectivos. O estudo da Usabilidade numa aplicação Web é particularmente importante para tornar o site mais eficiente e produtivo. Este artigo pretende dar algumas noções sobre este assunto. Componentes [...]]]></description>
			<content:encoded><![CDATA[<p>A Usabilidade pretende estudar a facilidade de utilização e compreensão de uma <em>interface</em>, estando directamente ligada à facilidade que o utilizador tem em alcançar os seus objectivos. O estudo da Usabilidade numa aplicação Web é particularmente importante para tornar o site mais eficiente e produtivo. Este artigo pretende dar algumas noções sobre este assunto.</p>
<h2>Componentes de Usabilidade</h2>
<p><a href="http://www.useit.com/" onclick="pageTracker._trackPageview('/outgoing/www.useit.com/?referer=');">Jakob Nielsen</a>, considerado pelo jornal The New York Times como “o guru da usabilidade em páginas de Internet”, definiu Usabilidade em cinco componentes diferentes:</p>
<ul>
<li><strong>Capacidade de Aprendizagem</strong>: Facilidade para os utilizadores realizarem tarefas básicas na primeira vez que encontram o site;</li>
<li><strong>Eficiência</strong>: Rapidez com que os utilizadores podem executar tarefas depois de terem compreendido o design;</li>
<li><strong>Memória</strong>: Facilidade com que os utilizadores conseguem ser eficientes quando voltam ao site, após um período de tempo sem o utilizar;</li>
<li><strong>Erros</strong>: Quantos erros os utilizadores fazem, qual a sua gravidade e como conseguem os utilizadores recuperar desses erros;</li>
<li><strong>Satisfação</strong>: Grau de satisfação dos utilizadores ao utilizar o site.</li>
</ul>
<h2>Principio de George A. Miller&#8217;s</h2>
<p>Deve-se seguir o princípio dos 7+-2 que surgiu fruto dos estudos de <a href="http://pt.wikipedia.org/wiki/George_A._Miller" onclick="pageTracker._trackPageview('/outgoing/pt.wikipedia.org/wiki/George_A._Miller?referer=');">George A. Miller&#8217;s</a>, onde é defendido que os humanos apenas conseguem reter entre 5 a 9 coisas na sua memória de curta duração. Assim, por exemplo deve-se, tipicamente, procurar limitar o número de opções dos menus a 7 opções distintas.</p>
<h2>Regra dos 3 cliques</h2>
<p>A regra dos 3 cliques defende que os utilizadores deixam de utilizar um site de Internet se com 3 cliques não conseguirem encontrar a informação que procuram. O mecanismo de navegação e estrutura hierárquica dos sites a construir deve ser pensado tendo em conta esta regra. Esta regra pode, contudo, não ser obrigatoriamente cumprida, caso o utilizador saiba onde está em cada momento da sua navegação e tenha uma percepção completa de como o sistema funciona.</p>
<h2>Fitt&#8217;s Law</h2>
<p>Identificada por Paul Fitts em 1954, a <a href="http://pt.wikipedia.org/wiki/Lei_de_Fitts" onclick="pageTracker._trackPageview('/outgoing/pt.wikipedia.org/wiki/Lei_de_Fitts?referer=');">Fitt&#8217;s Law</a> é um modelo que estuda o tempo para chegar a uma determinada área em função da sua distância e tamanho do alvo. Esta lei defende que, quanto mais distante e mais pequeno o alvo for, mais tempo é necessário a atingir esse alvo. Esta lei faz todo o sentido quando se trabalha com movimentos de rato e quando se pretende chegar do ponto A ao ponto B. De forma a respeitar este modelo, devem-se, por exemplo, usar botões de tamanho relativamente grande e em localizações próximas de onde o utilizador supostamente estará com o rato posicionado.</p>
<h2>Simplicidade e facilidade de interacção</h2>
<p>Aquando da primeira vez que os utilizadores interagem com um site,  normalmente apreciam um design visual pormenorizado e imagens complexas.  Contudo, posteriormente a essa visita, eles apenas pretendem utilizar  esse site de uma forma rápida e que responda em conformidade com as  suas rotinas.</p>
<p>Se uma <em>interface</em> web for de uso difícil, se for confusa, se não  transmitir a mensagem chave da aplicação, se não permitir entender o  que existe naquela aplicação, se for cansativa e mal organizada, entre  outras questões, o visitante não irá continuar a navegar.  Relativamente a sites de venda de produtos ou de promoção de empresas,  o volume de negócios da empresa pode ser bastante prejudicado caso  exista uma fraca Usabilidade.</p>
<h2>Design de <em>interfaces</em></h2>
<p>Com os seus estudos ao nível do design de <em>interfaces</em>, <a href="http://www.cs.umd.edu/~ben/" onclick="pageTracker._trackPageview('/outgoing/www.cs.umd.edu/_ben/?referer=');">Ben Shneiderman</a> propôs um conjunto de princípios que derivam da experiência dos utilizadores e que se podem aplicar à maioria dos sistemas interactivos, podendo também ser aplicados no Web Design.</p>
<ul>
<li>Procurar ser consistente;</li>
<li>Permitir aos utilizadores utilizar atalhos;</li>
<li>Oferecer <em>feedback</em> informativo;</li>
<li>Desenhar de forma a ser-se autocontido;</li>
<li>Oferecer mensagens de erro simplificadas;</li>
<li>Permitir a correcção de acções efectuadas;</li>
<li>Dar a noção de controlo ao utilizador;</li>
<li>Reduzir a informação de curta duração ao utilizador;</li>
</ul>
<h2>Testes de Usabilidade</h2>
<p>Jakob Nielsen <a href="http://www.useit.com/alertbox/20000319.html" onclick="pageTracker._trackPageview('/outgoing/www.useit.com/alertbox/20000319.html?referer=');">comprovou</a> que o número de problemas de usabilidade  encontrados num teste de usabilidade seguia a fórmula: <img class="alignnone size-full wp-image-1335" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/usabilidade_01_formula_Jakob_Nielsen.png" alt="formula_Jakob_Nielsen" width="114" height="24" />, onde <img class="alignnone size-full wp-image-1334" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/usabilidade_02_n.png" alt="" width="22" height="18" /> é o  número total de problemas de usabilidade, <img class="alignnone size-full wp-image-1333" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/usabilidade_03_L.png" alt="" width="18" height="18" /> a percentagem de problemas  descobertos por um utilizador de testes e <img class="alignnone size-full wp-image-1332" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/usabilidade_04_n_02.png" alt="" width="20" height="18" /> o número de utilizadores de  teste. Sabendo que o número <img src="../wp-content/uploads/2010/07/usabilidade_03_L.png" alt="" width="18" height="18" /> tem tipicamente o valor de 31% e  traçando o gráfico da função rapidamente se chega à conclusão que 5 é o valor ideal para o número de utilizadores de teste.</p>
<p><img class="alignnone size-medium wp-image-1324" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/usabilidade_05_problemas_usabilidade-640x397.png" alt="Problemas de Usabilidade" width="640" height="397" /></p>
<p>Assim, devem ser utilizados apenas 5 utilizadores de teste procurando evitar <em>feedback</em> repetitivo sobre os problemas de usabilidade e procurando manter uma equipa de testes mais coesa.</p>
<p>Existem mais conceitos importantes relativos a este tema, estas são apenas algumas das noções que procuro seguir quando desenvolvo <em>sites</em> para a Internet.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/nocoes-sobre-usabilidade-no-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introdução à tipografia para a Internet</title>
		<link>http://www.goncalorodrigues.com/blog/introducao-tipografia-para-internet/</link>
		<comments>http://www.goncalorodrigues.com/blog/introducao-tipografia-para-internet/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 15:17:15 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[tipografia]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=1275</guid>
		<description><![CDATA[Imagem retirada do site 72dpi. A tipografia pode ser considerada como uma arte, que tem como principal objectivo esculpir a informação escrita, procurando melhorar a comunicação entre o escritor e o leitor. A tipografia tem, claramente, um papel fundamental na passagem da mensagem pretendida. As fontes a utilizar Relativamente à tipografia na Web, não tem [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1288" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/42_dmulvaneymanhattanmag05_v2.jpg" alt="alfabeto" width="564" height="398" /></p>
<p><span style="font-size: small;">Imagem retirada do <em>site</em> <a href="http://72dpi.cn/?tag=type" onclick="pageTracker._trackPageview('/outgoing/72dpi.cn/?tag=type&amp;referer=');">72dpi</a>.</span></p>
<p>A tipografia pode ser considerada como uma arte, que tem como principal objectivo esculpir a informação escrita, procurando melhorar a comunicação entre o escritor e o leitor. A tipografia tem, claramente, um papel fundamental na passagem da mensagem pretendida.</p>
<h2>As fontes a utilizar</h2>
<p>Relativamente à tipografia na Web, não tem interesse ter-se uma grande quantidade de fontes para se utilizarem na construção de um <em>site</em>, uma vez que o número de fontes suportadas, por defeito, nos diferentes sistemas operativos é muito reduzido, sendo posteriormente essas as fontes tipicamente disponíveis aos visitantes das páginas. Esta lista de fontes suportadas em todos os sistemas operativos é vulgarmente conhecida por <em>“<a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html" onclick="pageTracker._trackPageview('/outgoing/www.ampsoft.net/webdesign-l/WindowsMacFonts.html?referer=');">the safe list</a>”</em>. Existem formas de utilizar fontes fora desta lista. Contudo, estes métodos ainda não são suportados por alguns <em>browsers</em> de Internet.</p>
<p>É tipicamente recomendável o uso de uma <em>&#8220;<a href="http://www.awayback.com/revised-font-stack/" onclick="pageTracker._trackPageview('/outgoing/www.awayback.com/revised-font-stack/?referer=');">font stack</a>&#8220;</em> por forma a manter um design constante em diferentes sistemas operativos e em diferentes <em>browsers</em>.</p>
<h2>Comprimento da linha</h2>
<p>Para além do tipo de fonte, é também importante o comprimento da linha do texto. Linhas de texto curtas ou demasiado longas podem causar irritação ou um elevado grau de distracção para o leitor. Linhas demasiado curtas apenas devem ser utilizadas para textos muito pequenos, porque para textos grandes forçam o leitor a exageradas mudanças de linha o que acaba por ser um obstáculo à leitura. Relativamente a linhas excessivamente longas, estas tornam difícil a localização da próxima linha a ler, quando o leitor termina de ler a linha anterior. Para os principais conteúdos deverá ser respeitada uma medida entre 40 a 80 caracteres (incluindo espaços) para cada uma das linhas. Idealmente deve-se tentar atingir uma medida na ordem dos 65 caracteres.</p>
<h2>Contraste</h2>
<p>O contraste do texto é também muito importante para uma correcta leitura do seu conteúdo. Um aspecto importante a evitar é a utilização de cores complementares para as combinações entre o texto e seu respectivo fundo. Cores complementares são as cores que se situam do lado oposto uma da outra nos sistemas de cores. No sistema <a href="http://pt.wikipedia.org/wiki/HSV" onclick="pageTracker._trackPageview('/outgoing/pt.wikipedia.org/wiki/HSV?referer=');">HSV</a> são facilmente identificadas as cores complementares.</p>
<h2>Tamanho da letra</h2>
<p>O tamanho é outro aspecto a ter em conta. Existem alguns <em>sites</em> na Internet, inclusivamente já na era da Web 2.0, que insistentemente utilizam fontes muito pequenas em algumas porções de texto ou inclusivamente no texto todo. Se existe texto numa página, então deve-se conseguir ler facilmente o seu conteúdo, sendo que a adopção de fontes de tamanho muito pequeno em nada ajuda à leitura. Por conseguinte, sempre que possível, é aconselhável a utilização de tamanhos de fonte grandes e nunca abaixo dos 11 <em>pixels</em>.</p>
<h2>Hierarquia</h2>
<p>A hierarquia ao nível da importância de cada pedaço de texto presente numa página é um aspecto de grande influência na mensagem que se pretende passar ao visitante. Os diferentes tamanhos permitem, por um lado, evidenciar os elementos mais importantes numa página e, por outro, possibilitar a visualização de algo muito semelhante a um sumário sobre os assuntos que trata o <em>site</em>. Isto porque mesmo através de um simples piscar de olhos conseguem ser focados os temas e ideias principais de uma forma automaticamente estruturada pelo visitante. É aconselhável que o tamanho seja consistente ao longo de todas as páginas do <em>site</em> para manter alguma uniformização entre o mesmo tipo de componentes.</p>
<h2>A localização dos conteúdos</h2>
<p>Os visitantes reagem também de forma diferente aos textos conforme a sua localização na página. Tipicamente os textos colocados no corpo principal da página terão um impacto superior aos encontrados numa barra-lateral. Contudo, se pretendermos captar uma maior atenção do leitor para a barra-lateral, poderemos compensar, por exemplo, com um aumento do tamanho da letra nesta mesma barra-lateral. Particularmente neste aspecto da localização, é importante seguir algumas das convenções utilizadas na Internet de modo ao utilizador agir de forma instintiva ao primeiro contacto com a página.</p>
<p>A regra de Gutenberg dá algumas indicações importantes sobre este assunto, é possível ler alguma informação (em Inglês) sobre esta regra no <em>site </em>da <em><a href="http://www.nuvographics.com/articles/gutenberg/" onclick="pageTracker._trackPageview('/outgoing/www.nuvographics.com/articles/gutenberg/?referer=');">NuvoGraphics</a>.</em></p>
<h2>Dar espaço para o texto respirar</h2>
<p>O texto deve conseguir respirar e para isso deve ter espaço. Esse espaço permite focalizar a atenção do visitante no próprio texto que acaba por ser o mais importante para transmitir a mensagem. Uma regra seguida por muitos <em>webdesigners</em> é estabelecer, através do CSS, um espaçamento entre linhas de 140% o tamanho do texto.</p>
<p>Estes são alguns dos aspectos que penso serem importantes na âmbito da tipografia na Internet, se tiverem outros que considerem relevantes não hesitem em partilhar.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/introducao-tipografia-para-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dicas simples de fotografia</title>
		<link>http://www.goncalorodrigues.com/blog/dicas-simples-de-fotografia/</link>
		<comments>http://www.goncalorodrigues.com/blog/dicas-simples-de-fotografia/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 18:04:52 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Fotografia]]></category>
		<category><![CDATA[dicas]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=1094</guid>
		<description><![CDATA[Fotografia de Lewis Dean. Com este pequeno artigo pretendo partilhar 10 dicas sobre fotografia que aprendi desde que me tornei um curioso nesta área. 1 &#8211; Fotografar cedo e fotografar tarde Ao se fotografar ao nascer do sol e ao pôr-do-sol consegue-se, muitas vezes, uma melhor luz e um jogo de sombras mais interessante nas [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1251" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/fotografo.jpg" alt="fotografo" width="640" height="383" /></p>
<p><span style="font-size: small;">Fotografia de <a href="http://www.flickr.com/photos/lewdean/3053022950/" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com/photos/lewdean/3053022950/?referer=');">Lewis Dean</a>.</span></p>
<p>Com este pequeno artigo pretendo partilhar 10 dicas sobre fotografia que aprendi desde que me tornei um curioso nesta área.</p>
<h2>1 &#8211; Fotografar cedo e fotografar tarde</h2>
<p>Ao se fotografar ao nascer do sol e ao pôr-do-sol consegue-se, muitas vezes, uma melhor luz e um jogo de sombras mais interessante nas fotografias. Também se conseguem tonalidades no céu muito mais bonitas.</p>
<h2>2 &#8211; Não ter receio de fotografar fora da zona de conforto</h2>
<p>Normalmente tem-se tendência a fotografar as tradicionais paisagens ou monumentos, devemos procurar ser criativos e olhar para outras situações como retratos ou macros. É também importante experimentar ângulos diferentes relativamente à cena a fotografar, sendo por vezes positivo agachar-se ou subir para um muro.</p>
<h2>3 &#8211; Escolher um bom &#8220;pano de fundo&#8221;</h2>
<p>Se o elemento principal tiver tonalidades claras é preferível escolher um fundo mais escuro e se for mais escuro tentar escolher um fundo mais claro. A textura do fundo também é um factor importante a ter em conta e sobre o qual se podem conseguir tirar efeitos muito agradáveis.</p>
<h2>4 &#8211; Procurar minimizar distracções</h2>
<p>Ao fotografar um determinado elemento devem-se procurar evitar outros elementos que causam distracções. Pode-se utilizar uma menor profundidade de campo para tornar esses elementos <em>&#8220;blurred&#8221;</em> de forma a minimizar o seu impacto.</p>
<h2>5 &#8211; Foco no sítio certo</h2>
<p>O elemento em foco numa fotografia é muito importante. Ao nível dos retratos é muitas vezes recomendável focar nos olhos da pessoa e, de certa forma, respeitar o provérbio popular que os olhos são o espelho da alma.</p>
<h2>6 &#8211; Trocar de lentes correctamente</h2>
<p>Se for necessário trocar de lentes no local é recomendável fazê-lo com o buraco da máquina fotográfica voltado para baixo, uma vez que o pó e a sujidade terão, tipicamente, mais dificuldades em se alojar dentro da máquina. Também se deve procurar sempre uma área menos ventosa para realizar este processo.</p>
<h2>7 &#8211; Usar inteligentemente o flash convencional da máquina</h2>
<p>O flash que as máquinas fotográficas trazem pode muitas vezes não ser a solução recomendável a ser utilizada, uma vez que muitas vezes cria artefactos às fotografias e não permite usar as sombras naturais do ambiente a fotografar criando fotografias pouco naturais. Existem formas de reduzir este defeito como colocar uma folha de papel em frente ao flash por forma a difundir mais naturalmente a sua luz.</p>
<h2>8 &#8211; Planear com antecedência</h2>
<p>Caso se vá para as montanhas é recomendável levar uma lente grande angular, se for para uma festa à noite é preferível levar uma lente com bastante abertura e se for para fotografar vida animal uma lente com um bom zoom é normalmente o mais adequado. É também importante verificar se a bateria da máquina está cheia e se o cartão de memória (ou rolo) tem espaço disponível.</p>
<h2>9 &#8211; Aprender a matéria teórica</h2>
<p>Existem alguns fundamentos que são praticamente obrigatórios de conhecer, como por exemplo os conceitos por trás dos modos de <em>&#8220;shutter speed&#8221;</em> ou <em>&#8220;aperture priority&#8221;</em> e também uma noção sobre o que é o ISO. De seguida, descrevo alguns conselhos relativamente a estes conceitos. No entanto, podem não ser os mais correctos visto que são apenas fruto da minha experiência pessoal.</p>
<p>Normalmente utilizo o modo de <em>&#8220;shutter speed&#8221;</em> em situações com pouca luz como, por exemplo, dentro de edifícios e normalmente com tempos algures entre 1/20 e 1/30. Quanto mais estático for o elemento a fotografar mais &#8220;lenta&#8221; pode ser tirada a fotografia (1/20) se o elemento se encontrar em movimento são aconselháveis valores mais &#8220;rápidos&#8221; (1/30). Obviamente quanto mais &#8220;rápida&#8221; for tirada a fotografia menos quantidade de luz entra no sensor, tornando as fotografias mais escuras.</p>
<p>Quanto ao <em>&#8220;aperture priority&#8221;,</em> uso tipicamente em fotografias de paisagens ou retratos. Em paisagens se for para obter uma profundidade de campo máxima uso valores na ordem dos f/11. Já em retratos é tipicamente aconselhável reduzir a profundidade de campo focando a fotografia na pessoa a fotografar, usando para isso valores na ordem dos f3,5 ou até menos em objectivas que o suportem como f2,0 ou f1,8 (valores tipicamente apenas disponíveis em objectivas sem zoom).</p>
<p>Quanto ao ISO, este diz respeito à qualidade da fotografia, valores de ISOs mais elevados (na ordem dos 800, 1600 ou superiores) apresentam nas máquinas mais convencionais já algum <em>&#8220;ruído&#8221;</em>, começando a aparecer um certo <em>&#8220;grão&#8221;</em> nas fotografias deteriorando a qualidade das imagens. Contudo, com estes mesmos valores elevados é possível fotografar em condições de pouca luminosidade e sem recorrer ao uso do Flash. Por exemplo, num concerto nocturno poderá ser necessário utilizar valores na ordem dos 800 relativamente ao ISO, conjugando com o modo de <em>&#8220;shutter speed&#8221;</em> com um valor a rondar os 1/30.</p>
<h2>10 &#8211; Não leia só artigos como este</h2>
<p>Não se limite a ler artigos como este. O que é mesmo importante é avançar para o terreno e fotografar, pois só assim se adquire experiência e conhecimentos práticos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/dicas-simples-de-fotografia/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top das Máquinas Fotográficas no Flickr</title>
		<link>http://www.goncalorodrigues.com/blog/top-das-maquinas-fotograficas-no-flickr/</link>
		<comments>http://www.goncalorodrigues.com/blog/top-das-maquinas-fotograficas-no-flickr/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 21:24:32 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Fotografia]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=1182</guid>
		<description><![CDATA[Clicar aqui para ampliar a imagem. Infográfico retirado do site Column Five Media. Segundo este infográfico, com dados recolhidos a 27 de Abril deste ano, a marca de máquinas fotográficas mais usada no famoso site de fotografia Flickr é a Canon com uma grande vantagem relativamente aos seus dois concorrentes mais directos a Nikon e [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/SF-FLICKR-CAMERAS2.png"><img class="alignnone size-full wp-image-1185" title="Máquinas Fotográficas Flickr" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/SF-FLICKR-CAMERAS2.png" alt="Máquinas Fotográficas Flickr" width="640" /></a></p>
<p><span style="font-size: small;">Clicar <a href="http://www.goncalorodrigues.com/wp-content/uploads/2010/07/SF-FLICKR-CAMERAS2.png">aqui</a> para ampliar a imagem. Infográfico retirado do site <a href="http://www.columnfivemedia.com/shutterfly-infographic-the-top-cameras-on-flickr/" onclick="pageTracker._trackPageview('/outgoing/www.columnfivemedia.com/shutterfly-infographic-the-top-cameras-on-flickr/?referer=');">Column Five Media</a>.</span></p>
<p>Segundo este infográfico, com dados recolhidos a 27 de Abril deste ano, a marca de máquinas fotográficas mais usada no famoso <em>site</em> de fotografia <a href="http://www.flickr.com" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com?referer=');">Flickr</a> é a Canon com uma grande vantagem relativamente aos seus dois concorrentes mais directos a Nikon e a Sony. É igualmente curioso observar que a Sony é a marca que tem mais modelos distintos com fotografias publicadas no Flickr.</p>
<p>Ainda assim quanto a mim o mais interessante deste infográfico é que mostra uma mudança comportamental relativamente à fotografia. O iPhone 3G surgia já, na altura, como a &#8220;máquina fotográfica&#8221; mais usada no Flickr e isto antes do lançamento do iPhone 4 que trás uma &#8220;máquina fotográfica&#8221; incorporada com muito melhor qualidade. Se esta tendência se mantiver leva a crer que quando o iPhone 4 e os seus concorrentes mais recentes chegarem a mais consumidores estes utilizem ainda mais estes telemóveis para as suas fotografias. Com esta evolução ao nível dos telemóveis parece-me que muitos fotógrafos amadores poderão começar a deixar as suas verdadeiras máquinas fotográficas em casa, mesmo apesar de muitas vezes não conseguirem a mesma qualidade nos telemóveis do que com uma verdadeira máquina.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/top-das-maquinas-fotograficas-no-flickr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Os momentos mais importantes da Apple</title>
		<link>http://www.goncalorodrigues.com/blog/os-momentos-mais-importantes-da-apple/</link>
		<comments>http://www.goncalorodrigues.com/blog/os-momentos-mais-importantes-da-apple/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 19:27:56 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[macintosh]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=1138</guid>
		<description><![CDATA[Fotografia do Apple I. A Apple conta já com quase 35 anos de existência. Através deste artigo podem ficar a conhecer aqueles que, provavelmente, foram os 10 momentos mais importantes e que mais contribuíram para o sucesso actual da empresa. 1 &#8211; O  Início Steve Jobs era um estudante com 21 anos, que tinha abandonado [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-medium wp-image-1147" title="Apple I" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/06/800px-Apple_I_Computer-640x388.jpg" alt="" width="640" height="388" /></p>
<p><span style="font-size: small;">Fotografia do Apple I.</span></p>
<p>A Apple conta já com quase 35 anos de existência. Através deste artigo podem ficar a conhecer aqueles que, provavelmente, foram os 10 momentos mais importantes e que mais contribuíram para o sucesso actual da empresa.</p>
<h2>1 &#8211; O  Início</h2>
<p>Steve Jobs era um estudante com 21 anos, que tinha abandonado a faculdade e que vivia com os seus pais na Califórnia. Juntamente com Steve Wozniak e Ronald Wayne, passava os dias enfiado dentro de uma garagem. O que poderia ser o  início de uma banda de música deu origem, a 01 de Abril de 1976, à Apple. Ronald Wayne, passados apenas 3 meses após a fundação da Apple, vendeu a sua parte da empresa por apenas $2.300, tendo trabalhado toda a vida numa empresa de electrónica. Actualmente, na sua reforma, dedica-se a vender selos e moedas. Ronald Wayne tem agora 76 anos de vida e nunca comprou um produto Apple.</p>
<h2>2 &#8211; O Apple I</h2>
<p>Foi o primeiro computador, alguma vez criado, que não necessitava de um circuito extra para trabalhar, necessitando apenas de um monitor e um teclado. Era vendido em 1976 por $666 (não por razões satânicas, mas sim porque Wozniak gostava dos algarismos repetidos). Em 1999, um coleccionador vendeu, num leilão, um destes computadores por $50.000.</p>
<h2>3 &#8211; O aparecimento do Mac</h2>
<p>Em 1984, Steve Jobs apresentou o Macintosh, o primeiro computador a preço razoável ($2.495), que oferecia um interface gráfico substituindo os interfaces baseados apenas em texto.</p>
<p>Vídeo promocional do lançamento: <a href="http://www.youtube.com/watch?v=OYecfV3ubP8" onclick="pageTracker._trackPageview('/outgoing/www.youtube.com/watch?v=OYecfV3ubP8&amp;referer=');">http://www.youtube.com/watch?v=OYecfV3ubP8</a></p>
<h2>4 &#8211; O regresso de Steve Jobs</h2>
<p>Em 1985, a direcção da Apple decidiu despedir Steve Jobs, alegando que ele se tinha tornado incontrolável na empresa. Mas, em 1997, com a queda nos lucros e o sucesso do lançamento do Windows 97, a Apple decidiu que era a altura certa para trazer de volta Steve Jobs.</p>
<h2>5 &#8211; O iMac</h2>
<p>Introduzido em 1998, o iMac, tinha duas características que rapidamente o tornaram o computador pessoal mais vendido na América.</p>
<p>Era constituído por apenas uma peça (para o monitor e computador), reduzindo significativamente a quantidade de cabos e era facilmente transportável tornando-se, assim, uma solução atraente para pessoas com poucos conhecimentos de informática. Segundo a Apple, um terço dos iMacs que foram vendidos foram comprados por pessoas que nunca tinham tido um computador. Por outro lado, era bastante bonito, com linhas arredondadas e com cores transparentes que o faziam destacar do &#8220;cinzentismo&#8221; associado à tecnologia da época.</p>
<p>Vídeo da primeira apresentação do iMac: <a href="http://www.youtube.com/watch?v=0BHPtoTctDY" onclick="pageTracker._trackPageview('/outgoing/www.youtube.com/watch?v=0BHPtoTctDY&amp;referer=');">http://www.youtube.com/watch?v=0BHPtoTctDY</a> (o vídeo não está completo)</p>
<h2>6 &#8211; O iPod</h2>
<p>Em Outubro de 2001, a Apple lançou o iPod por $399. Um dispositivo portátil para ouvir música com um interface inovador para a época, impressionante capacidade de armazenamento e a capacidade de transferir os conteúdos muito rapidamente. O aparecimento do iPod contribui fortemente para que, em 2007, o nome Apple Computers  passe a ser simplesmente Apple, uma vez que a empresa tinha também uma forte componente não relacionada directamente com computadores.</p>
<p>Vídeo promocional do lançamento: <a href="http://www.youtube.com/watch?v=e84SER_IkP4" onclick="pageTracker._trackPageview('/outgoing/www.youtube.com/watch?v=e84SER_IkP4&amp;referer=');">http://www.youtube.com/watch?v=e84SER_IkP4</a></p>
<h2>7 &#8211; Mac OS X</h2>
<p>Enquanto esteve fora da Apple, Steve Jobs fundou outra empresa designada de NeXT, e foi nessa empresa que ele aprendeu bastante para conceber o sistema operativo actual da Apple, o Mac OS X. Lançado em Março de 2001, o sistema baseado em Unix foi imediatamente considerado bastante robusto e atractivo. Com tons de cores muito suaves, transparências e cantos arredondados destacava-se bastante ao nível visual do seu concorrente mais directo Windows.</p>
<h2>8 &#8211; A loja do iTunes</h2>
<p>Dois anos após o Napster ter sido encerrado por problemas com a legislação, a Apple lançou, em 2003, a loja para o iTunes. O iTunes, um software de gestão de conteúdos multimédia, tornou-se assim mais completo, sendo uma forma bastante fácil e intuitiva de adquirir conteúdos digitais legalmente. Na primeira semana a loja do iTunes vendeu 1 milhão de músicas e no primeiro ano mais de 50 milhões.</p>
<p>Vídeo sobre o lançamento da loja: <a href="http://www.youtube.com/watch?v=9VOEl7vz7n8" onclick="pageTracker._trackPageview('/outgoing/www.youtube.com/watch?v=9VOEl7vz7n8&amp;referer=');">http://www.youtube.com/watch?v=9VOEl7vz7n8</a></p>
<h2>9 &#8211; O iPhone</h2>
<p>Após o sucesso do iPod era espectável que a Apple também entrasse no mercado dos telemóveis e, a 29 de Junho de 2007, lançou o iPhone nos EUA, tendo sido considerada a invenção do ano pela revista TIME. O telefone multimédia com GPS, mp3, máquina fotográfica e um interface completamente inovador teve uma excelente aceitação e continua a ser um enorme sucesso.</p>
<p>Vídeos comerciais do primeiro iPhone: <a href="http://www.youtube.com/watch?v=6lZMr-ZfoE4" onclick="pageTracker._trackPageview('/outgoing/www.youtube.com/watch?v=6lZMr-ZfoE4&amp;referer=');">http://www.youtube.com/watch?v=6lZMr-ZfoE4</a></p>
<h2>10 &#8211; O iPad</h2>
<p>A 27 de Janeiro deste ano, a Apple apresentou o iPad que pretende revolucionar a forma como as pessoas visualizam o email, navegam na Web, jogam, lêem livros, vêem filmes ou fazem outro tipo de tarefas. Começam a surgir utilizações bastante criativas para o iPad, como os médicos fazerem as suas consultas visualizando a ficha dos seus doentes sempre actualizadas ou para restaurantes mostrarem a ementa aos seus clientes. As possibilidades de diferentes formas de utilização são imensas.</p>
<p>Vídeo promocional: <a href="http://www.youtube.com/watch?v=k7TsDjwvvMI" onclick="pageTracker._trackPageview('/outgoing/www.youtube.com/watch?v=k7TsDjwvvMI&amp;referer=');">http://www.youtube.com/watch?v=k7TsDjwvvMI</a></p>
<p><br class="spacer_" /></p>
<p>Quanto ao futuro da Apple teremos de aguardar para ver o que irá acontecer.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/os-momentos-mais-importantes-da-apple/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>A minha primeira fotografia publicada em jornal</title>
		<link>http://www.goncalorodrigues.com/blog/a-minha-primeira-fotografia-publicada-em-jornal/</link>
		<comments>http://www.goncalorodrigues.com/blog/a-minha-primeira-fotografia-publicada-em-jornal/#comments</comments>
		<pubDate>Sat, 01 May 2010 12:51:48 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Fotografia]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=1119</guid>
		<description><![CDATA[Recentemente fiquei a saber que podia colaborar, com fotografias, para o Jornal Universitário de Coimbra, que também é conhecido como jornal A Cabra. Fiquei bastante entusiasmado com essa possibilidade, entrei em contacto com os responsáveis e marquei presença no Plenário de Fotografia do jornal. A minha tarefa foi a de ilustrar um artigo que tinha [...]]]></description>
			<content:encoded><![CDATA[<p>Recentemente fiquei a saber que podia colaborar, com fotografias, para o <a href="http://www.acabra.net" onclick="pageTracker._trackPageview('/outgoing/www.acabra.net?referer=');">Jornal Universitário de Coimbra</a>, que também é conhecido como jornal <em>A Cabra</em>. Fiquei bastante entusiasmado com essa possibilidade, entrei em contacto com os responsáveis e marquei presença no Plenário de Fotografia do jornal. A minha tarefa foi a de ilustrar um artigo que tinha como tema principal o Ecoturismo.</p>
<p>Disponibilizei à direcção do jornal duas fotografias que tirei na zona das Aldeias de Xisto da Lousã, tendo sido seleccionada uma dessas fotografias para ilustrar o artigo &#8220;Realidade negra para o turismo &#8220;verde&#8221; em Portugal&#8221;. Este artigo encontra-se na página 13 da última edição do jornal que saiu no passado dia 27 de Abril de 2010.</p>
<p>Espero poder repetir esta agradável experiência. Encontra a fotografia e um recorte do jornal logo a seguir a este texto.</p>
<p><a href="http://www.goncalorodrigues.com/wp-content/uploads/2010/05/aldeias-xisto.jpg"><img class="alignnone size-full wp-image-1121" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/05/aldeias-xisto.jpg" alt="aldeias-xisto" width="640" height="426" /></a></p>
<p><span style="font-size: small;">A fotografia tirada nas Aldeias de Xisto da Lousã, clicar <a href="http://www.goncalorodrigues.com/wp-content/uploads/2010/05/aldeias-xisto.jpg">aqui</a> para ampliar.</span></p>
<p><a href="http://www.goncalorodrigues.com/wp-content/uploads/2010/05/realidade-negra-turismo.jpg"><img class="alignnone size-full wp-image-1122" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/05/realidade-negra-turismo.jpg" alt="realidade-negra-turismo" width="640" height="651" /></a></p>
<p><span style="font-size: small;">Recorte do artigo &#8220;Realidade negra para o turismo &#8220;verde&#8221; em Portugal&#8221;, clicar <a href="http://www.goncalorodrigues.com/wp-content/uploads/2010/05/realidade-negra-turismo.jpg">aqui</a> para ampliar.</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/a-minha-primeira-fotografia-publicada-em-jornal/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ciclo de Conversas Design e Multimédia 2010</title>
		<link>http://www.goncalorodrigues.com/blog/ciclo-de-conversas-design-e-multimedia-2010/</link>
		<comments>http://www.goncalorodrigues.com/blog/ciclo-de-conversas-design-e-multimedia-2010/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 21:19:30 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Geral]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[coimbra]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=1107</guid>
		<description><![CDATA[Vai decorrer nos dias 6, 14, 20 e 27 de Abril de 2010, no Auditório do Museu da Ciência de Coimbra, um ciclo de conversas de Design e Multimédia da Faculdade de Ciências e Tecnologia da Universidade de Coimbra. Foram convidados diferentes profissionais que operam em áreas distintas do Design e Multimédia e cujo trabalho [...]]]></description>
			<content:encoded><![CDATA[<p>Vai decorrer nos dias 6, 14, 20 e 27 de Abril de 2010, no Auditório do <a href="http://www.museudaciencia.pt" onclick="pageTracker._trackPageview('/outgoing/www.museudaciencia.pt?referer=');">Museu da Ciência</a> de Coimbra, um ciclo de conversas de Design e Multimédia da Faculdade de Ciências e Tecnologia da Universidade de Coimbra. Foram convidados diferentes profissionais que  operam em áreas distintas do Design e Multimédia e cujo trabalho é  amplamente reconhecido.</p>
<h2>Programa</h2>
<p><strong>Terça 06 Abril, 17h</strong></p>
<p>JOSÉ BÁRTOLO (Teoria e Crítica do Design)<br /> <a href="http://reactor-reactor.blogspot.com" onclick="pageTracker._trackPageview('/outgoing/reactor-reactor.blogspot.com?referer=');">http://reactor-reactor.blogspot.com</a><br /> &#8220;Tomadas de Posição: Manifestos e Design&#8221;</p>
<p>JOANA E MARIANA (Design de Comunicação)<br /> <a href="http://www.joanaemariana.com" onclick="pageTracker._trackPageview('/outgoing/www.joanaemariana.com?referer=');">http://www.joanaemariana.com</a><br /> (Comunicação sem título definido)</p>
<p>::::::::::::::::::::::::::::::::::::::::::::::::::</p>
<p><strong>Quarta 14 Abril, 17h</strong></p>
<p>ALEXANDRE ESTRELA (Imagem)<br /> <a href="http://www.alexandreestrela.com" onclick="pageTracker._trackPageview('/outgoing/www.alexandreestrela.com?referer=');">http://www.alexandreestrela.com</a><br /> (Comunicação sem título definido)</p>
<p>JOÃO FONTE SANTA (Pintura)<br /> <a href="http://www.vpfcreamart.com/joaofontesanta.swf" onclick="pageTracker._trackPageview('/outgoing/www.vpfcreamart.com/joaofontesanta.swf?referer=');">http://www.vpfcreamart.com/joaofontesanta.swf</a><br /> &#8220;O Desenho como Desporto Radical&#8221;</p>
<p>::::::::::::::::::::::::::::::::::::::::::::::::::</p>
<p><strong>Terça 20 Abril, 17h</strong></p>
<p>PATRÍCIA GOUVEIA (Cultura, Artes e Jogos Digitais)<br /> <a href="http://mouseland.blogs.ca.ua.pt" onclick="pageTracker._trackPageview('/outgoing/mouseland.blogs.ca.ua.pt?referer=');">http://mouseland.blogs.ca.ua.pt</a><br /> &#8220;Estética e Design da Experiência Lúdica Digital&#8221;</p>
<p>DINO DOS SANTOS (Tipografia)<br /> <a href="http://www.dstype.com" onclick="pageTracker._trackPageview('/outgoing/www.dstype.com?referer=');">http://www.dstype.com</a><br /> &#8220;Tipos para Editorial: Mandamentos para um Processo Tipográfico&#8221;</p>
<p>::::::::::::::::::::::::::::::::::::::::::::::::::</p>
<p><strong>Terça 27 Abril, 17h</strong></p>
<p>ANTÓNIO SILVEIRA GOMES (Design de Comunicação)<br /> <a href="http://www.barbarasays.com" onclick="pageTracker._trackPageview('/outgoing/www.barbarasays.com?referer=');">http://www.barbarasays.com</a><br /> &#8220;Barbara says&#8230; Projecto Próprio&#8221;</p>
<p>MIGUEL NEIVA (Design de Comunicação)<br /> <a href="http://www.coloradd.net" onclick="pageTracker._trackPageview('/outgoing/www.coloradd.net?referer=');">http://www.coloradd.net</a><br /> &#8220;ColorADD &#8211; Sistema de Identificação de Cores para Daltónicos&#8221;</p>
<p>Para uma informação mais detalhada, consultar: <a href="https://www.uc.pt/fctuc/design-e-multimedia/cicloconversas/Cicloconversas2010" onclick="pageTracker._trackPageview('/outgoing/www.uc.pt/fctuc/design-e-multimedia/cicloconversas/Cicloconversas2010?referer=');">https://www.uc.pt/fctuc/design-e-multimedia/cicloconversas/Cicloconversas2010</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/ciclo-de-conversas-design-e-multimedia-2010/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Anchors Menu um plugin para o WordPress</title>
		<link>http://www.goncalorodrigues.com/blog/anchors-menu-um-plugin-para-o-wordpress/</link>
		<comments>http://www.goncalorodrigues.com/blog/anchors-menu-um-plugin-para-o-wordpress/#comments</comments>
		<pubDate>Fri, 05 Feb 2010 19:46:34 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Programação]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[plugin wordpress]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=1046</guid>
		<description><![CDATA[Desenvolvi um simples e pequeno plugin para o WordPress que intitulei de Anchors Menu. Este plugin funciona no formato de widget e permite gerar dinamicamente um menu com links que apontam para as palavras que se encontrem entre as tags HTML que forem seleccionadas. Foi inicialmente pensado para criar ligações que apontassem para as palavras [...]]]></description>
			<content:encoded><![CDATA[<p>Desenvolvi um simples e pequeno plugin para o WordPress que intitulei de Anchors Menu. Este plugin funciona no formato de widget e permite gerar dinamicamente um menu com links que apontam para as palavras que se encontrem entre as tags HTML que forem seleccionadas.</p>
<p>Foi inicialmente pensado para criar ligações que apontassem para as palavras entre as tags de headings do HTML (h1, h2, h3&#8230;), contudo é possível utilizar este plugin para outros tipos de tags.</p>
<p>O plugin foi elaborado para dar resposta a uma necessidade imediata e por isso pode apresentar alguns aspectos menos elegantes ou optimizados, pelo que agradeço todas as eventuais correcções ou sugestões que possam fazer.</p>
<p>Podem consultar a página do plugin e efectuar o seu download no seguinte link: <a href="http://wordpress.org/extend/plugins/anchors-menu" onclick="pageTracker._trackPageview('/outgoing/wordpress.org/extend/plugins/anchors-menu?referer=');">http://wordpress.org/extend/plugins/anchors-menu</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/anchors-menu-um-plugin-para-o-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A tipografia utilizada nos logótipos da Web 2.0</title>
		<link>http://www.goncalorodrigues.com/blog/a-tipografia-utilizada-nos-logotipos-da-web-2-0/</link>
		<comments>http://www.goncalorodrigues.com/blog/a-tipografia-utilizada-nos-logotipos-da-web-2-0/#comments</comments>
		<pubDate>Fri, 22 Jan 2010 22:22:33 +0000</pubDate>
		<dc:creator>Gonçalo Rodrigues</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[tipografia]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://www.goncalorodrigues.com/?p=972</guid>
		<description><![CDATA[O logótipo pretende representar graficamente uma determinada marca e para isso faz uso de um desenho, de uma tipografia específica ou de uma fusão de ambos. Neste artigo são listadas as fontes utilizadas nos logótipos de algumas das empresas mais influentes na era da Web 2.0 e são também recomendadas mais 10 fontes, gratuitas, que [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-973" src="http://www.goncalorodrigues.com/wp-content/uploads/2010/01/logos-tipo-small.jpg" alt="logos-tipo-small" width="500" height="228" /></p>
<p>O logótipo pretende representar graficamente uma determinada marca e para isso faz uso de um desenho, de uma tipografia específica ou de uma fusão de ambos. Neste artigo são listadas as fontes utilizadas nos logótipos de algumas das empresas mais influentes na era da Web 2.0 e são também recomendadas mais 10 fontes, gratuitas, que penso serem adequadas à criação de logótipos semelhantes aos dessas empresas.</p>
<p><span id="more-972"></span></p>
<p>É possível visualizar <a href="http://www.flickr.com/photos/stabilo-boss/101793494/in/set-72057594060779001/" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com/photos/stabilo-boss/101793494/in/set-72057594060779001/?referer=');">aqui</a> um conjunto com cerca de 400 destes logótipos de empresas da Web 2.0. Os logótipos destas empresas caracterizam-se por usar cores fortes e alegres como o azul, laranja ou verde. Relativamente às fontes existe uma grande diversidade, desde fontes futuristas a outras mais tradicionais, um ponto em comum é a maior utilização de fontes suaves e sem <a href="http://pt.wikipedia.org/wiki/Serifa" onclick="pageTracker._trackPageview('/outgoing/pt.wikipedia.org/wiki/Serifa?referer=');">serifas</a>. A lista encontra-se de seguida, com o link para cada uma das fontes utilizada.</p>
<ul>
<li>Twitter: <a title="Pico Alphabet (modificada)" href="http://www2.wind.ne.jp/maniackers/pico.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www2.wind.ne.jp/maniackers/pico.html?referer=');">Pico Alphabet (modificada)</a></li>
<li>Last.fm: <a title="National (modificada)" href="http://www.vllg.com/KLIM/National/mudTyper+Weights/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.vllg.com/KLIM/National/mudTyper+Weights/?referer=');">National (modificada)</a></li>
<li>Vimeo: <a title="Black Rose" href="http://www.dafont.com/Black-Rose.Font" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.dafont.com/Black-Rose.Font?referer=');">Black Rose</a></li>
<li>Flickr: <a title="Frutiger Black" href="http://www.fontshop.com/fonts/downloads/linotype/frutiger_std_complete_vp/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontshop.com/fonts/downloads/linotype/frutiger_std_complete_vp/?referer=');">Frutiger Black</a></li>
<li>Facebook: <a title="Klavika (modificada)" href="http://new.myfonts.com/fonts/processtype/klavika/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/new.myfonts.com/fonts/processtype/klavika/?referer=');">Klavika (modificada)</a></li>
<li>Digg: <a title="FFF Forward (modificada)" href="http://www.fontfinder.ws/23100/FFF-Forward.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontfinder.ws/23100/FFF-Forward.html?referer=');">FFF Forward (modificada)</a></li>
<li>Cork’d: <a title="Triplex" href="http://www.fontshop.com/fonts/downloads/emigre/triplex_serif/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontshop.com/fonts/downloads/emigre/triplex_serif/?referer=');">Triplex</a></li>
<li>Grooveshark: <a title="FF Nuvo" href="http://www.anrdoezrs.net/click-3572165-10274031?url=http%3A%2F%2Fwww.fonts.com%2Ffindfonts%2Fdetail.htm%3Fpid%3D4343617&amp;cjsku=4343617" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.anrdoezrs.net/click-3572165-10274031?url=http_3A_2F_2Fwww.fonts.com_2Ffindfonts_2Fdetail.htm_3Fpid_3D4343617_amp_cjsku=4343617&amp;referer=');">FF Nuvo</a></li>
<li>Envato: <a title="Agenda Italic" href="http://www.anrdoezrs.net/click-3572165-10274031?url=http%3A%2F%2Fwww.fonts.com%2Ffindfonts%2Fdetail.htm%3Fpid%3D409034&amp;cjsku=409034" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.anrdoezrs.net/click-3572165-10274031?url=http_3A_2F_2Fwww.fonts.com_2Ffindfonts_2Fdetail.htm_3Fpid_3D409034_amp_cjsku=409034&amp;referer=');">Agenda Italic</a></li>
<li>Tuts+ Network: <a title="Lubalin Graph" href="http://www.anrdoezrs.net/click-3572165-10274031?url=http%3A%2F%2Fwww.fonts.com%2Ffindfonts%2Fdetail.htm%3Fpid%3D201241&amp;cjsku=201241" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.anrdoezrs.net/click-3572165-10274031?url=http_3A_2F_2Fwww.fonts.com_2Ffindfonts_2Fdetail.htm_3Fpid_3D201241_amp_cjsku=201241&amp;referer=');">Lubalin Graph</a></li>
<li>Technorati: <a title="Neo Sans Medium" href="http://www.anrdoezrs.net/click-3572165-10274031?url=http%3A%2F%2Fwww.fonts.com%2Ffindfonts%2Fdetail.htm%3Fpid%3D415090&amp;cjsku=415090" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.anrdoezrs.net/click-3572165-10274031?url=http_3A_2F_2Fwww.fonts.com_2Ffindfonts_2Fdetail.htm_3Fpid_3D415090_amp_cjsku=415090&amp;referer=');">Neo Sans Medium</a></li>
<li>Purevolume: <a title="Avenir Book" href="http://www.fontshop.com/fonts/downloads/linotype/avenir_std_complete_vp/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontshop.com/fonts/downloads/linotype/avenir_std_complete_vp/?referer=');">Avenir Book</a></li>
<li>Youtube: <a title="Alternate Gothic No. 2" href="http://www.fontshop.com/fonts/downloads/linotype/alternate_gothic_com_complete_vp/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontshop.com/fonts/downloads/linotype/alternate_gothic_com_complete_vp/?referer=');">Alternate Gothic No. 2</a></li>
<li>Basecamp: <a title="Whitney" href="http://www.typography.com/fonts/font_styles.php?productLineID=100026" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.typography.com/fonts/font_styles.php?productLineID=100026&amp;referer=');">Whitney</a></li>
<li>Google: <a title="Catull BQ" href="http://new.myfonts.com/fonts/berthold/catull-bq/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/new.myfonts.com/fonts/berthold/catull-bq/?referer=');">Catull BQ</a></li>
<li>Yahoo: <a title="Yahoo Font" href="http://www.dafont.com/yahoo.font" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.dafont.com/yahoo.font?referer=');">Yahoo Font</a></li>
<li>Hulu: <a title="Futura MDd BT (modificada)" href="http://www.fontyukle.com/en/ara.php?ara=Futura+Md+BT" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontyukle.com/en/ara.php?ara=Futura+Md+BT&amp;referer=');">Futura MDd BT (modificada)</a></li>
<li>Bebo: <a title="Neuropol (modificada)" href="http://www.dafont.com/font.php?file=neuropol&amp;page=1&amp;nb_ppp_old=10&amp;text=bebo&amp;nb_ppp=10&amp;psize=m&amp;classt=alpha" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.dafont.com/font.php?file=neuropol_amp_page=1_amp_nb_ppp_old=10_amp_text=bebo_amp_nb_ppp=10_amp_psize=m_amp_classt=alpha&amp;referer=');">Neuropol (modificada)</a></li>
<li>TMZ: <a title="Amelia" href="http://www.fontshop.com/fonts/singles/linotype/amelia_regular/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontshop.com/fonts/singles/linotype/amelia_regular/?referer=');">Amelia</a></li>
<li>The ONION: <a title="Eagle Bold" href="http://www.fontshop.com/fonts/singles/creative_alliance/eagle_bold/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontshop.com/fonts/singles/creative_alliance/eagle_bold/?referer=');">Eagle Bold</a></li>
<li>Mapquest: <a title="Cheap Motel" href="http://www.dafont.com/cheap-motel.font" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.dafont.com/cheap-motel.font?referer=');">Cheap Motel</a></li>
<li>Linkedin: <a title="Myriad Pro Bold" href="http://www.fontshop.com/fonts/singles/creative_alliance/myriad_pro_bold/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontshop.com/fonts/singles/creative_alliance/myriad_pro_bold/?referer=');">Myriad Pro Bold</a></li>
<li>Skype: <a title="Helvetica Rounded Bold" href="http://www.fontshop.com/fonts/singles/linotype/helvetica_rounded_bold/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontshop.com/fonts/singles/linotype/helvetica_rounded_bold/?referer=');">Helvetica Rounded Bold</a></li>
<li>Revision 3: <a title="VAG Rounded Black" href="http://www.fontshop.com/fonts/singles/creative_alliance/vag_rounded_std_black/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.fontshop.com/fonts/singles/creative_alliance/vag_rounded_std_black/?referer=');">VAG Rounded Black</a></li>
</ul>
<p>É possível obter mais algumas informações sobre este assunto num <a href="http://fontfeed.com/archives/the-logos-of-web-20/" onclick="pageTracker._trackPageview('/outgoing/fontfeed.com/archives/the-logos-of-web-20/?referer=');">artigo</a> do site da FontFeed que foi publicado no ano de 2006, mas que ainda consegue permanecer bastante actual.</p>
<p>As fontes, gratuitas, que considero bastante interessantes para projectos com a “vertente” Web 2.0 encontram-se mencionadas de seguida. Algumas destas fontes são gratuitas apenas para uso pessoal, por isso é sempre importante consultar as suas licenças antes de serem utilizadas em projectos comerciais.</p>
<ul>
<li><a href="http://www.dafont.com/alte-haas-grotesk.font" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.dafont.com/alte-haas-grotesk.font?referer=');">Alte Haas Grotesk</a></li>
<li><a href="http://www.dafont.com/arista.font" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.dafont.com/arista.font?referer=');">Arista</a></li>
<li><a href="http://www.josbuivenga.demon.nl/delicious.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.josbuivenga.demon.nl/delicious.html?referer=');">Delicious</a></li>
<li><a href="http://www.ffonts.net/Folks-Light.font" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.ffonts.net/Folks-Light.font?referer=');">Folks-Light</a></li>
<li><a href="http://www.josbuivenga.demon.nl/fontinsans.html" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.josbuivenga.demon.nl/fontinsans.html?referer=');">Fontin Sans</a></li>
<li><a href="http://www.omkrets.se/typografi/" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.omkrets.se/typografi/?referer=');">Miso</a></li>
<li><a href="http://www.dafont.com/moderna.font" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.dafont.com/moderna.font?referer=');">Moderna</a></li>
<li><a href="http://www.typophile.com/node/50437" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.typophile.com/node/50437?referer=');">Quicksand</a></li>
<li><a href="http://www.dafont.com/rezland.font" target="_blank" onclick="pageTracker._trackPageview('/outgoing/www.dafont.com/rezland.font?referer=');">Rezland</a></li>
<li><a href="http://ficod.deviantart.com/art/tondo-v0-1-62810784" target="_blank" onclick="pageTracker._trackPageview('/outgoing/ficod.deviantart.com/art/tondo-v0-1-62810784?referer=');">Tondo</a></li>
</ul>
<p>Se conhecerem outras fontes que se enquadrem com as que foram aqui referidas comentem este artigo e partilhem comigo.<br />
<code><br ></code><br />
Fonte: <a href="http://buildinternet.com/2009/07/fonts-used-in-logos-of-popular-websites/" onclick="pageTracker._trackPageview('/outgoing/buildinternet.com/2009/07/fonts-used-in-logos-of-popular-websites/?referer=');">Fonts Used In Logos of Popular Websites</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.goncalorodrigues.com/blog/a-tipografia-utilizada-nos-logotipos-da-web-2-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
