psd για wordpress; Κάποιες βασικές συμβουλές
Πολλές φορές όταν "ντύνουμε" ένα wordpress δεν μας αρκεί ένα template παρότι η αφθονία και η ποικιλία τους είναι τέτοια στο διαδίκτυο που είναι πολύ δύσκολο να μην βρεις κάτι που με τις κατάλληλες μετατροπές θα καλύψει τις ανάγκες τις δικές σας ή του πελάτη σας. Σε αυτές όμως τις περιπτώσεις ο σχεδιασμός της ιστοσελίδας εκ του μηδενός είναι η λύση και φυσικά τότε μιλάμε για σχεδιασμό στο photoshop και την παραγωγή ενός αρχείου PSD το οποίο θα εφαρμοστεί επάνω στο WordPress Επειδή σε αυτήν την περίπτωση έχουμε δυο επαγγελματίες που θα συνεργαστούν , τον web designer που θα εργαστεί στο psd και τον coder που θα αναλάβει να εφαρμόσει αυτό στο wordpress είναι πολύ σημαντικό ο web designer να έχει υπόψη τους τις ακόλουθες πρακτικές συμβουλές.
Ονοματίστε και γκρουπάρετε τα layers: Πραγματικά είναι πολύ σημαντικό να μπορεί ο coder να μπορεί να κάνει hide/show τα διάφορα elements προκειμένου να αποσπά τα κομμάτια που επιθυμεί από το psd κάθε φορά. Looking for a Header folder and finding the layer with your social icons moves much faster than if everything is within one and I’m forced to try to find everything with vague labeling like Layer 4. Βεβαιωθείτε ότι τα fonts που χρησιμοποιήσατε κάνουν για το web: This is one thing that I am honestly surprised gets overlooked so much. If you are not using a standard font in your design (Helvetica, Arial, etc.) then your font should be available via Google Web Fonts or FontSquirrel’s font kits orTypeKit or similar. Συμπεριλάβετε τα πάντα : If you want dropdown menus, show an example of what those menus look like on hover. If you want rollover states on the icons, include the rollover state in a layer group. Επαναλαμβανόμενα πρότυπαRepeatable patterns: If you used a tiled, textured background in your design, supply that independently from the design. Responsive design: Responsive design is awesome and definitely a trend that we will all continue to see. If you are a designer and you want your design to be responsive, include what the layouts look like at a tablet and mobile level so the developer can see how you want it to break down. Typically, there are a lot of changes, especially from desktop to mobile, so working solely
off a desktop design on a responsive build is difficult. For me personally, I request tablet and mobile breakdowns on every responsive project. Overall, there are a lot of steps that can be taken to make for an efficient development process. If you are a designer or an agency and you are interested in handing off designs to developers for builds, I would encourage you to take a look at Photoshop Etiquette