├── README.md └── manifesto-PT-BR.md /README.md: -------------------------------------------------------------------------------- 1 | # Modular Interfaces Manifesto 2 | ##### v1.2 – (Portuguese version [here](manifesto-PT-BR.md)). 3 | 4 | We are designers and developers. 5 | 6 | We don't create *comps* for sites, applications and digital products. We don't deliver *pixel perfect* solutions. 7 | 8 | We build **modular systems**: flexible and scalable interfaces, composed of reusable elements. 9 | 10 | We seek ways to break the barriers between responsibilities on an interface project. 11 | 12 | We stimulate creative autonomy for developers and continuous participation for designers during the entire project. 13 | 14 | We promote collaboration between clients, developers, designers and users. 15 | 16 | We want to foment and further the discussions on digital interface creation and development on the communities we participate. 17 | 18 | We follow these principles: 19 | 20 | > ### "Ugly" first 21 | 22 | > Every project begins "ugly", because we believe that the initial conversations should be about content, navigation flows and structure – not visual details. 23 | 24 | > ### Gradual improvement 25 | 26 | > The project will be constantly evolving. Refinement will happen in agile cycles, prioritizing what generates the higher value. Expanding from smaller to bigger (*mobile-first* approach) and from the inside to the outside (*content-first* approach). 27 | 28 | > ### Look and feel over pixel perfection 29 | 30 | > Design guidelines will serve as foundation, guiding the path for development. Therefore, interface decisions should be taken based on the final output – code in the browser –, not the graphic design tool. 31 | 32 | >### System-thinking 33 | 34 | > The interfaces will result from the combination of modular elements, built to maintain visual and functional consistency. 35 | 36 |
37 | 38 | -- 39 | — If you believe that we can make our work less wasteful and more efficient, [**join us**](https://www.facebook.com/groups/modular.ui/). 40 | 41 | [Ítalo Mendonça](http://www.italomen.com.br) and [Thiago Victorino](http://www.github.com/tfvictorino). 42 | 43 | **ModularUI – Modular Digital Interfaces** 44 | http://modular-ui.com 45 | -------------------------------------------------------------------------------- /manifesto-PT-BR.md: -------------------------------------------------------------------------------- 1 | # Manifesto das Interfaces Modulares 2 | ##### v1.2 – (Versão em inglês [aqui](manifesto-EN.md)). 3 | 4 | Nós somos designers e desenvolvedores. 5 | 6 | Não criamos *telas* para sites, aplicações e produtos digitais. Não entregamos *pixels perfeitos*. 7 | 8 | Construímos **sistemas modulares**: interfaces flexíveis, escaláveis e compostas de elementos reaproveitáveis. 9 | 10 | Procuramos maneiras de quebrar as barreiras que dividem as responsabilidades dentro de um projeto de interface. 11 | 12 | Estimulamos a autonomia criativa dos desenvolvedores e a participação contínua dos designers no decorrer do projeto. 13 | 14 | Promovemos a colaboração entre clientes, desenvolvedores, designers e usuários. 15 | 16 | Queremos fomentar e aprofundar discussões sobre criação e desenvolvimento de interfaces digitais nas comunidades em que participamos. 17 | 18 | Seguimos os seguintes princípios: 19 | 20 | > ### *"Ugly" first* 21 | 22 | > Todo projeto começa "feio", pois acreditamos que as conversas iniciais devem ser sobre conteúdo, fluxos de navegação e estrutura, não sobre detalhes visuais. 23 | 24 | > ### Melhorias gradativas 25 | 26 | > O projeto estará em constante evolução. O refinamento acontecerá em ciclos ágeis, começando pelo que gera mais valor. Expandindo do menor para o maior (*mobile first*) e de dentro pra fora (*content first*). 27 | 28 | > ### *Look and Feel*, sim. *Pixel perfect*, não. 29 | 30 | > Diretrizes de design servirão de fundação para o projeto, norteando os caminhos para o desenvolvimento. Portanto, as decisões de interface devem ser tomadas com base no resultado final – código rodando no navegador –, não no software de desenho. 31 | 32 | > ### Pensamento sistêmico 33 | 34 | > As interfaces resultarão da combinação dos diversos elementos modulares menores, desenvolvidos para manter a consistência estética e funcional. 35 | 36 |
37 | 38 | -- 39 | — Se você acredita que podemos fazer nosso trabalho com menos desperdício e mais eficiência, [**junte-se ao time**](https://www.facebook.com/groups/modular.ui/). 40 | 41 | [Ítalo Mendonça](http://www.italomen.com.br) e [Thiago Victorino](http://www.github.com/tfvictorino). 42 | 43 | **ModularUI – Interfaces Digitais Modulares** 44 | http://modular-ui.com 45 | --------------------------------------------------------------------------------