Enquanto construia o layout...

Nada na cabeça: 🎶 caminhamos na estrada de Jesus... caaaaminhamos na estrada de Jesus 🎶

Em Agosto eu estive muito avoada e agitada, querendo escrever sobre várias coisas mas sem condições de manter uma linha de raciocínio por muito tempo. Eu queria muito conversar sobre tudo e tecer artigos científicos sobre os mais diversos assuntos, mas sem conseguir organizar os pensamentos vindo como flash. Ansiedade que chama k. Ao invés de ir fazer uma caminhada, um exercício físico, eu fui me ocupar com problemas externos à minha pessoa como códigos quebrados, desalinhamento de sidebar, choque de paleta de cor, tudo muito técnico e minucioso. Nessa brincadeira eu mudei o layout do blog. 

Sobre o layout atual:

Eu tentando lembrar o que inspirou a estética desse layout e é algo muito estúpido, mas é basicamente as cores azul e amarelo e a preservação do link na cor azul. Esse azul bem específico, que tá no hover dos títulos e no menu. Eu também queria algo que destacasse um link no meio de um texto, o que me levou a usar esse hover em amarelo (que me deu uma dor de cabeça pra personalizar a ativação e desativação desse efeito em certas partes do blog! Além de aparecer no hover de imagens e eu não sei como tirar). Então basicamente a motivação geral para o layout foi: hiperlinks e essa imagem do lado, de algum tumblr que eu esbarrei.

Finalizei? Não sei, acho finalizado um termo muito forte. Tecnicamente essa é uma mudança somente da página inicial que comporta os post. O resto do blog segue com suas páginas personalizadas cada uma dum jeito. Pelo menos não tô com planos de grandes mudanças pras páginas, apenas ajustes. Uma grande mentira, pois dei uns tapas na página de bookmark e arquivo...

Mexer com o layout dum blog é o tempo todo se questionar sobre as próprias tendências masoquistas... 

Enquanto eu ia montando o blog, fui jogando os links nesse post pra não perder os créditos nem as ideias da hora. Graças a isso, agora temos uma página para os créditos com tudo o que eu consegui lembrar.

Constatações durante a construção desse layout:


Queria muito usar o efeito negrito ondulado como padrão, mas ficaria muito poluído, inda mais que eu não tenho autocontrole e dou muita ênfase em várias partes do texto. Foi uma benção eu conseguir harmonizar as cores de todos esses detalhes (itálico, sublinhado, riscado e etc.). Não faz sentido algum, são as cores mais aleatórias dessa internet, mas de acordo com a teoria das cores, funciona.

Graças a deus eu esbarrei num site [encycolorpedia] que monta uma paleta com base na cor principal e sugere diferentes tonalidades. Foi uma grande mão na roda pra selecionar a paleta do blog e não virar um circo maior ou um abuso de azul e amarelo. Foi aí que entraram outras cores tradicionais da web 1.0 como o azul petróleo do windows 98 e um ferrugem também remanescente das cores de hiperlinks.

Eu acho 12px um tamanho de letra muito pequeno, é legível, mas acho que me acostumei com a fonte grandona do layout anterior. Em outros blogs eu acho até tranquilo as letras pequenas se a fonte for escura, mas no meu fica muito incômodo pra mim.

Testei backgrounds grid em tonalidades diferentes, na tentativa de não virar uma parede de banheiro nem uma ilusão de ótica que faz a vista tremer... ainda acho que esse fundo ofusca um pouco a leitura, ou talvez eu tenha desenvolvido uma miopia, mas talvez seja meu costume com fundo todo branco... não sei. Qualquer coisa eu meto o fundo branco de volta sem cerimônia alguma, deixa ver.

Fiquei alterando a luminosidade da tela do computador várias vezes pra checar se não ofendia a vista. A constatação: ofende, mas vai ficar desse jeito. Todos os dias eu vinha olhar pra cara dele, mesmo que eu não mexesse em nenhum código, só pra testar minha tolerância e ver se não abusava da poluição visual. Ainda tô me acostumando.

Finalmente estarei realizando o sonho da sidebar fixa, que é mais um teste arriscado pra ver se me adapto a essa privação de uma sidebar carregada de coisas, o que me levou a optar por uma barra de rolagem pro arquivo e pras tags que antes ficavam no rodapé do blog.

Retirei o rodapé cheio de gadget, mas mantive um gif, as vezes estáticos as vezes em <maquee> que eu acho divertido ficar mudando de acordo com o mood ou festividade e cada mês.

Num primeiro momento, eu não coloquei um cabeçalho, porque ficou muito poluído junto das bordas de frufru. Pretendia colocar quando passasse o período de inauguração kkkkk, vulgo uma semana. Achei importante fazer desse momento um grande evento pra mim que penei igual uma condenada pra ajeitar isso tudo.

Na verdade quase fica sem cabeçalho algum, primeiro porque eu esqueci que o blog precisava de um nome...segundo que eu não sabia o que fazer pra combinar com todas as cores e texturas já postas.

Tive a ideia de fazer uma animação do nome em 3d rodando, o que não deu muito certo, mas mantive a ideia do 3d só que estático. Me empolguei e fiquei em dúvida entre sete opções. Por fim, a dúvida ficou entre cores, branco ou azul. Fiquei olhando pra cara de todas as versões por vários dias e decidir unir as duas opções que mais gostei com um efeito hover. Problema resolvido!

A estética em 3d também inspirou o menu e o botão de sitemap.

Coisas que preciso prestar atenção:

  • comportamento dos links as vezes não combina com as páginas e precisará ser desabilitado e personalizado pra cada página.
  • a condição <b: if> para páginas estáticas que buga tudo e eu ainda não sei deixar o código limpo, organizado e padronizado.
  • personalização dos títulos (h1, h2, h3...) que não existe e precisa ser feito manualmente, caso queira algo com mais frufru.
E pensar que inicialmente eu tava planejando fazer um layout inspirado em circo, com uma ilustração que eu fiz num lampejo de inspiração... Porém eu tenho preguiça e busquei uma opção mais fácil. Que não foi simples, na verdade é cheia de detalhes minuciosos (passei meia hora decidindo a borda do blockquote e outra meia hora decidindo o hover do blockquote, pra que? Porque eu queria um enfeite).

As vantagens desse layout é que ficou bem mais fácil pra eu personalizar o background das páginas e a própria área de postagem, porque essa base é bem fácil de personalizar.

No momento o medo é do blog so quebrar no meio. Mas vai ficar tudo bem. 

Visão atual:

obs. no rodapé tem um pixel de ventilador representando o clima que tá MUITO quente esses tempos, tem horas que me remete a ventilador de computador rodando lento porque ta sobrecarregado e a maquina começa a superaquecer.

6 comentários:

  1. cara me lembra muuuuito alguns sites de web antigos do neocities, vc encontra muito estilo win97, alguns que usam até aquele site de edição d eimagemd o orkut, o binglee aaaa grande época.
    gostei como vc constroe o layout, como uma design de verdade, usando paletas e testando fontes e guarda tudo isso para mosntruário, eu só coloco la um cor aleatória, as vezes faço com base no cabeçalho ou algo assim. tudo muito conceitural amo adoro

    ResponderExcluir
    Respostas
    1. Grata! Os sites do Neocities são uma grande inspiração pra manutenção desse espaço (´▽`ʃ♡ƪ), mas não se engane com o relato, é bem mais caótico do que parece. Não achei que eu fosse passar uma impressão de organização, pelo contrário kkkk. Como eu nunca tenho cabeçalho, fico sem ter em que me basear, então tenho que buscar outros meios, talvez seja isso...

      Excluir
  2. Enfim, seu layout visualmente, ele está bom. As vezes, tem pessoas que colocam as coisas muito clarinhas e eu fico que nem cega tentando ler, porque de certa forma, eu estou ficando cega. Mas isso não vem ao caso, eu gostei do negrito ondulado, achei fofo na real. E ainda estou tentando ter uma ideia para meu futuro layout que convenhamos eu tô mais perdida que cego em tiroteio, e como eu já sou cega essa frase é inteiramente minha..

    ResponderExcluir
    Respostas
    1. Eu também não gosto e as vezes é uma tendência, os blog tudo com fonte de cor clara. Ai eu prefiro ler na versão mobile que simplifica a página e deixa preto no branco mesmo.

      Vou te incentivar a adotar o negrito ondulado pro seu novo layout, fica uma fofura e diferenciado. Mas relaxe, demora pra pensar em algo e demora mais ainda pra executar. Não é um incentivo mais, virou uma desmotivação agora kkkkkk

      Excluir
  3. Achei maravilhoso você vir puxar a minha orelha sobre a mudança do layout quando você, toda bonitona, com um visual todo novo também. Só posso dizer que estamos quites Lana, quites. Aliás, como tem andando a sua leitura com Hanako-kun? Tá gostando da rasgação de seda? Pra mim AidaIro está me testando a paciência e capacidade de raciocínio isso sim.

    E acredite, você não foi a primeira, nem a última, a notar os links de navegação do Doukyuusei com uma troca na paleta de cores. Na verdade eles foram a minha única opção visto que aquele skin não disponibilizava um menu do tipo e eu não queria mexer nele, já que não fui eu quem o criou, a ideia era só colorir mesmo e fechou, heh, mas vamos comentar sobre a sua odisséia enquanto editava o seu layout! Se tem algo que eu adoro é ler postagens que detalham a trajetória de criação por trás de um layout e as suas pelo visto são as mais completinhas, yayy!

    Esse visual quadradão é realmente interessante e traz uma sensação nostálgica que não me é familiar mas eu gosto e os links com hover em amarelo já foram um objeto de desejo meu em um layout anterior do Doukyuusei (i.imgur.com/dagnrmr.png) só que no meu caso foi com amarelo e preto. A partir desse passei a aproveitar melhor a paleta de cores graças ao Degraeve (www.degraeve.com/color-palette/) e isso tem sido muito bacana pois a poluição de cores que era um grande problema meu antes agora passou a ser meu maior divertimento!

    Logo, parabains pelo esforço Lana, seu layout está belíssimo!
    E provavelmente não vou conseguir te explicar isso de uma maneira didática mas para evitar que o hover seja destacado nas imagens ao longo da postagem o ideal seria alinhá-las tipo aquele button amarelinho acima dos links de "início", "sobre" e afins. O ideal seria deixar de usar o link automático que é gerado assim que você baixa uma imagem para dada postagem no Blogger, pegar só o link principal e alinha-la com códigos. É um saco? Com certeza, mas é o que venho feito a anos para impedir esse detalhe chatinho - ainda mais com um hover desses - atrapalhe o visual entretanto, com imagens que possuam link externo fica difícil, heh ':)

    Agradeço por mais um comentário e fico imensamente contente em saber que te inspiro a escrever com as minhas produções, mesmo que sua vontade se esvaia, você me fez querer escrever algo que te motive a fazer antes de perder a vontade na verdade, hah e bem, eu sei que metade dos animes/mangás sobre os quais escrevo nem todos conhecem, é por isso mesmo que sempre deixo seus nomes nos marcadores :^)

    Até outra horinha e tchau!

    ResponderExcluir
    Respostas
    1. Pra falar a verdade, eu to bem no começo do mangá ainda, até o momento tô achando tudo de bom, já chorei, já deu raiva, tudo nos conformes. Daqui pra frente é só ladeira mesmo, porque eu escolhi voltar a ler sabendo que não ta finalizado, nem perto.

      Eu também gosto de ver o processo de criação das pessoas, mas acho poucos posts sobre. Como eu gosto de ler, quis escrever um do jeito que eu gostaria de ver por aí. Acabou que eu me acostumei com a barra amarela nas imagem, mas obrigada pela dica, eu entendi o que você quis explicar.

      Eu sou saliente, e peguei essa imagem que tu linkou e botei la na minha página de layouts que eu gosto, qualquer coisa me processa pra tirar de la, beijos.

      Sobre seus textos, eu gosto muito que você coloca a identificação dos animes/mangas, porque assim eu posso pesquisar e ver.

      Até mais!

      Excluir

Apertar botão do windows + . (ponto) para ter acesso a emojis 😀, kaomojis (❁´◡`❁) e outros simbolos ↺