Madly Luv

Pensando responsivo

Olá, finalmente! ;D Desde maio sem dar as caras aqui no blog é tempo demais. Sei que demorei demais para voltar desta vez, mas o motivo do sumiço renderia outro post completo. Então, hoje falarei apenas sobre o blog, o novo layout e suas novidades. O Madly Luv é o meu cantinho-barra-zona-de-testes pois aqui posto e pratico o que amo. Por isso, sempre tento superar a cada layout e implementar tudo o que aprendi desde o último. E este é um tiquinho diferente dos outros.

O lance desta vez é o Design Responsivo, que é tendência em web design atualmente, que consiste basicamente em apresentar um site em vários tamanhos e dispositivos de forma única para cada um. Tudo isso sem perder a identidade, a navegabilidade e conteúdo principal. Como já mostrei vários sites deste tipo por aqui, eu sentia que precisava também entender este novo modo de pensar. Já estava um pouco familiarizada com esta tendência por causa dos artigos que leio e também pelos meus colegas de trabalho já terem esta experiência, me dando sempre ótimos conselhos.

Leia o restante do post clicando em "Saiba mais" abaixo :D


 
Pensar responsivamente não é nada fácil, às vezes é tentar pensar ao contrário (cuma?), ou seja, da menor resolução para a maior e tentar perder menos informação possível do site. Se já era gratificante ver um trabalho simples funcionando, imagina um que teve o triplo do trabalho? 😊

A medida que a resolução dos dispositivos vão caindo, é notável que também há uma certa perda de conteúdo. Você irá perceber que a coluna menor deixará de aparecer e ficará apenas o topo, menu, posts e o rodapé (como na imagem acima). Sei que pode ser irritante ver um blog no iPad ou no smartphone que demora um mundo inteiro para descer a barra de rolagem só por conta da coluna lateral, sem contar na desproporção dos elementos desta! Sei que há blogs e sites assim, mas eu preferi deixar o foco apenas nos posts, que é o que realmente interessa. Qualquer navegação poderá ser feita no menu do topo, clicando nos ícones de login, newsletter ou busca (que abrirão em uma janelinha mega fofa! 😊 ), ou nas categorias que aparecem no rodapé. 😊

Como eu já sabia que seu desenvolvimento seria complicado, investi num layout mais simples para eu ter mais liberdade. Talvez para você, leitor, não vê as mil e uma maravilhas que tanto esperou ao chegar por aqui sabendo que tem layout novo. Isso porque o xis da questão por aqui foi a programação front-end e otimização de banco de dados e abandono de alguns (vários, cof cof!) plugins. Tudo para ficar mais rápido para você 😎

Agora, você deve estar se perguntando: "Ué Ana, cadê a marca que você tinha feito?" Pois é, eu quis me matar quando me deu a vontade de muda-la, pois no começo pensei que estava atirando em meu próprio pé (#mejulge) e ir contra todas as minhas justificativas e defesas que fiz a favor da marca antiga. Mas o que posso fazer se não consegui me adaptar? Não passou nem um mês eu já não aguentava olhar para a cara dela mais, e acabei voltado ao uso da tipografia cursiva que usei em minhas outras não sei quantas dezenas de layouts que eu fiz para o Madly Luv durante estes 5 anos de blog. Pedi várias opiniões de meus colegas e até de algumas blogueiras, como a fofa da Angélica (obrigada, linda!), para ver se eu poderia estar fazendo errado. Mas percebi que essa atual remete mais ao blog e toda sua ideologia e personalidade do que a anterior. O que você acha?

O padrão cromático nem preciso comentar. Creio que seja o 5º ou o 6º layout que já fiz somente com essas cores e com ilustrações florais, pássaros e afins. Disso, ainda não consigo e demorará muito para eu largar de mão, hehe.

Por enquanto, é só. Como este é o meu primogênito no design responsivo, espero MUITO um feedback seu! Teste em seu tablet, smartphone, iPhone, iPads, iPods e "ai-não-pódes", hehe. Preciso que reporte a mim qualquer sugestão ou erro, tanto de estruturação (como certas coisinhas fora do lugar) ou navegação. Ficaria extremamente grata com sua ajuda! Em gratidão, prometo que faço o possível para não sumir, hehe. xD


Comentários

  • Jana

    Amei a simplicidade do novo layout, Ana! E as cores, mais uma vez, você fez uma ótima escolha. Parabéns pelo lindo trabalho!

    Beijos ;*

    • Aninha

      @Jana, a quanto tempo…!
      Fico feliz que tenha gostado. Eu também adoro o seu toque de simplicidade em seus layouts que faz toda a diferença no final. Não estou mentindo se eu disser que às vezes me inspiro um pouco no seu estilo. *-*
      Um beijo, e muito obrigada! <3

  • Relieme

    Adorei o novo layout *-* ficou tudo muito bonito e simplista (adoro simplicidade). Adorei os passarinhos, fonte… tudo! Também queria criar lay compatível para tablets e afins, mas se já demoro séculos para criar um novo em versão web, então para o resto, ui 😵 Também não me meto muito nesse ramo porque depois não tenho onde testar :/ Meu celular é da idade da pedra (mas adoro ele como é <3). Enfim, um dia hei-de conseguir u_u
    Parabéns pelo belíssimo trabalho :)

    • Aninha

      @Relieme, fico feliz que tenha gostado desta simplicidade. *-* Menina, se tu demora para fazer, imagina eu? Eu só troco de tema cerca de uma vez por ano no máximo, hehe xD
      Um beijo, e obrigada pela visita 😊

  • Wall Aguiar

    Awwwwwwwwwwwwnnnnn morri de amores por esse lay, da vontade de passar horas aqui vendo os detalhes. Foi amor á primeira vista com esse lay, eu amo coisas meigas <3.
    Tá de parabéns linda, te admiro. Deus te abençoe!

    • Aninha

      Acho que coisas meigas jamais deixarão de ser nossa cara né @Wall? *-*
      Fico feliz que tenha gostado e muito obrigada!

      Beijocas e fique com Deus. ;*

  • Lucas Maia

    Mas gente que coisa mais linda de se ver! Como falei lá no facebook. Adoro como você brinca com as cores nos seus layouts, para mim é a parte mais complicada é isso. Escolher cor.

    Também ando estudando sobre layouts responsivos e o próximo do cliques vai ser assim. Se adaptando a todas as mídias eletrônicas.

    Parabéns, Aninha! Realmente, você tem um talento muito grande para webdesign e nós só temos o que aprender e nos inspirarmos com você. =}

    • Aninha

      @Lucas Maia, layout responsivo é pura alegria de viver, mas precisa-se ler bastante para entender de fato. Não vejo a hora de ver o Cliques com esta nova tendência! Saiba que estou a disposição para ajudar, como sempre, e tirar qualquer dúvida, ok?

      Beijo grande, e muito obrigada *-*

  • Henrique Almeida

    Eu simplismente AMEEEEEEEI!
    Ficou ótimo o layout responsivo.

  • Jessica M

    Aaaain que coisa mais linda ?
    Eu simplesmente amei o novo layout, achei que você conseguiu criar um novo conceito, mas mesmo assim, não perdeu a identidade do blog, talvez seja pelas cores e tonalidades, e alguns elementos também que acho que já são sua marca registrada *-* E adorei a marca!
    O layout ficou muito bom, só não tenho como testar em Iphone e afins que eu sequer sei pra que serve rs
    Parabéns pelo trabalho, Ana!

    • Aninha

      @Jessica, fico feliz que tenha visto que a identidade continuou. Acredito que uma identidade não é só apenas uma marca, mas sim o conjunto de tudo né? *-*
      A questão de testar para iPhone e afins é só para visualizar se os posts aparecem de forma clara e não existe nenhum erro na visualização do blog, como itens quebrados, etc. ;)

      Beijocas e muito obrigada! =*

  • Gisele

    Querida, eu simplesmente amei seu lay novo. Valeu muito a pena esperá-la a cada segundo. Amo seus lays, amo seu trabalho, suas postagens e você está na minha lista de blogueiras e designs que amo e admiro! Super Beijos… Gi

    • Aninha

      @Gi, querida, muito obrigada! Fico extremamente lisonjeada ao saber disso. Pode ficar tranquila que tentarei trazer sempre algumas novidades e tendências no design para sempre ficar sabendo o que está rolando.

      Beijocas e, mais uma vez, obrigada *-*

  • Mih

    Se vc soubesse a falta que eu senti de você Ana Flávia, eu não te julgo pela mudança de identidade, também achei que tinha encontrado mas também não me adaptei estarei de mudança no layout logo logo, aindo muito desanimada com a blogosfera, sem falar que as hospedagens gratuitas estão me deixando louca, e acabei novamente mudando de servidor, ainda não posso comprar uma por causa das "aulas de carro" mas logo eu consigo. Amei o tema responsivo, Caprichou. Desistiu de assumir colaboradores para o blog? Beijo

    • Aninha

      Oh @Mih, eu também sinto saudades de ti… depois que deixei de utilizar o msn nunca mais nos falamos direito, né? Saudades de nossos papos e das nossas conversas em conjunto com a Thata e a Lari. Bons tempos aqueles que ficávamos a tarde toda conversando bobagens, hehe.
      É difícil encontrarmos uma identidade para um blog né? Principalmente quando é nosso, hehe. Espero ficar com esta agora por um bom tempo.
      Menina, por que tu não me contou que trocou de servidor antes? Preciso atualizar sua URL no redirecionamento ;)
      Sobre o colaboradores, eu desisti de tê-los Mih… só tenho um agora que é o Marcelo, meu colega de faculdade, que fala especificamente sobre música e cinema. Colaboradores em excesso estava perdendo a identidade do blog e deixando ele menos pessoal. Muitos comentavam acreditando que era eu escrevendo ou sabiam que era post de outra pessoa, mas comentavam falando diretamente a mim. É esquisito né? Então achei melhor não ter mais colaboradores.
      Um beijo grande Mih, e sucesso para ti com a busca de um novo servidor.
      Qualquer dúvida, estarei aqui 😊

  • Mari Mendes

    Aninha, o blog está muito lindo! Amo essas cores, e o topo está sensacional *-* Vontade de ficar aqui o dia todinho <3
    Você arrasa!

  • Angélica

    Ah!!! Eu nem preciso comentar de novo que morri de amores pelo design novo do blog não é? E nem comentar que te acho talentosíssima e super competente quando a questão é inovar e superar. Sou sua fã desde que conheci o Madly Luv, mesmo não marcando tanta presença em seus posts.

    Enfim, está tudo lindo demais! Babando por cada detalhezinho e principalmente na marca nova do Madly Luv que ficou a sua cara! Você se superou mais uma vez e tenho certeza que cada vez irá se superar ainda mais!

    Beijokas grandes e mais uma vez parabéns pelo trabalho espetacular! :D

    • Aninha

      Awwn, mais uma vez obrigada @Angélica! *-*
      Beijo grande, e até mais! ;*

Veja mais comentários:
1 2 3 4
ir ao topo