# 006 - Photoshopping Mobile, Partie 2 - Astuces CSS

Anonim

Nous avons l '«en-tête» de la conception en place, nous avons juste besoin de comprendre le reste de la page. Nous avons une liste des objectifs les plus importants que nous essayons d'accomplir, ce qui nous aidera à nous guider. Essentiellement, un ensemble de liens («navigation principale») nous servira bien.

Par exemple, nous devons mettre en valeur l'écriture de Jeff. Un lien vers le blog est logique. Cela n'a aucun sens de le rendre minuscule. Nous travaillons ici avec de petits écrans, nous avons donc créé un lien de barre large et évident. Un petit dégradé lui donne une certaine dimensionnalité (poussable) et le sépare du curseur ci-dessus. En cas de doute, une icône de flèche vend la possibilité de cliquer (ou appuyer).

Parce que nous avons utilisé un dégradé pour le lien, plus de boutons en dessous sont déjà séparés de celui au-dessus. Nous pouvons continuer à créer des liens le long de la page jusqu'à ce que tous les principaux domaines soient couverts. Je ne veux pas en faire trop, mais 4-5 devrait être bien. Et le fait que le «pli» se déroule en plein milieu d'un lien de barre est génial. Tout comme les diapositives qui pendent sur les bords de l'écran, le fait d'avoir un lien suspendu au bas rend évident que vous pouvez également faire défiler vers le bas.

Le pied de page sera à peu près aussi simple que possible. Juste un lien de copyright et quelques trucs de médias sociaux. Tout le monde sait ce que signifie un lien qui dit «Twitter» ou «Facebook».