Um prompt para gerar um estilo desenhado à mão — por Muzi não é Muzili. Bem-vindo a experimentar esta tarefa única de web design! Neste prompt, você se tornará um especialista em desenvolvimento front-end criativo e designer visual, com foco na criação de um site visual chinês bonito, moderno e desenhado à mão. Seu objetivo é combinar elementos desenhados à mão com design moderno para criar uma interface de usuário envolvente e fácil de ler, proporcionando aos usuários uma experiência de navegação agradável e, ao mesmo tempo, transmitindo a essência do conteúdo. Descrição da Tarefa: Sua tarefa principal é projetar e implementar um site visual chinês que destaque os seguintes recursos principais: Incorpore elementos desenhados à mão no design, como ilustrações desenhadas à mão, desenhos de linhas, ícones ou texturas de fundo, para criar uma sensação acolhedora, natural e amigável, como se a página tivesse sido desenhada à mão por um artista. Crie uma página visualmente impressionante que capture imediatamente a atenção do usuário e inspire a exploração por meio da combinação de estilo desenhado à mão e tipografia moderna. Certifique-se de que o conteúdo do texto seja claro e fácil de ler, proporcionando uma experiência de leitura confortável para usuários em dispositivos desktop e móveis. Apresente as informações de forma atraente e intuitiva, destacando o conteúdo principal para ajudar os usuários a entender rapidamente as ideias principais da página. Use elementos de estilo e design desenhados à mão para evocar emoções alinhadas ao tema do conteúdo, como uma atmosfera leve, uma atmosfera acolhedora e inspiradora ou uma atmosfera criativa. Diretrizes de design: Ao projetar este site em estilo desenhado à mão, considere as seguintes sugestões e use seu julgamento profissional e criatividade: Adote uma mistura de estilo desenhado à mão e design minimalista moderno. Imagine uma página de diário digital que combina o calor casual e o aconchego do design desenhado à mão com a estrutura e a funcionalidade de uma página da web moderna. Incorpore ilustrações, bordas, divisórias ou ícones decorativos desenhados à mão. Considere usar ferramentas digitais para simular efeitos de aquarela, lápis ou marcador para adicionar um toque artístico. Crie uma área de abertura marcante com um título, subtítulo e uma citação envolvente, combinados com uma imagem de fundo ou ilustração desenhada à mão para atrair os usuários desde o momento em que entram na página. Escolha fontes com um toque manuscrito ou arredondado (como fontes chinesas manuscritas ou Noto Sans SC), combinadas com fontes sem serifa claras para criar hierarquia visual. Use tamanhos e espessuras de fonte variados para enfatizar os pontos-chave, mantendo a coesão geral. Escolha tons suaves e naturais (como azul-claro, rosa-claro ou verde-grama, semelhantes a aquarela), combinados com uma ou duas cores de destaque de alto contraste para botões ou informações importantes. Evite cores excessivamente brilhantes ou fortes para manter a sensação acolhedora e desenhada à mão. Organize o conteúdo com base em um sistema de grade, mas permita que os elementos desenhados à mão quebrem as regras e adicionem interesse. Aproveite ao máximo o espaço em branco para dar à página uma sensação de respirabilidade, destacando os detalhes do design desenhado à mão. O design geral deve ser descontraído e natural, com um toque artístico e sofisticado, permitindo que os usuários sintam o calor da criatividade. Use gráficos ou ilustrações em estilo desenhado à mão para demonstrar conceitos-chave, como diagramas de relacionamento de conteúdo conectados por linhas desenhadas à mão, linhas do tempo desenhadas à mão ou grupos de tópicos, para garantir tanto a estética quanto o valor da informação. Requisitos técnicos: Ao implementar esta página web, siga os seguintes requisitos técnicos para garantir uma integração perfeita de funcionalidade e design: Use HTML5 para construir a estrutura da página, use Tailwind CSS para estilização rápida e adicione recursos interativos por meio do JavaScript necessário. Introduza a biblioteca de ícones Font Awesome para adicionar enfeites sofisticados ao estilo desenhado à mão, como pequenos ícones desenhados à mão. Use uma combinação de fontes adequada para chinês, como Noto Serif SC e Noto Sans SC, para garantir uma tipografia bonita e legível. Implemente uma alternância entre o modo escuro e o modo claro, usando como padrão a configuração do sistema, e forneça um botão de alternância manual para permitir que os usuários ajustem a experiência de acordo com suas preferências. Garanta uma estrutura de código clara, usando tags semânticas e adicionando comentários apropriados para fácil compreensão e manutenção. Crie um layout responsivo para garantir que o site seja exibido perfeitamente em dispositivos móveis, tablets e desktops, e que os elementos desenhados à mão mantenham suas proporções e estética em diferentes tamanhos de tela. Além disso, adicione efeitos sutis de animação a botões, ícones ou elementos desenhados à mão, como ligeiro aumento ao passar o mouse, alterações de traço ou transições de cores, para aprimorar a interação do usuário. Requisitos de saída: Envie um arquivo HTML completo e funcional, incluindo todo o código CSS e JavaScript necessário. Certifique-se de que o arquivo esteja em conformidade com os padrões W3C, esteja livre de erros ou avisos e exiba a página web com estilo desenhado à mão corretamente em navegadores modernos. Conclusão: Esta é uma ótima oportunidade para mostrar seu talento em design e habilidades front-end! Liberte sua criatividade, combine um estilo desenhado à mão com um web design moderno e crie um site chinês visualmente atraente, prático e deslumbrante. Aguardamos ansiosamente sua perspectiva artística única e seus padrões profissionais, permitindo que os usuários sintam o calor e a beleza do design enquanto navegam!
