# 006 - Photoshopping Mobile, Μέρος 2 - CSS-Κόλπα

Anonim

Έχουμε τη "κεφαλίδα" του σχεδιασμού στη θέση μας, απλώς πρέπει να καταλάβουμε την υπόλοιπη σελίδα. Έχουμε μια λίστα με τους πιο σημαντικούς στόχους που προσπαθούμε να πετύχουμε, έτσι ώστε να μας βοηθήσει να μας καθοδηγήσει. Ουσιαστικά ένα σύνολο συνδέσμων («κύρια πλοήγηση») θα μας εξυπηρετήσει καλά.

Για παράδειγμα, πρέπει να δείξουμε τα γραπτά του Jeff. Ένας σύνδεσμος προς το blog έχει νόημα. Δεν έχει νόημα να το κάνεις μικροσκοπικό. Δουλεύουμε με μικρές οθόνες εδώ, οπότε φτιάξαμε έναν μεγάλο και προφανή γραμμικό σύνδεσμο πλήρους πλάτους. Μια μικρή κλίση του δίνει κάποια διάσταση (ώθηση) και το χωρίζει από το ρυθμιστικό παραπάνω. Εάν υπάρχει αμφιβολία, ένα εικονίδιο βέλους πωλεί την δυνατότητα κλικ (ή πατήστε).

Επειδή έχουμε χρησιμοποιήσει μια κλίση για τον σύνδεσμο, περισσότερα κουμπιά από κάτω είναι ήδη διαχωρισμένα από αυτό που βρίσκεται πάνω του. Μπορούμε να συνεχίσουμε να δημιουργούμε συνδέσμους κάτω από τη σελίδα έως ότου καλυφθούν όλοι οι βασικοί τομείς. Δεν θέλετε να το παρακάνετε, αλλά το 4-5 πρέπει να είναι καλά. Και το γεγονός ότι το "fold" συμβαίνει ακριβώς στη μέση ενός bar-link είναι υπέροχο. Ακριβώς όπως οι διαφάνειες που κρέμονται από τις άκρες της οθόνης, έχοντας έναν σύνδεσμο που κρέμεται από το κάτω μέρος καθιστά προφανές ότι μπορείτε επίσης να κάνετε κύλιση προς τα κάτω.

Το υποσέλιδο θα είναι τόσο απλό όσο μπορεί. Απλώς ένας σύνδεσμος πνευματικών δικαιωμάτων και κάποια πράγματα κοινωνικής δικτύωσης. Όλοι γνωρίζουν τι σημαίνει ένας σύνδεσμος που λέει "Twitter" ή "Facebook".