Giter Club home page Giter Club logo

font-library-v2's Introduction

(Open) Font Library v2

The Font Library is a project devoted to hosting and encouraging the creation of fonts released under Free Licenses. It hosts over 6000 fonts from over 250 contributors These are intended to be downloaded, remixed and shared freely. Originally created as an initiative in 2006, the project relaunched on May 12, 2011 at the Libre Graphics Meeting 2011 in Montreal by Fabricatorz developer Christopher Adams.

Font Library ceased posting and updating fonts on November 29, 2020.

Liens

Demande

Vous concevrez l’identité graphique du site web en veillant à être cohérent avec les valeurs du projet initial.

Vous élaborerez un scénario complet : page d'accueil › page catalogue › 1 page de font › download

Ce scénario sera incarné dans une suite d’écrans et d’états d’écran, et démontrera fidèlement votre intention graphique et ergonomique.

Livrables

  • Une identité graphique (direction artistique du projet web) et son argumentation
  • Style tiles
  • Un prototype Figma
  • Un prototype HTML mettant en œuvre tout ou partie des intentions créatives
  • Le rendu pourra être accompagné de vidéos/gifs détaillants certains principes d'interaction, animations UI

Planning

Mahé JB Kévin Clément
S1 27/09 Mardi Matin × × × × Lancement de projet 9h-11h
27/09 Mardi Aprem × Apport UX / tool design / archi de l’info (parcours, wireframes/flows)
30/09 Vendredi Matin × Apport culture typo / DA / codes graphiques
30/09 Vendredi Aprem × × Idéation et suivi des étudiants
S2 04/10 Mardi Matin × Idéation et suivi des étudiants Apport conception UI / micro interaction ?
04/10 Mardi Aprem ×
06/10 Jeudi Matin × × Idéation et suivi des étudiants
06/10 Jeudi Aprem × × Restitution orale intermédiaire des intentions Requis : un démonstrateur qui fait état des intentions graphique et ergonomique (Figma ou autre) Rendu intermédiaire des prototypes
S3 11/10 Mardi Matin × × Production et suivi des étudiants
11/10 Mardi Aprem × × Production et suivi des étudiants
13/10 Jeudi Matin × Production et suivi des étudiants
13/10 Jeudi Aprem × Production et suivi des étudiants
14/10 Vendredi Matin × × Production et suivi des étudiants
14/10 Vendredi Aprem × × Production et suivi des étudiants
S4 18/10 Mardi Matin × × × × Restitution de projet
18/10 Mardi Aprem × × Communication de projet, valorisation

Pour bien commencer

  1. Analyser l’identité des signes existants (logotype + da site) ainsi que l’arborescence et le site
  2. Identifier les opportunités (Comment pourrions-nous)
  3. Se ressourcer avec des expériences équivalentes à Font Library
  4. Proposer des intentions graphiques et ergonomiques

Objectifs pédagogiques

Méthodologie

  • UX / UI : Comprendre un contexte d'usage, intégrer des retours utilisateur
  • UX / UI : Connaître et appliquer les principales étapes de conception UI (parcours, architecture, fonctions, zoning, wireframes, etc.)
  • UI : Générer une identité graphique en utilisant les outils et étapes de conception (références, moodboard, recherches et explorations graphique (typo, couleur, signes, mise en page, test lisibilité, identité, style tiles)
  • Savoir s'appuyer sur différents niveaux de prototypage (modes de représentation / outils)

Création

  • Savoir scénariser des parcours d'utilisation efficaces et singuliers
  • Savoir structurer une interface (grille, composants, etc.)
  • Savoir concevoir une identité créative et cohérente
  • Savoir mettre en page : organiser et hiérarchiser les informations
  • Savoir concevoir des interactions et micro-interactions (affordances, feedback, transitions, etc.)
  • S'approprier et mettre en oeuvre des codes graphiques, animés et interactifs d'une culture spécifique, celle de l'Open Source
  • Enrichir sa culture des interfaces web actuelles

Technique

  • Maîtriser les choix formels (justesse formelles des signes produits)
  • Appliquer le code orthotypographique et les lois fondamentales de la mise en page
  • Maîtriser les outils de conception UI (Figma + prototypage)
  • Progresser en intégration et développement front-end
  • Partager son travail sur une plateforme de versioning
  • Enrichir sa culture des formats typographiques du web, et des différentes licences

Références

font-library-v2's People

Contributors

kevinvennitti avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.