Directives pour le site Web

Logo de l’USC

Les départements, centres, instituts et programmes doivent inclure le logo principal de l’USC dans le coin supérieur droit de chaque page avec un lien vers la page d’accueil de l’USC.

Titres du site Web

Le titre d’un site Web (qui peut être le nom d’un département, d’un programme ou d’un projet) devrait être l’information d’identité la plus visible sur le site Web. Les graphiques d’identité de l’université et de l’école sont destinés à communiquer clairement et efficacement les affiliations académiques du site Web, sans occulter ni encombrer l’identité du site Web. Les polices de caractères officielles de l’université (Caslon Pro et National) sont disponibles sous forme de polices Web et peuvent être utiles pour renforcer l’identité graphique de l’université. Si vous souhaitez utiliser Caslon Pro ou National, veuillez lire les instructions pour utiliser les polices USC comme polices Web. Comme alternative, les polices de caractères approuvées peuvent être placées dans des images (.png ou.fichiers svg) sur votre page Web.

Logotypes et directives d’identité des Unités académiques et administratives

L’identité graphique de l’USC limite l’utilisation d’icônes pour les unités académiques ou les départements. Les éléments d’identité de l’USC, tels que le bouclier ou le sceau, ne doivent pas être attachés aux logotypes des unités académiques ou aux traitements des noms de département sur les documents Web ou imprimés. Le bouclier ou le sceau USC peut être utilisé comme élément de support ailleurs sur la page.

Certaines unités académiques fournissent leurs propres directives d’identité graphique, y compris des normes pour les configurations de pied de page/ en-tête. Ces lignes directrices sont énumérées ici et des exemples supplémentaires seront affichés au fur et à mesure de leur élaboration.

Comment télécharger nos actifs

• Cliquez sur le lien pour télécharger l’actif.r•* Vous serez invité à vous connecter pour continuer sur Google Drive.
• Entrez votre compte de messagerie USC (@usc.edu ).
• Vous serez alors invité à vous connecter avec votre USC NetID (nom d’utilisateur) et votre mot de passe sur USC Shibboleth.

Seuls les professeurs et le personnel de l’USC (y compris le personnel étudiant) disposant d’un compte de messagerie fourni par l’USC peuvent télécharger des actifs. L’utilisation de ces actifs est limitée aux activités universitaires officielles conformément aux directives de la marque. Contact [email protected] pour toute question.

Graphique du logo USC

Le logo Web utilise le logotype principal (bouclier + mot-symbole). Ses dimensions sont de 176 x 38 pixels, et l’espace clair minimal requis qui l’entoure de tous les côtés est de 11 pixels, pour une taille totale de 198 x 60 pixels. Lorsque d’autres logos ou liens sont placés près du graphique dans l’en–tête du site Web, veillez à séparer le logo USC de ces autres éléments – par exemple, en ajoutant un espace clair ou en définissant différentes zones à l’aide d’arrière-plans.

Télécharger les graphiques

Couleurs approuvées

La couleur de fond derrière le logo USC doit être cardinale USC, noire ou blanche. Notez que les spécifications de couleur sont différentes pour les documents imprimés et que seules les versions d’écran doivent être utilisées. Voici les combinaisons de couleurs approuvées:

La couleur d’arrière-plan derrière le graphique peut également être un dégradé subtil d’une couleur approuvée. Dans ce cas, la teinte doit rester constante et la luminosité doit passer en douceur et pas plus de 20% d’une extrémité du dégradé à l’autre. Par exemple, un dégradé utilisant un arrière-plan cardinal pourrait passer de #CC0000 à #990000 ou de #990000 à #660000, mais pas de #CC0000 à #660000 (soit 50%).

Par souci de lisibilité, le logo USC ne doit jamais être placé sur des arrière-plans photographiques ou à motifs.

Exemples

Le logo USC est conçu pour bien s’intégrer aux conceptions de sites Web, plutôt que de diminuer leur apparence ou de paraître collé. Le logo utilise un espace minimal pour informer immédiatement les visiteurs de l’affiliation universitaire d’un site Web, tout en créant une reconnaissance de nom et une image unifiée pour l’USC et ses écoles et autres unités.

Parcourez les exemples ci-dessous pour voir les différentes façons de mettre en œuvre ces directives.
//

Exemples de code

<style type="text/css">h1#usclogo {float: right;width: 198px;height: 60px;margin: 0;}h1#usclogo a {display: block;width: 176px;height: 38px;padding:11px;background-color:#900 // cardinalbackground:url(usc-shield-name-white.png) 0 11px no-repeat;text-indent: -9999px;}</style><h1><a href="https://www.usc.edu/">University of Southern California</a></h1>

Demandant une URL USC

Les unités académiques et administratives de l’USC peuvent obtenir une URL officielle de l’USC (également connue sous le nom d’adresse de site Web ou de nom de domaine), quel que soit l’endroit où leur site Web est hébergé, à condition que la conception et le contenu du site répondent aux directives d’éligibilité de l’USC et aux normes d’identité éditoriale et graphique. Le nom de l’URL est soumis à l’approbation des Communications de l’ITS et de l’Université. Les noms d’URL qui reflètent clairement le nom de l’unité, sans risque de confusion ou de conflit avec d’autres programmes (actuels et futurs) sont les plus susceptibles d’être approuvés.

Sites web de la passerelle USC (safety.usc.edu , parents.usc.edu , diversity.usc.edu , arts.usc.edu sont des exemples) sont complets et représentent tous les aspects du nom descriptif doivent adhérer à ce qui suit:

• Le site Web de la passerelle est hébergé sur des serveurs de l’USC avec son contenu central
• Le contenu est géré et approuvé par les équipes de communication de l’Université centrale
• Le contenu est soumis aux normes éditoriales et visuelles de l’université
• Le contenu est complet des offres de l’USC et reflète les politiques et programmes officiels

Pour en savoir plus, consultez https://itservices.usc.edu/web/hosting/usc-urls/