brainshitting - Luis Alves's Website - CSS and XHTML Expert. Portuguese Wordpress Designer. Info, hints and help for webdesigners. Loose toughts and ideas.

Numa altura em que se fala tanto de produção, com 16 anos de carreira após formado detive-me mais uma vez a pensar naquele que é o meu contributo para a sociedade. Já não é a primeira vez que penso no assunto, contudo desta vez decidi aprofundar e acabar de vez com esta sensação de que poderia fazer algo mais… produtivo.
Afinal o que é produção?
Segundo a wikipedia, produção é a atividade da combinação dos factores que têm como finalidade satisfazer as necessidades do ser humano. Ora um médico trata pessoas, logo satisfaz a necessidade do ser humano obter tratamento para um problema. Um cozinheiro cozinha e satisfaz a necessidade do ser humano obter alimento. Um camionista transporta produtos que satisfazem as necessidades das pessoas a diversos níveis. Estes breves exemplos apontam actividades de produção que são facilmente identificáveis e visíveis, sendo que muitas actividades deste tipo contribuem para a produção através de uma interacção directa de seres humanos tornando este tipo de produção bastante notório.

E onde entra o design?
Grande parte do design integra actualmente a sociedade e actua de uma forma praticamente imperceptível. Tal como a beleza de uma árvore tantas vezes nos passa despercebida, com a beleza do Design ocorre exactamente o mesmo. Habituámo-nos a conviver com ele sem dar o devido valor à sua presença e à riqueza emocional com que preenche as nossas vidas. Sentado no barco que faz a ligação fluvial observei os detalhes de design que me rodeavam procurando perceber como estavam a interagir emocionalmente comigo. Os assentos azuis, mas não simplesmente azuis, no detalhe o azul afinal é composto por um padrão que introduz pequenos apontamentos de côr que lhe adiciona vida. As paredes não são brancas, são de um azul marinho suave e fresco. A sinalética não é descuidada, segue uma linha gráfica e ilustra com detalhe cada situação. De repente o Design estava em tudo, em tudo! nos ambientes, no vestuário das pessoas, nos acessórios, nos telemóveis, nos penteados, em tudo.

E se não houvesse Design?
Se acharem que existem muitas pessoas com depressão, fechem os olhos e imaginem um mundo sem design. Muitas mais existiriam.
Apesar de nos passar despercebido, no processo cognitivo de interacção do homem com o mundo e os objectos que o rodeiam, o design assume um papel principal. Um mundo sem design e a falta de estímulos gráficos traria ao homem uma rápida e profunda depressão.
Ora produção é a atividade da combinação dos factores que têm como finalidade satisfazer as necessidades do ser humano, sendo que sem dúvida alguma o ser humano necessita dos estímulos, da emoção, da certeza, da incerteza, da admiração, da estranheza, da beleza, da sensibilidade e de tantas outras sensações que o design lhe provoca. Não é preciso ser-se médico para manter uma pessoa viva.
Eu sou um dos que têm o privilégio de manter as pessoas vivas, com design.

Obrigado pai e mãe, obrigado a todos os que aqui me conduziram.

If you’re having problems with quicklook and Photoshop PSD Images, try turning on Maximise Compatibility in Preferences > File Handling

If it still doesn’t work, try turning the Maximize Compatibility to “Ask” and save the images that don’t show in quick look again choosing “maximize compatibility” when asked.

Maximise Compatibility puts a flattened image into the file, along with the layers and quicklook grabs it.

Today I found this nice tool that may help you convert your font sizes from photoshop pixels to Android Dp’s and vice versa.

http://labs.skinkers.com/content/android_dp_px_calculator/

Hope it’s helpful.

When I’m designing, I usually design my layouts in Photoshop. Whenever possible I try to use shapes so they can scale to any size in the future because I try to keep in mind that new equipments may become available in the market and when that happens I may have to export bigger versions of my graphics to support them.

Let’s say you design you app layout in hdpi, so your layout has 480px x 800px or 480px x 850px. Don’t forget to set the image resolution to 240 dpi’s.

Now, to convert your layout to mdpi, ldpi and xhdpi, do an “Image Size” and  set resolution. Make sure “Scale Style”, “Constrain proportions” and “Resample Image” are all selected.

To convert to mdpi set a resolution of 160 dpi’s

To convert to ldpi set a resolution of 120 dpi’s

To convert to xhdpi set a resolution os 320 dpi’s

Important note: You may have to adjust some graphics after being automatically scaled because anti-aliasing may occur and your graphics may get blurred, for instance let’s say you have a line with one pixel in hdpi, if you scale it to mdpi you may get a very dimmed version of that line, since photoshop wasn’t able to scale something that was already one pixel… so you need to pay attention to that kind of detail and redo that line. When you’re not working with vector graphics and shapes, it’s better to start with a xhdpi version of your app and start scaling down.

Also bare in mind that:

hdpi to mdpi -> divide by 1.5

hdpi to ldpi -> divide by 2

hdpi to xhdpi -> mdpi x 2

px
Pixels – corresponds to actual pixels on the screen.

in
Inches – based on the physical size of the screen.

mm
Millimeters – based on the physical size of the screen.

pt
Points – 1/72 of an inch based on the physical size of the screen.

dp
Density-independent Pixels – an abstract unit that is based on the physical density of the screen. These units are relative to a 160 dpi screen, so one dp is one pixel on a 160 dpi screen. The ratio of dp-to-pixel will change with the screen density, but not necessarily in direct proportion. Note: The compiler accepts both “dip” and “dp”, though “dp” is more consistent with “sp”.

sp
Scale-independent Pixels – this is like the dp unit, but it is also scaled by the user’s font size preference. It is recommend you use this unit when specifying font sizes, so they will be adjusted for both the screen density and user’s preference.