Novo ano, novo site, novo logo

Suporte Técnico
#14

@Logo na Wiki: até semana passada era aquele logo com fundo preto, o Kha atirando e o USPGameDev escrito em baixo.
Coloquei aquele lá pq ficava remotamente melhor, mas não sabia se era OK colocar o fundo do logo transparente, ou coisa assim então deixei assim mesmo. Dado os exemplos que o Akira acabou de colocar, parece que é OK variar nisso o/

@Will: MediaWiki, não WikiMedia :stuck_out_tongue:

@Acesso ao Servidor: não vejo problemas em dar acesso, mas isso é o perfeito caso de “com grandes poderes vêm grandes responsabilidades”. É fácil quebrar coisas, e tem que achar onde fica no servidor o que você precisa. Teste no seu próprio PC tudo, deixe redondo e só depois coloca lá. Se quiser, pode passar para mim que eu coloco.

@Versão da Wiki: mas eu atualizei! Era mais velho ainda antes :stuck_out_tongue:
O que eu fiz é mudar para usar o mediawiki através do repositório do Debian. Dessa forma updates de segurança vem pelo apt-get.

#15

Apoio o logo ser vertical, ficou bem mais interessante (mas eu não sei porque… é por causa da face branca ter se tornado o centro?)

Concordo, a agressividade atual das cores não me deixa ficar no blog por mais de 5 mim.
Se eu fosse escolher uma palheta, eu pegaria uma baseada nas cores do Hórus Eye, tanto pela imagem de fundo atual, quanto por ainda ser nosso maior jogo concretizado. Ou usaria uma de cores claras e receptivas, afinal, ninguém aqui é revolucionário e o que a gente quer é aprender e distribuir conhecimento.

[quote=“orenjiakira, post:13, topic:369”]Vendo referências por aí, eu optei por uma paleta mais versátil. Acho que atualizei as cores, mas não estou achando as cores mais recentes que estava usando de fato, MAS tenho a primeira versão delas aqui:
https://coolors.co/app/db6423-2a383c-e6e6e6-239adb-1a1a1a[/quote]

Hum… o que é uma “palheta de cores versátil”?
Sinceramente, essa palheta me lembra um escritório.

As cores que você mandou em anexo me lembram demais o Relic Hunters, acho que isso vai causar confusão.
Off: Toda vez que eu vejo verdes-agua eu tenho vontade de colocar alguma coisa roxa, é possível confraternizar as duas cores?

#16
Hum... o que é uma "palheta de cores versátil"? Sinceramente, essa palheta me lembra um escritório.
Versátil porque é mais colorida. Tem mais cores, e portanto tem mais combinações. Justamente como estava dizendo, é para utilizar diferentes combinações para diferentes contextos. Dá pra fazer uma das cores predominante e usar apenas uma outra auxiliar. Dá para usar uma predominante e duas auxiliares. Dá pra fazer várias coisas bem diferentes. Por isso achei legal a ideia variação de contexto. E pfv me mostre uma foto desse escritório.
Se eu fosse escolher uma palheta, eu pegaria uma baseada nas cores do Hórus Eye, tanto pela imagem de fundo atual, quanto por ainda ser nosso maior jogo concretizado.
A paleta do Horus é nêutra e boring exatamente como atualmente está o blog. Alias, eu usei ela para fazer a imagem de fundo, afinal, a imagem faz parte da identidade do site. E não, não acho uma boa ideia, por isso estou sugerindo alternativas. Sorry.
Ou usaria uma de cores claras e receptivas, afinal, ninguém aqui é revolucionário e o que a gente quer é aprender e distribuir conhecimento.
O que é uma cor receptiva? Eu acho vermelho receptivo, mas tem gente que acha agressivo. Cores só fazem sentido como linguagem dentro de um contexto. E saber conciliar cores claras é difícil. Até parei com o laranja e preferi um vermelho ligeiramente mais escuro que o da imagem porque uma cor clara e saturada já basta.
As cores que você mandou em anexo me lembram demais o Relic Hunters, acho que isso vai causar confusão. Off: Toda vez que eu vejo verdes-agua eu tenho vontade de colocar alguma coisa roxa, é possível confraternizar as duas cores?
Eu não faço a mínima ideia do que é Relic Hunters e te garanto que 90% (made up statistics yay) da USP tb não deve saber. [url=https://unity3d.com/]E também te garanto que tudo parece com alguma coisa.[/url] E não, não vai casar confusão. Olha: [url=http://bahamas10.github.io/ryb/]http://bahamas10.github.io/ryb/[/url] tem menos cores do que se pensa que existe. Tá, tem milhões de variações, mas os matizes sempre são esses, e existem trocentas marcas e coisas no mundo de diversas cores. Tudo parece com alguma outra coisa em algum nível, e isso vai depender do repertírio de quem vê. Aliás, Relic Hunters (acabei de googlar) usa CIANO MAGENTA E AMARELO (AKA CMYK, sistema de cores internacional de impressão). Literalmente CMYK é umas das paletas mais overused do mundo. Furthermore, a paleta que apresentei não é CMYK.

Quanto ao roxo, believe me, eu testei e não dá. Roxo deixa a paleta atual muito análoga, e não seria muito conciliável nem legível. Aliás, legibilidade é importantíssimo em uma paleta. Escolhi cores com bons constrastes e com margens a combinações que não agridam os olhos.

Aliás eu achei as cores que estou usando no momento: https://coolors.co/app/a92b2c-1f2830-e6e6e6-62f2aa-1a1a1a

#17

Aqui está o mais próximo que eu consegui: http://arapnishi.com.br/wp-content/themes/arapnishi_v1/images/escritorio.jpg
Marrom: Móveis de madeira, ou que tentem parecer com madeira
Branco: Camisa social
Preto: Ternos, cadeira
Azul: Céu visto por uma janela, monitor com Windows padrão
Cinza: Os prédios da cidade, piso
Mas pensando bem, acho que essas cores podem ser encontradas em qualquer cômodo “sério”, só não de forma brilhante.

Nunca vou falar pra mim mesmo que eu entendo de cores… No nosso caso atual, o contexto para o vermelho seria formas pontudas e fundo preto ou tem mais a considerar?

[quote=“orenjiakira, post:16, topic:369”]Eu não faço a mínima ideia do que é Relic Hunters e te garanto que 90% (made up statistics yay) da USP tb não deve saber. E também te garanto que tudo parece com alguma coisa.
Aliás, Relic Hunters (acabei de googlar) usa CIANO MAGENTA E AMARELO (AKA CMYK, sistema de cores internacional de impressão). Literalmente CMYK é umas das paletas mais overused do mundo. Furthermore, a paleta que apresentei não é CMYK.[/quote]

Faz sentido, ok.

Ahhh… quê? ???

Isso… me lembra… neon? ???
E se trocar a cor mais clara do verde para o branco?

#18
Aqui está o mais próximo que eu consegui: http://arapnishi.com.br/wp-content/themes/arapnishi_v1/images/escritorio.jpg Marrom: Móveis de madeira, ou que tentem parecer com madeira Branco: Camisa social Preto: Ternos, cadeira Azul: Céu visto por uma janela, monitor com Windows padrão Cinza: Os prédios da cidade, piso Mas pensando bem, acho que essas cores podem ser encontradas em qualquer cômodo "sério", só não de forma brilhante.
...eu não vi nenhuma das cores que mostrei na foto. Sequer tinha marom ou cinza nas minhas cores
Isso... me lembra... neon? ??? E se trocar a cor mais clara do verde para o branco?
Mas...já tem branco. ;A;

To vendo que tá difícil de acreditar no designer. Deixa eu mostrar uns prints do tema em que estou trabalhando pra gente com as cores aplicadas…no anexo.

No blog pensei em predominar o azul escuro, usando o branco para texto. Tipografias Intro (da nossa marca) e Roboto, que são fontes livres e de boa legibilidade. Estou trabalhando com responsividade, então as coisas funcionam em qualquer tamanho de tela, sem perder funcionalidade. A minha próxima etapa seria trabalhar com a paginação de projetos e artigos. Depois com a visualização de singles (quando vc vê só um post, com mais detalhes). O menu é facilmente customizado através de seções e 95% do script é feito sem jquery, para ser mais rápido. As imagens também mudam de resolução conforme a tela e vc baixa só uma versão de resolução, a não ser que vc mude drasticamente o tamanho da tela enquanto navega.

É mais bonito navegando, mas ainda não tá no servidor. Só no git e no meu computador. Falta uns detalhes do tipo info de contato, link pro forum, mas eu estou pensando nisso já.

#19

Gente é só que assim…

Nós levamos quatro meses para definir um logo…

Penso que alguma solução provisória e fácil de implementar é necessária para criar uma visual mais consistente. Ainda que o logo não precise ditar a escolha cromática, é o que temos em mãos no momento. Assim esta primeira modificação não fica refem de alguém do design. Paralelamente alguém do design pode ir trabalhando numa versão melhor, é tudo um trabalho em andamento, mas o que está no ar é o que aparece.

Que tal priorizar menus horizontais e a paleta do logo em preto branco e vermelho repetir-se nos endereços? Depois que a identidade visual mais complexa estiver pronta ela pode suprimir esta intermediária.

Tentarei modificar o MediaWiki para Vector e monocromático offline depois mando para o Henrique. Alguém pode procurar um tema de Wordpress que orne com o Wiki e o Fórum e ao mesmo tempo enderece o problema dos comentários?

A fonte do UspGamedev ainda não foi compartilhada no fórum. Sobre a mudança de posição do texto no logo não concordo.

#20

Entendi, então a ideia aqui é mais uma solução intermediária, porém imediata.

Eu vou tentar fazer algo no tema do fórum até o Global Game Jam (que é amanhã).

A fonte do logo (versão com texto do lado) é esta: http://fontsup.com/font/dinpro-bold.html

Teoricamente, o blog já está nas cores do logo, a menos da imagem de fundo do Horus. O que falta “uniformizar” mesmo são o fórum e a wiki, não é isso? Sei que tem o problema dos comentários, mas trocar o tema inteiro só para arrumar isso parece mais demorado do que simplesmente tentar arrumar essa questão pontualmente. Akira, você consegue arrumar só isso no layout atual do site o quanto antes?

Sobre mudança na posição do texto no logo: me incomoda um pouco a versão com texto do lado porque as letras não ficam muito bem alinhadas, mas tirando isso as duas soluções talvez sejam apenas circunstanciais (em alguns lugares fica melhor de um jeito, e em outros do outro).

EDIT: instalei vários temas no fórum. Quem tiver interesse, vá em Profile -> Modify Profile -> Look and Layout e experimente. Gostei bastante do SquareEra, mas o problema dele e dos outros é que não sei mudar a imagem que aparece no banner.

EDIT2: Ok, consegui hackear uma versão horrível que fiz do logo no tema SquareEra. Ativem esse tema e contemplem o horror! Mwhahahahahaha

#21

Porque horror Wil? Tá super legal! Já quebra o maior galho na minha opinião. :slight_smile:

Obrigado por confirmar a fonte!

800×417 103 KB

EDIT 1:

Tá… Creio que esta din bold não é tão bold (e nem tão din) quanto precisamos vejam:

712×435 41.5 KB

Aqui está a imagem do Akira:

E aqui está o melhor que pude fazer com o source fornecido:

Para quem tiver interesse o source em Blender (2.76) está

AQUI

#22

MEU DEUS DO CEU NAO

A tipografia do logo NAO É DIN PORRA NENHUMA AI MEU DEUS NAO ME MATA DO CORACAO

É Intro. Ela é grátis. Olha só http://www.fontfabric.com/intro-free-font/

GENTE SENTA AQUI Ó VAI DAR TUDO SERTO CALMA

Eu FIZ essa porra de logo. Eu passei horas e horas (se não dias) da minha vida alinhando e realinhando a bosta das letras para elas ficarem bonitinhas. Vocês querem versões vetorizadas? É SÓ PEDIR. Não inventa de refazer que vai zuar toda a proposta da forma. Não tem nenhuma linha fora de lugar, tá tudo lá daquele jeito PORQUE EU PASSEI TEMPO PENSANDO NISSO e deixando tudo exatinho ok? Não é dadaísmo, não. Não tem nada de caos. É geométrico, matemático. 0,30000000001 não é 0,3… ok talvez seja, mas deu pra entender. Tenho todas as versões comigo, e, realmente, eu devia colocar no github. Não sei onde, mas vou lá por.

Vocês querem solução imediata? Vai lá e faz. Eu gosto de fazer as coisas bem feitas, sinto muito se demora mais. Fiquem à vontade para trocar temas, mexer no CSS. Mas por favor, pelo menos não inventem de usar novas fontes. Pergunta pro designer. Oi, tudo bem? Sou designer. Não sejam clients from hell. Pfv.

Mas tá, vamos lá, solução ideal.

To vendo que vcs querem versionamento. Já ouviram falar de github? Oh wait, temos um grupo só pra nós? WOW porque não fizemos um repositório pro tema antes? Resposta: a culpa é minha, eu tenho acesso ao servidor e deveria ter feito um. Deveria ter criado branches de development e production, etc, sorry my bad, ainda não estou acostumado com boas práticas de github. Temos pessoas experientes em Git. Vamos tentar juntar forças e ir melhorando o site aos poucos, do jeito que vcs estão pedindo? Aí alguém que trabalha numa versão temporária para melhorar rapidinho vai lá e faz sua branch. Eu to fazendo a minha branch faz um tempo já, mas não num repositório do grupo.

Enfim.

Vou compilar os arquivos vetoriais que tenho e colocar aqui provisoriamente. Vou criar um repositório no git pra gente tb para colocar lá e todo mundo ter acesso às todas as variações. Eventualmente vou criar um Manual de Marca, assim ninguém fica fazendo besteira com o logo quando precisar remendar alguma coisa.

Tamo bem agora? Falei alguma merda? Ta todo mundo feliz?

[EDIT]
Não tenho permissão para criar repositórios no git do grupo. Haha ops.

#23

Segue link para o source corrigido (Blender 2.76b, fonte Intro) Uma das consequencias de se usar fontes erradas é que elas ficam erradas:

Agora qualquer um pode renderiza-lo em qualquer tamanho, em alpha e em qualquer cor usando apenas software livre.

Legal né? :slight_smile:

Se nós soubéssemos o valor RGB do vermelho ficaria ainda mais preciso. Se nós tivéssemos um .svg do cubo(?) ficaria ainda mais preciso. Se nós tivéssemos a mesma taxa de juros de financiamento de empréstimos para pequenas empresas que os Estados Unidos tem, ficaria ainda MAIS preciso.

768×512 13.6 KB

#24

Oi gente baixei o wiki do UspGameDev e estou tentando seguir este tutorial aqui:

https://www.mediawiki.org/wiki/Skin:Vector

Mas surgiram algumas dúvidas:

1- Qual nossa versão de MediaWiki?
2- Nós não temos uma pasta “skins”. Devemos criar uma ou usar uma existente?
3- Quanto a SpecialVersion temos: A) Special:RecentChangesLinked e B)Special:WhatLinksHere. Tem alguma coisa a ver? O tutorial se refere a um diretório?

Obrigado!

#25

Hum… se entendi direito, então a culpa é toda minha, é isso? XD

Minhas únicas duas defesas são:

@fonte
O pessoal tava pedindo a fonte faz um tempo aqui, Akira. Eu respondi a que eu lembrava que usamos (talvez tenha sido uma versão não final ou whatever). Eu não precisava tomar um golpe crítico só porque tentei atender à thread.

@Besteiras com a marca
Tá, isso não é exatamente um defesa. Eu fiz o logo feio DE PROPÓSITO. É uma técnica avançada para incentivar as pessoas a fazerem algo melhor. E funcionou, embora com efeitos colaterais >.<

Agora sobre as coisas não-hue:

@Permissões do GitHub
WTF o GitHub mudou tudo sobre os teams das ogranizações. Tentei arrumar, espero que não tenha explodido nada. Tenta criar lá, Akira.

@Chico

  1. Acho que é 1.19
  2. Acho que sim
  3. Não entendi
#26

[quote=“Kazuo, post:25, topic:369”]@Chico

  1. Acho que é 1.19
  2. Acho que sim
  3. Não entendi[/quote]

Oi Wil! Quanto ao item 3 eu me referia a parte de instalação presente no tutorial.
Bem como o Wiki é para baixo de 1.24 devemos prosseguir daqui creio:

"To users running MediaWiki 1.24 or earlier:

The instructions above describe the new way of installing skins using wfLoadSkin(), since MediaWiki 1.25. If you need to install this skin in earlier versions, instead of wfLoadSkin( ‘Vector’ );, you need to use:

require_once “$IP/skins/Vector/Vector.php”;"

(To run an skin on an earlier release, you may need to download the version of it tagged for that release from Special:SkinDistributor.)"

O que significa o “require_once” neste contexto? Alguém sabe?

#27

https://drive.google.com/folderview?id=0B4V_GG1RefF6a2pLN05Iek9vTXc&usp=sharing

Yay. Arquivos vetoriais para todas.

De novo, se quiserem as cores (modifiquei o vermelho um pouquinho para ficar melhor em fundo escuro):
https://coolors.co/app/efefef-1f2830-75ffba-e54b4b-1a1a1a

#28

@Chico: 1.19.20 com alguns patchs custom

Olhando no servidor, parece que já tem instalada essa skin e um monte de outras:

$ ls /var/lib/mediawiki/skins/ chick CologneBlue.php Modern.php myskin Nostalgia.php Standard.php Chick.deps.php common monobook MySkin.deps.php simple vector Chick.php modern MonoBook.deps.php MySkin.php Simple.deps.php Vector.deps.php cologneblue Modern.deps.php MonoBook.php nostalgia Simple.php Vector.php

#29

Valeu Henrique!

EDIT:

Agora tô entendendo a bagaça. Só que tem um probleminha: Fazer o MediaWiki rodar localmente, por enquanto está acima de minhas capacidades pessoal, o que me impede de visualizar os parâmetros que eu estou mudando. No entanto se você mudar o tema para Vector e me der acesso apenas a pasta “Images”, que só contém imagens, dentro do tema vector que fica dentro da pasta skins (mediawiki/skins/vector/images) já dá para fazer bastante coisa do ponto de vista gráfico.

Para mudar o tema para vector veja na parte “Enabling skins” desta página: https://www.mediawiki.org/wiki/Manual:Skin_configuration

Eu sei usar o Filezilla para transferências de arquivos, mas é FTP. Será que é possível com este método?

#30

Vc não vai conseguir baixar o mediawiki de nenhuma maneira pública: o servidor nunca fornece o código.

Eu poderia empacotar as coisas e passar para você, mas não vai ser muito útil =/
Recomendo vc seguir algum guia para ter um mediawiki limpo que vc baixar da internet só para vc experimentar.
Achei esse aqui que pareceu simples, mas não testei.

Qualquer coisa da um tapa no wil no lab?

#31

Não estou entendendo nada. Henrique, você não consegue pelo menos mudar a skin como o Chico falou?

#32

[quote=“Henrique, post:30, topic:369”]Vc não vai conseguir baixar o mediawiki de nenhuma maneira pública: o servidor nunca fornece o código.

Eu poderia empacotar as coisas e passar para você, mas não vai ser muito útil =/
Recomendo vc seguir algum guia para ter um mediawiki limpo que vc baixar da internet só para vc experimentar.
Achei esse aqui que pareceu simples, mas não testei.

Qualquer coisa da um tapa no wil no lab?[/quote]

Então… A minha ideia não é baixar o mediawiki inteiro eu só preciso ser capaz de sobrescrever imagens que estão numa pasta específica que pelo que discutimos já existe no Wiki do UspGameDev. Mas para isso o skin precisa estar habilitado e eu preciso ter acesso a (somente) esta pasta no servidor.

EDIT: Postei com o Wil.

Wil resumo: O tema Vector do mediawiki (Mais bonito) já existe no servidor do UspGameDev mas precisa ser habilitado, mudando um arquivo Php que fica em outro nível e requer permissão especial, o ideal é que eu não mexa neste arquivo, porque como você já deve ter reparado, eu não manjo nada de Php e a chance é grande de eu zoar a bagaça.
Por outro lado, caso alguém possa acessar a pasta de imagens deste tema (<–Inofensivo/security?), os gradientes e ícones podem ser mudados e um feedback visual limitado é possível :wink: O gradiente azul em tons de cinza por exemplo ficaria bem legal creio eu…

#33

Eu estou assumindo que precisava configurar a skin de alguma maneira. Se for só para ligar ela posso fazer isso agora.