Μετάβαση στο κύριο περιεχόμενο

Αναρτήσεις

Εμφάνιση αναρτήσεων με την ετικέτα Designers

Η σημασία του Wireframing πρίν το design

Το Wireframing είναι ένα πολύ σημαντικό βήμα στον σχεδιασμό και την ανάπτυξη μιας ιστοσελίδας ή μιας εφαρμογής. Στο σημερινό άρθρο θα δούμε γιατί είναι σημαντικό να σχεδιάζουμε wireframes πρίν ξεκινήσουμε την διαδικασία του σχεδιασμού της σελίδας ή της εφαρμογής μας και θα προτείνουμε 10 δωρεάν εργαλεία για wireframing.











Τι είναι ένα Wireframe Το Wireframe είναι ένα χαμηλού επιπέδου σχεδιάγραμμα (προσχέδιο, σκελετός, blueprint) του design μας, το οποίο μας βοηθάει τόσο εμάς όσο και τους πελάτες μας, να δούμε την δομή και την αίσθηση που αφήνει ο σχεδιασμός μας. Στα wireframes αναπαράγουμε τα στοιχεία όλης της σελίδας στις πραγματικές τους διαστάσεις και μεγέθη, αλλά παρόλα αυτά δεν περιέχει γραφιστικά στοιχεία. Απλά την θέση που θα πάρουν στον τελικό σχεδιασμό.
Μέσα από το wireframe μπορούμε να κάνουμε δομικές αλλαγές, αλλαγές σε κείμενα, τίτλους και στοιχεία, σε πολύ μικρό χρόνο, και να επικοινωνήσουμε το design μας ακόμα πιο εύκολα και ξεκάθαρα.
Η βέλτιστη διαδικασία desi…

Τι είναι το Responsive Web Design και γιατί το χρειάζεστε!

Το responsive web design είναι ένας σχετικά καινούριος όρος. Για πρώτη φορά αναφέρθηκε από τον Ethan Marcotte στο άρθρο του με τίτλο “Responsive Web Design”. Στα ελληνικά, η λέξη responsive σημαίνει ανταπόκριση, απάντηση, οπότε μπορούμε να πούμε ότι η τεχνική αυτή βασίζεται στην ανίχνευση κάποιων μεταβλητών και με βάση τις τιμές τους υπάρχει και ανάλογη ανταπόκριση. Στο web, θα ορίζαμε το responsive web design ως τη διαδικασία σχεδιασμού και κατασκευής ιστοσελίδων οι οποίες ανιχνεύουν διάφορες μεταβλητές από το εξωτερικό και εσωτερικό περιβάλλον και ανταποκρίνονται ανάλογα προς τον επισκέπτη. Στόχος είναι η δημιουργία μίας «έξυπνης» ιστοσελίδας η όποια θα προσαρμόζει το μέγεθος και τα βασικά χαρακτηριστικά της (μενού, εικόνες, κείμενο) ανάλογα με τις διαστάσεις της οθόνης της συσκευής του χρήστη! Το πρόβλημα Τα τελευταία χρόνια αυξάνεται με γοργούς ρυθμούς η χρήση των tablets και των κινητών συσκευών για την πλοήγηση στο διαδίκτυο από ότι παλαιότερα που χρησιμοποιούσαμε …

Google Web Designer

Δημιουργήστε διαδραστικά HTML5-based σχέδια και κινούμενα γραφικά που μπορούν να τρέξουν σε οποιαδήποτε συσκευή.
Δεν έχει σημασία πόσο εξαιρετική είναι η δουλεία σας αν δεν μπορείτε να την δείτε. Τώρα ό, τι δημιουργήσετε είναι προσβάσιμο σε οποιαδήποτε οθόνη – desktop, tablet ή κινητό – χωρίς προβλήματα συμβατότητας.




Κατεβάστε το Google Web Designer Beta

ΠΗΓΉ

Τρόποι Για Να Είναι Ο Σχεδιασμός Σας Πιο Αποδοτικός

Σαν δημιουργικοί άνθρωποι που είναι, οι σχεδιαστές έχουν την τάση να σκαλίζουν το έργο του σχεδιασμού και δεν συνειδητοποιούν πόσο χρόνο χρειάζεται να σπαταλάνε όταν παραλείπουν να αναπτύξουν συνεπείς και οργανωμένες μεθόδους εργασίας. Αν και φαίνεται να πηγαίνει ενάντια στην δημιουργική σκέψη, όταν αυτές οι συνήθειες γίνουν μέρος της ρουτίνας σας, δεν εξυπηρετούν κανέναν σκοπό. Επιπλέον, καθεμία από αυτές τις συνήθειες έκανε την εργασία σας ταχύτερη, ευκολότερη και πιο αποτελεσματική. Επενδύστε Στον Καλύτερο Δυνατό Εξοπλισμό Το hardware που είχαμε μόλις πριν από λίγα χρόνια είναι πιο αργό και λιγότερο αποτελεσματικό από ό, τι υπάρχει σήμερα. Είναι δύσκολο να αναγκάσετε τον εαυτό σας να το αντικαταστήσετε, αλλά αυτό είναι που σας κοστίζει ώρες κατά τη διάρκεια της εβδομάδας από την χρονική του υστέρηση (lag time). Κάθε λεπτό που περιμένετε έναν αργό επεξεργαστή είναι ένα λεπτό που δεν είστε παραγωγικός, και τα λεπτά αυτά αθροίζονται. Δεδομένου ότι κάθε μία από αυτές τις ώρες είναι παραγ…

Χρήσιμα Εργαλεία & Resources

Σε αυτό το πολύτιμο άρθρο θα δούμε μια μεγάλη λίστα από εργαλεία, προγράμματα, ιστοσελίδες και resources για designers και developers.






Συχνά μπορεί να ψάχνουμε για νέα εργαλεία ή νέες μεθόδους να πραγματοποιήσουμε την δουλειά μας. Γι’αυτό ακριβώς τον λόγο δημιουργήσαμε μια μεγάλη λίστα από εργαλεία, προγράμματα, ιστοσελίδες και resources για designers και developers. Επίσης αυτή η λίστα θα φανεί πολύ χρήσιμη σε όσους μαθαίνουν τώρα design και development ενώ θα βοηθήσει και όσους ήδη βρίσκονται στον χώρο, προτείνοντας νέα εργαλεία και νέες πηγές έμπνευσης. Τυπογραφία / FontsFontsquir­rel
The League of Move­able Type
Lost Type Co-op
Dafont.com
Type­kit
Baconip­sum
Free Faces
Haäfe & Haph Amper­sands
What The Font
Hoe­fler & Frere-Jones
8 Faces
Ten By Twenty
Fonts In Use
Weird and Won­der­ful Type­faces
Google Web Fonts
OSP Foundry
Mid-Century Mod­ern Type­faces
Wood Type Revival
Basics Of Typog­ra­phy
Typo­nine
Type­dia
P.S.type Pat­terns / Tex­tures / IconsSub­tle Pat­terns
Take My Tex­ture
The Noun Pr…

Χρήσιμες Εφαρμογές Android Για Σχεδιαστές

Το Android είναι ένα από τα δημοφιλές λειτουργικά συστήματα για κινητά τηλέφωνα. Δεδομένου ότι είναι μια δημοφιλής πλατφόρμα, που προσφέρει μεγάλη ποικιλία από εφαρμογές για κάθε είδους χρήστη. Οι σχεδιαστές μπορούν επίσης να βρουν χρήσιμες εφαρμογές για να επεξεργαστούν φωτογραφίες, HTML και CSS αρχεία ή απλά να δοκιμάσουν τις ιστοσελίδες τους σε προγράμματα περιήγησης για κινητά. Η Android πλατφόρμα χρησιμοποιείται επίσης σε tablets. Έτσι, οι σχεδιαστές μπορούν να κάνουν τα περισσότερα από τα καθήκοντά τους στα tablets ή smartphones τους, με εφαρμογές που έχουν σχεδιαστεί ειδικά για αυτούς. Αυτό το post είναι μια συλλογή από χρήσιμα Android Apps για σχεδιαστές. Ελπίζω ότι θα βρείτε μερικές χρήσιμες εφαρμογές για εσάς… Adobe Photoshop Express Περισσότερα για το Adobe Photoshop Express AndFTP Περισσότερα για το AndFTP Firefox Browser for Android Περισσότερα για το Firefox Browser for Android Color Pal Περισσότερα για το Color Pal ColorSnap Περισσότερα για το ColorSnap Magic Color Picker Περισσότερα…

Ξεκινώντας το web design…

Σίγουρα το web design είναι κάτι πολύ ελκυστικό στο σημερινό νέο! Είναι ένας τομέας που έχει προοπτικές εξέλιξης και πάρα πολλούς τομείς. Άρα είναι δεδομένο ότι προς το παρόν δεν μπορεί να θεωρηθεί κορεσμένος. Το πως ξεκινάς όμως να μαθαίνεις, όμως είναι πρόβλημα! Αυτή τη περίοδο, υπάρχουν πάρα πολλές ωραίες πηγές, άλλες δωρεάν άλλες όχι. Κι όλες αξίζουν αναφοράς! Με ένα γρήγορο search στο google ή ακόμα και στο wdf.gr θα βρει κανείς περισσότερες πηγές από όσες χρειάζεται. Αλλά δεν θα αναφερθώ σε πηγές, μια και αυτό είναι κάτι που είναι μεταβλητό, και κάτι που σήμερα είναι κατάλληλο και μοντέρνο σε μερικούς μήνες, ίσως θεωρείται ξεπερασμένο. Πολλοί ρωτάνε για βιβλία και πως θα ξεκινήσουν να μαθαίνουν τα απαραίτητα για web design. Άλλοι πάλι πιστεύουν, ότι το να ξέρουν html, css και javascript, ακόμη και τα βασικά τους κάνει “web developers”… Προσωπικά, δεν θεωρώ πως ξέρω πολλά πράγματα. Ούτε θέλω να μιλήσω από την θέση του ειδικού γιατί αν λες πως είσαι ειδικός σήμερα, αύριο είναι δεινόσα…

Tα Καλύτερα Δωρεάν Προγράμματα Για Web Designers & Προγραμματιστές

Αρκετά δωρεάν προγράμματα είναι διαθέσιμα για λήψη στο διαδίκτυο. Μπορείτε να βρείτε προγράμματα τόσο για OSX όσο και για Windows για το σχεδιασμό και την κωδικοποίηση ιστοσελίδων. Δυστυχώς δεν έχουν όλοι τα χρήματα για premium λογισμικό ή το χρόνο για να μάθουν τα περιβάλλοντα εργασίας του χρήστη.
Έχω φτιάξει αυτόν τον οδηγό, με μερικά μόνο παραδείγματα μερικών σπουδαίων εφαρμογών λογισμικού. Καθένα απ’ αυτά τα προγράμματα μπορείτε να το κατεβάσετε εντελώς δωρεάν και να το εγκαταστήσετε για προσωπική σας χρήση. Ο σχεδιασμός ιστοσελίδων είναι ένα πολύ δύσκολο έργο και απαιτεί το κατάλληλο σύνολο εργαλείων. Αυτό το άρθρο μπορεί να μην περιέχει όλα όσα χρειάζεστε, αλλά ελπίζω να μοιραστώ αυτές τις πηγές, ως ξεκίνημα για τους σχεδιαστές ιστοσελίδων με σφιχτό προϋπολογισμό. Notepad++ Νομίζω ότι πολλοί προγραμματιστές γνωρίζουν ήδη το Notepad + +, δεδομένου ότι έχει αναφερθεί σε τόσα πολλά άρθρα. Είναι ένα φανταστικό δείγμα του λογισμικού ανοικτού κώδικα, που υποστηρίζει πολλές γλώσσες προγρα…