Synnefo

Τα εικονίδια αυτά θα μας τα στείλεις cven εσύ ή να βάλουμε κάποια εμείς;

Θα στείλω εγώ

Είναι δοκιμαστικό αυτό το commit, θα φτιαχτεί σωστά σήμερα. Ωστόσο μπορεί να χρειαστεί μια μικρή αλλαγή στον σχεδιασμό των εικονιδίων, του στυλ να βάλουμε λιγότερες γραμμές μέσα, για να φαίνονται πιο ευκρινώς. Θα κάνουμε καλύτερα resize και θα δούμε πώς θα φαίνονται.

Κατ'αρχήν βεβαιώσου ότι βλέπεις τη σελίδα στο κανονικό της ζουμ. Στο mockup τα εικονίδια φαίνονται πιο blurry από ότι είναι τώρα. Το βασικό πρόβλημα είναι ότι όταν κάνεις export από svg, τότε λόγω του interpolation τα εικονίδια παραμορφώνονται.

Ένα επιπλέον θέμα που προέκυψε είναι η διάταξή τους σε αρχεία. Για να γλιτώσουμε τα πολλαπλά get εικόνων, χρησιμοποιήσαμε τελικά τη μέθοδο που πρότεινε ο Κωνσταντίνος. Φορτώνουμε μία φορά όλα τα εικονίδια, μία τριάδα για κάθε view, τα βάζουμε σαν background και στην συνέχεια περιστρέφουμε το background. Για να πετύχει αυτό έπρεπε να σημιουργηθούν εκ νέου bitmaps, όπως τα αρχεία που αναφέρω πιο πάνω.

Εάν θέλετε να βγαίνουν καλύτερα θα πρέπει να σχεδιαστούν εξ'αρχής σαν bitmap στις τελικές τους διαστάσεις, με διάφανο background.

Εδώ όντως τα εικονίδια δεν είναι καλά, αλλά εάν ακολουθηθούν τα όσα γράφω πιο πάνω θα βελτιωθούν σίγουρα. Επίσης για να γίνουν πιο ευκρινή θα χρειαστεί να γίνουν λιγότερο περίπλοκα, δηλαδή να έχουν λιγότερες γραμμές και τετραγωνάκια. Εδώ, για να θυμηθώ και την τοπογραφία, έχουμε να κάνουμε με ένα κλασσικό πρόβλημα γενίκευσης. Το εικονίδιο περιέχει πολύ πληροφορία σε σχέση με την κλίμακά του. Αν έχεις χρόνο δες το λίγο. Σε κάθε περίπτωση πάντως και εφόσον δεν αλλάξουν οι διαστάσεις των εικονιδίων μπορούμε απλά να τα αντικαταστήοσυμε με τα νέα.

Χρίστο, τα εικονίδια στο png mockup δεν ξέρω αν είναι blurry, και όπως καταλαβαίνεις δεν με πειράζει. Οι γραμμές φαίνονται όλες, είναι διακριτές, και τα κουτιά δεν είναι κομμένα. Από αυτό καταλαβαίνω ότι το πρόβλημα μετατροπής του svg σε png δεν υφίσταται: το συγκεκριμένο png (https://code.grnet.gr/attachments/download/109/web_layout_0.0.10-10.png) έχει σωστά τα εικονίδια.

Δεν νομίζω ότι έχει νόημα να εμπλακούμε σε συζήτηση για το antialiasing ή ο,τιδήποτε άλλο. Η ύπαρξη της εικόνας είναι η απόδειξη ότι η σωστή μετατροπή είναι εφικτή.

Ωστόσο, αν είναι να βοηθήσω την κατάσταση, δοκιμάστε να κάνετε export σε πολύ μεγαλύτερη εικόνα, και μετά να κάνετε resize [ναι, με antialising, ναι ας είναι "θολό"], μήπως αυτό αλλάξει κάτι.

Δοκιμάσαμε αυτό που λες και αλλά. Ακόμα και αν εικονίδιο στο mock up ήταν μια χαρά όπως λές και πάλι δεν μπορούμε να το χρησιμοποιήσουμε χώρις παρα πολύ editing λόγω του τρόπου που γίνεται το ηοωερ κλπ. Είναι προφανές ότι έχουμε διαφορετική αντίληψη περί του προβλήματος οπότε ας τα πούμε καλύτερα από κοντά στο demo.

Vangelis Koukis wrote:

Χρίστο, τα εικονίδια στο png mockup δεν ξέρω αν είναι blurry, και όπως καταλαβαίνεις δεν με πειράζει. Οι γραμμές φαίνονται όλες, είναι διακριτές, και τα κουτιά δεν είναι κομμένα. Από αυτό καταλαβαίνω ότι το πρόβλημα μετατροπής του svg σε png δεν υφίσταται: το συγκεκριμένο png (https://code.grnet.gr/attachments/download/109/web_layout_0.0.10-10.png) έχει σωστά τα εικονίδια.

Δεν νομίζω ότι έχει νόημα να εμπλακούμε σε συζήτηση για το antialiasing ή ο,τιδήποτε άλλο. Η ύπαρξη της εικόνας είναι η απόδειξη ότι η σωστή μετατροπή είναι εφικτή.

Ωστόσο, αν είναι να βοηθήσω την κατάσταση, δοκιμάστε να κάνετε export σε πολύ μεγαλύτερη εικόνα, και μετά να κάνετε resize [ναι, με antialising, ναι ας είναι "θολό"], μήπως αυτό αλλάξει κάτι.