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

  • Nick

    Que lindo, lindo, lindo!!! <3
    Essa é a sua verdadeira identidade, Ana. Está a sua cara! Essas cores são 'tão você", rs!
    Está tudo perfeitamente perfeito! *-*

    • Aninha

      Muito obrigada @Nick, de verdade!
      Estava com medo de não conseguir passar a ideia do blog utilizando novamente outra marca… mas fico muito, mas muito feliz em saber que deu certo! *-*
      Vi que você sumiu do blog… pelo seu último post, receio que foi por algum motivo. Espero que dê tudo certo e logo volte! 😊

      Um beijo, e até logo! ;*

  • Paty

    Muito lindo Ana, como todos os layouts que você faz.
    Parabéns pelo talento, fã ;)
    Beijos!

    • Aninha

      Muito obrigada @Paty *-*
      Beijocas!

  • Isa

    Nossa Ana, o layout novo ficou muito lindo e delicado! Acompanho o blog faz uns anos e esse layout novo foi um dos meus favoritos mesmo <3 Parabéns!

    • Aninha

      Jura, @Isa? Muito obrigada *-*
      Fico feliz em saber que gostou do layout! É difícil de encontrar um leitor que, depois de tantas idas e vindas do blog, ainda o acompanha. Fico muito grata por isso.
      Você faz parceria com outros blogs Isa? Ficaria feliz em ter o banner do seu blog lá na área de parceiros 😊

      Beijocas!

  • Nique

    Coisa linda Ana Flávia, apaixonei por esse lay. Quero mudar o meu em breve, vamos ver!

    • Aninha

      Muito obrigada, @Nique!
      Assim que você mudar o seu, divulgue! Estarei atenta para ve-lo, apesar do seu atual estar muito fofo com aquela ilustração *-*

      Beijos!

  • Luuh Marcely

    Minha nossa… que lindo!! Pois é, eu percebi que você ficou beeem ausente, até pensei que aconteceu alguma coisa grave, mas não teve nada não, né? ):
    Sobre a ideia do Lay "responsível", achei simplesmente o máximo!! *-* Super prático e tudo mais, nem vou falar que o seu blog fica cada vez mais lindo, uau! ?
    Parabéns pelo trabalho, você faz com excelência. É magnífico!!

    Beijinhos.

    • Aninha

      Oi @Luuh, tudo bem?
      A minha ausência se deu por conta da faculdade mesmo, não aconteceu nada de grave, graças a Deus! O motivo foi pelo monstro do TCC, hehe. Este segundo semestre também é a mesma batida, mas eu espero continuar com o blog e aproveitar este novo layout para me dar ânimo de blogar quando chego cansada da facul ou nas madrugadas sem fim, hehe xD
      Layout "responsível" é pura alegria de viver, hehe. Sempre via em outros sites e queria também fazer algo do tipo pois é, como você disse, super prático. Fico feliz que tenha dado certo o resultado e que você reconheceu isso *-* É muito gratificante.

      Você faz parceria com outros blogs Lu? Fica feliz em ter seu banner aqui na área de parceiros, ainda mais sabendo que você ama As Crônicas de Gelo e Fogo como eu (pensa que não vi sua resenha de A Guerra dos Tronos?), hehe. Também pretendo fazer uma resenha em breve. xD

      Um beijo grande e obrigada por tudo! ;*

  • Re Vitrola

    Só tenho uma coisa a dizer: está belíssimo!
    haha, mentira: fazer layouts é complicado. Eu tenho que sentir a paixão imediata, senão já sei que não vai funcionar. E então, eu fecho, e abro só no dia seguinte. Mesma paixão? Então é esse que fica! rs
    Você fez uma ótima escolha, e na minha opnião, o blog não pode mudar tanto a ponto de perder a sua essência, sabe?
    Um beijo,
    Re.

    • Aninha

      Oi @Re!
      Você está certíssima: fazer layouts é complicado. E sou assim como você… se eu não consigo gostar é logo tentar partir para outra. Como eu não tinha tempo, então fui só adiando, e nem vontade de postar já tinha com aquele antigo layout.
      Fico feliz que tenha gostado, de verdade. Sempre visito o seu blog, apesar de não ter o costume de comentar… mas sempre fico ligada nas coisas que você compartilha no facebook, hehe. ;)

      Beijo grande e obrigada! <3

  • Thaissa

    Meu Deus Ana, *-* Quando penso que o Madly está perfeito, você me surpreende! Isso não é justo. Está lindo, meigo, fofo, maravilhoso, VOCÊ! E mudar faz bem. A marquinha era um amor, mas está um luxo agora. Parabéns :)

    • Aninha

      Não é justo por que flor? Hahaha xD
      Fico extremamente feliz que você tenha gostado @Thaissa, mais ainda ao saber que gostou da marca.

      Beijocas e muito obrigada (inclusive pela parceria!) =*

  • Matheus

    Sempre gostei muito do seu blog e esse layout ficou realmente lindo… tanto no computador, como no celular ??

    • Aninha

      Fico feliz que tenha gostado @Matheus! E mais feliz ainda que ficou bom no celular. Muito obrigada por dar sua opinião e ter testado por ai *-*
      Abração!

  • Sara Silva

    Ana, sempre gostei muito dos seus trabalhos e amo seu estilo mais "simples" mas bem trabalhado nos códigos. Sempre me inspirei muito aqui e aprendi muita coisa também rs Acho super importante inovar na codificação tanto para melhorar o design como para aprendizagem. Confesso que estou sem tempo (cof, cof preguiça) para aprender a fazer layouts/themes responsivos mas é importante e deixa o visual muito mais bonito quando se usa o celular, ipad e por ai vai. Enfim, parabens por mais um design incrivel e continue assim. Você é uma das minhas preferidas e inspiração para fazer designs e aprender codigos!

    • Aninha

      Oi @Sara!
      Fico feliz em saber que você aprendeu muita coisa por aqui e pela grande consideração pelo meu trabalho! Sempre tento explicar da melhor forma possível e ajudar no que puder, e tento explicar os conceitos de design aplicados em cada trabalho pois sei que é de grande ajuda e esclarece as ideias para quem se interessa nesta área.
      Beijocas e muito obrigada! *-*

  • Sofia

    Ana, tu surpreende a cada layout! Menina, isso ta lindo demais! De verdade, do fundo do coração, parabéns! To apaixonada <3 E fico feliz que você tenham aparecido! E quanto as cores do layout, é super aconchegante, sua carinha, sei lá haha Beijão

    http://docedementa.blogspot.com.br/

    • Aninha

      E eu, do fundo do coração agradeço muito @Sofia. Também estou extremamente feliz em voltar e mais ainda quando recebo este carinho enorme de quem aparece por aqui *-*
      Beijo grande e obrigada, de verdade <3

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