Ir para conteúdo
Visualizar no app

Uma forma melhor de navegar. Saiba mais.

MM Fórum

Um app em tela cheia na sua Tela de Início com notificações push, avisos e mais.

Para instalar este app no iOS/iPadOS
  1. Toque no ícone de Compartilhamento no Safari
  2. Role o menu e toque em Adicionar à Tela de Início.
  3. Toque em Adicionar no canto superior direito.
Para instalar este app no Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Featured Replies

Postado

Fala pessoal do fórum.

De primeira gostei muito do visual do blog e após passar o dia fazendo umas visitinhas, acabei achando alguns detalhes que vou deixar aqui apenas como sugestão pessoal para o Rafael e a equipe que está trabalhando no visual do blog.

  1. Uma divisória entre as notícias seria bacana, tipo aquela linha de bolinhas bem fraquinhas.
  2. Fundo cinza ser fixo. Dá um efeito legal de que você está movendo um papel sobre o fundo.
  3. A fonte das notícias parece que está tudo em negrito! Fica muito DENSO o texto.
  4. Tem algo estranho na divisória Abril/Blog. Não sei se é a sombra muito forte, o semáforo muito próximo ali. De repente diminuir a sombra daria um efeito mais suave.

Bom, são apenas MINHAS opiniões.

De resto está excelente!

Abraços!

Editado por gordoreg

  • Respostas 52
  • Visualizações 5.5k
  • Criado
  • Última resposta

Top Postadores Neste Tópico

Posts Mais Populares

Imagens Postadas

Postado

Gostei da sugestão do item 2, apoio.Concordo com o item 3. Ficou ruim de mais essa fonte.

Quanto ao 4, que sombra ?

Captura_de_tela_2011-04-10_a%CC%80s_22.24.30.png

AdBlock WIN ! :P Eu não ligava pra barrinha da Abril no layout passado. Mas nesse, a sombra dela ficou muito estranha. Aí tirei :P

Outra coisa que definitivamente não ficou legal foi esse favicon: favicon.png Prefiro o antigo, que é usado aqui no Fórum.

Editado por Matheus F.

Postado

Fala pessoal do fórum.

De primeira gostei muito do visual do blog e após passar o dia fazendo umas visitinhas, acabei achando alguns detalhes que vou deixar aqui apenas como sugestão pessoal para o Rafael e a equipe que está trabalhando no visual do blog.

  1. Uma divisória entre as notícias seria bacana, tipo aquela linha de bolinhas bem fraquinhas.
  2. Fundo cinza ser fixo. Dá um efeito legal de que você está movendo um papel sobre o fundo.
  3. A fonte das notícias parece que está tudo em negrito! Fica muito DENSO o texto.
  4. Tem algo estranho na divisória Abril/Blog. Não sei se é a sombra muito forte, o semáforo muito próximo ali. De repente diminuir a sombra daria um efeito mais suave.

Bom, são apenas MINHAS opiniões.

De resto está excelente!

Abraços!

Obrigado pelo feedback! Não posso dizer que atenderemos a tudo isso, mas as sugestões serão consideradas. :)

Gostei da sugestão do item 2, apoio.Concordo com o item 3. Ficou ruim de mais essa fonte.

Quanto ao 4, que sombra ?

Captura_de_tela_2011-04-10_a%CC%80s_22.24.30.png

AdBlock WIN ! :P Eu não ligava pra barrinha da Abril no layout passado. Mas nesse, a sombra dela ficou muito estranha. Aí tirei :P

Outra coisa que definitivamente não ficou legal foi esse favicon: favicon.png Prefiro o antigo, que é usado aqui no Fórum.

É um direito seu (tanto quanto pintar de preto as propagandas das revistas/jornais que você COMPRA), mas se todo muito pensasse e agisse igual, este site não existiria mais. Ou seria todo fechado, sem propagandas, com acesso cobrado mensalmente.

Postado

Sim sim. É um direito meu mesmo, e sei quais são as consequências. E eu não pinto de preto as propagandas dos jornais/revistas, visto que isso levaria muito tempo. Já na internet é infinitamente mais fácil :)

E acredite, não sou só eu que uso o AdBlock. Milhares de pessoas fazem o mesmo :)

Postado
  • Autor
:D Também achei!!!
Postado

Achei muito pertinente as dicas do amigo. Também concordo com a dica de um divisor de posts bem sutil, mas que no final faz toda a diferença...

Postado

Achei muito pertinente as dicas do amigo. Também concordo com a dica de um divisor de posts bem sutil, mas que no final faz toda a diferença...

Testei aqui e não acho necessário, sinceramente. As imagens e os títulos azuis fazem uma boa separação, por si só.

Postado
  • Autor

Rafael, é impressão minha ou o novo layout foi pensado para se encaixar perfeitamente no iPad? (obs: não tenho iPad para testar :/ )

E gostei da troca da fonte, ficou mais leve, acho que isso era o que o pessoal mais estranhou pelos comentários do blog.

Postado

Rafael, é impressão minha ou o novo layout foi pensado para se encaixar perfeitamente no iPad? (obs: não tenho iPad para testar :/ )

E gostei da troca da fonte, ficou mais leve, acho que isso era o que o pessoal mais estranhou pelos comentários do blog.

A largura dele é feita para telas de pelo menos 1024 pixels de largura — isto é, o iPad na horizontal bate com isso, sim. :)

Postado

O MacMagazine ficou muito massa!

Só queria dar uma sugestãozinha colocar uma divisória entre as noticias mas deixa para lá! :D

Postado

Rafael, a barra superior estilo Apple.com está com a fonte diferente.. Digo, ficou legal e tal, mas ficaria muito mais bacana se usasse a mesma fonte e tratamento (O tratamento da letra também está diferente, mas tenho certeza de que quem fez aquele layout lindo, consegue reproduzir aqueles efeitos simples rapidamente, afinal: good artists copy, great artists steal) :P

Outra idéia que deixo é a seguinte: No site da Apple, a mesma barra a qual me refiro tem um quadrado no começo com o símbolo da Apple, poderia se por um símbolo do MM meio cinza, monocromático, como atalho para a Home, ficaria bem bacana :lol:

Essa é um chute, mas sei lá né? Em fim, na mesma barra que falei tanto acima, no site da Apple, tem a busca.. Porque não fazer isso, mover a barra de busca para a barra cinzenta e aumentar um pouco o nome no Banner? Digo, o espaço para o Ad de cima está com um pouco de espaço branco sobrando, acho que se tirasse o símbolo da "janelinha" do Mac e colocasse o Banner do Ad mais pra cima, com as bordas superiores e inferiores finas, tentando colocar ali só o necessário para o Ad, dava pra abrir um espaço maior e aumentar o nome "MacMagazine" do Banner superior central, sem tirar ele da sua posição na esquerda.. Ficou meio confuso, mas deu pra pegar a idéia? :P

Em fim, espero ter ajudado :)

Postado

Rafael, a barra superior estilo Apple.com está com a fonte diferente.. Digo, ficou legal e tal, mas ficaria muito mais bacana se usasse a mesma fonte e tratamento (O tratamento da letra também está diferente, mas tenho certeza de que quem fez aquele layout lindo, consegue reproduzir aqueles efeitos simples rapidamente, afinal: good artists copy, great artists steal) :P

Outra idéia que deixo é a seguinte: No site da Apple, a mesma barra a qual me refiro tem um quadrado no começo com o símbolo da Apple, poderia se por um símbolo do MM meio cinza, monocromático, como atalho para a Home, ficaria bem bacana :lol:

Essa é um chute, mas sei lá né? Em fim, na mesma barra que falei tanto acima, no site da Apple, tem a busca.. Porque não fazer isso, mover a barra de busca para a barra cinzenta e aumentar um pouco o nome no Banner? Digo, o espaço para o Ad de cima está com um pouco de espaço branco sobrando, acho que se tirasse o símbolo da "janelinha" do Mac e colocasse o Banner do Ad mais pra cima, com as bordas superiores e inferiores finas, tentando colocar ali só o necessário para o Ad, dava pra abrir um espaço maior e aumentar o nome "MacMagazine" do Banner superior central, sem tirar ele da sua posição na esquerda.. Ficou meio confuso, mas deu pra pegar a idéia? :P

Em fim, espero ter ajudado :)

Só tenho como usar a mesma fonte da Apple em imagens, já que a Myriad Pro não está disponível no Google Web Fonts.

O resto vou avaliar ou não entendi. :P

Postado

Só tenho como usar a mesma fonte da Apple em imagens, já que a Myriad Pro não está disponível no Google Web Fonts.

O resto vou avaliar ou não entendi. :P

Tenta esses sites aqui, sempre baixo neles:

www.dafont.com

www.fonts.com

www.netfontes.com.br

Sei que no fonts.com parece que tem sim :)

Quanto ao layout.. Bem, eu fiz algo rápido aqui no photoshop, não deu pra por tudo porque eu fiz meio nas pressas mas em fim...

Fiz duas versões, uma é com algumas das idéias, outra é com um Sharpen, daria um trabalhinho fazer em figura por figura do Layout, mas dá uma conferida pra ver como ficaria legal o resultado final :P

O que fiz lá foi sutil, mas se comparado com o atual, eu pelomenos achei significativo..

Ps: O que ficou faltando aí, que me levaria um pouco mais de tempo pra fazer foi a barra de pesquisas que sugeri, mas bem, vou tentar explicar: No site da Apple, ela é o último quadrado da "barra cinzenta", no MM ela tá no Banner.. Sugeri deixar como no site da Apple, talvez até com aquela animação, fica bacana :P

Mas acho que partindo da idéia da animação, com ela no banner mesmo, dá pra bolar algo clean and cool também :lol:

Ah, não repara na má qualidade da montagem, além de eu estar meio enferrujado, foi nas pressas, como já falei :P

Normal:

http://i56.tinypic.com/zwnoty.png

Sharpened: Ignora os serrilhados, é porque fui direto no Sharpen pra agilizar, mas nada que um Smart Sharpen não resolva :P

http://i52.tinypic.com/345c1op.png

Não coloquei as imagens mesmo porque ficaria grande e poluiria visualmente o tópico, não deu pra anexar porque ultrapassavam o tamanho, mas tá aí.

Postado

Tenta esses sites aqui, sempre baixo neles:

www.dafont.com

www.fonts.com

www.netfontes.com.br

Sei que no fonts.com parece que tem sim :)

Quanto ao layout.. Bem, eu fiz algo rápido aqui no photoshop, não deu pra por tudo porque eu fiz meio nas pressas mas em fim...

Fiz duas versões, uma é com algumas das idéias, outra é com um Sharpen, daria um trabalhinho fazer em figura por figura do Layout, mas dá uma conferida pra ver como ficaria legal o resultado final :P

O que fiz lá foi sutil, mas se comparado com o atual, eu pelomenos achei significativo..

Ps: O que ficou faltando aí, que me levaria um pouco mais de tempo pra fazer foi a barra de pesquisas que sugeri, mas bem, vou tentar explicar: No site da Apple, ela é o último quadrado da "barra cinzenta", no MM ela tá no Banner.. Sugeri deixar como no site da Apple, talvez até com aquela animação, fica bacana :P

Mas acho que partindo da idéia da animação, com ela no banner mesmo, dá pra bolar algo clean and cool também :lol:

Ah, não repara na má qualidade da montagem, além de eu estar meio enferrujado, foi nas pressas, como já falei :P

Normal:

http://i56.tinypic.com/zwnoty.png

Sharpened: Ignora os serrilhados, é porque fui direto no Sharpen pra agilizar, mas nada que um Smart Sharpen não resolva :P

http://i52.tinypic.com/345c1op.png

Não coloquei as imagens mesmo porque ficaria grande e poluiria visualmente o tópico, não deu pra anexar porque ultrapassavam o tamanho, mas tá aí.

Lucas, agradecido mas:

1 - O uso de fontes num site é diferente de você baixar e instalar no seu computador. ;) Ou usamos fontes-padrão, ou as disponibilizadas no Google Web Fonts.

2 - O logo no menu fica redundante com o logo acima, não curti.

3 - A barra de busca eu acho que está bem posicionada hoje e ocupando um espaço pensado para ela. Além do mais, o menu está bem cheio — em breve é possível que tenhamos que adicionar mais uma coisa lá, inclusive.

Postado
  • Autor

Pelo que entendi é isso q o colega sugeriu.

Ccka4.png

Enquanto vcs discutiam eu tava fazendo a montagem :/

Postei atrasado

Editado por gordoreg

Postado

Lucas, agradecido mas:

1 - O uso de fontes num site é diferente de você baixar e instalar no seu computador. ;) Ou usamos fontes-padrão, ou as disponibilizadas no Google Web Fonts.

2 - O logo no menu fica redundante com o logo acima, não curti.

3 - A barra de busca eu acho que está bem posicionada hoje e ocupando um espaço pensado para ela. Além do mais, o menu está bem cheio — em breve é possível que tenhamos que adicionar mais uma coisa lá, inclusive.

Ah, tranquilo :lol:

Quanto as fontes, pérola minha, é que imaginei que era uma imagem para cada botão, cada uma com o texto escrito nela mesmo (O texto já na imagem) :P

E quanto a tirar aqueles 3 botões "Mac Like" e cortar o espaço extra do Ad, como fiz ali?

Editado por Lucas Valença

Postado

Ah, tranquilo :lol:

Quanto as fontes, pérola minha, é que imaginei que era uma imagem para cada botão, cada uma com o texto escrito nela mesmo (O texto já na imagem) :P

Poderia ser assim, mas preferi fazer em texto para ficar mais leve e facilitar atualizações. :)

Postado

Essa barra da Abril, que por sinal não carregou aqui, tá muito colada no layout.

Captura_de_tela_2011_04_12_a_s_01_11_24.png

Postado

Os comentários centralizados estão bem ruins para ler. Como opinião, a antiga seção de comentários era ótima.

Participe do debate

Você pode postar agora e se registrar depois. Se você tem uma conta, entre agora para postar com ela.

Visitante
Responder este tópico…

Quem Está Navegando 0

  • Nenhum usuário registrado visualizando esta página.

Conta

Navegação

Buscar

Buscar

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.