3Νοέ

21 εργαλεία για σωστό Web Design Wireframing

, 3 Νοεμβρίου 2009 | UID | 4 Σχόλια

Σε προηγούμενο άρθρο, με τίτλο “Wireframes στο Web Design” είχε αναλυθεί η έννοια του WireFrame στο Web Design, και πώς μπορεί κάποιος να χρησιμοποιήσει αυτή την τεχνική για να κερδίσει χρόνο από τη γενική παραγωγική διαδικασία ενός Web έργου.
Στον επίλογο του άρθρου αυτού, αναφέραμε πως θα προταθούν μερικά εργαλεία σχεδιασμού Wireframes. Τα συγκεκριμένα εργαλεία στοχεύουν κατά βάση σε αυτό, αλλά μπορείτε να χρησιμοποιήσετε και άλλα που χρησιμοποιείτε καθημερινά στην παραγωγική σας διαδικασία, όπως π.χ. το PowerPoint.
Σήμερα λοιπόν σας παρουσιάζουμε 21 εργαλεία για WireFraming:

Axure RP Pro Axure - Wireframes, Prototypes, Specifications_1256046864078

Balsamiq MockupsBalsamiq Studios, makers of plugins for Web Office applications

DenimDUB - DENIM

EightShapes UnifyEightShapes Unify

FlairBuilderFlairBuilder — Wireframes. Mockups

ForeUI ForeUI - Easy-To-Use UI Prototyping Tool_1256046754021

GliffyWireframe Software - Free website wireframe software by Gliffy

Hot Gloo HotGloo - The Online Wireframe App _1256046929423

iPlotziPlotz wireframing, mockups and prototyping for websites and applications

iRiseiRise, Cut Project Costs, Improve Application Consolidation and Improve Global Sourcing

Jumpchart Jumpchart - Simple Website Planning and Wireframing

Justinmind PrototyperJustinmind Prototyper. Functional wireframes improve web usability

JustprotoWebsite Prototyping - JustProto - Prototype your world!

Microsoft VisioVisio Home Page - Microsoft Office Online

MockupScreensMockup Screens - Make Exciting Software Presentations

mxGraphmxGraph - the AJAX diagramming solution

OmnigraffleThe Omni Group - OmniGraffle

PencilHome - Pencil Project

Pidocopidoco° - wireframe creation and gui prototyping tool

ProtoShare Proto Share. Website & Web Application Wireframe and Prototyping Tool

WireframeSketcherEclipse plug-in for creating wireframes and screen mockups - WireframeSketcher

ΧΡΗΣΙΜΗ ΠΛΗΡΟΦΟΡΙΑ: Το άρθρο 21 εργαλεία για σωστό Web Design Wireframing γράφτηκε από το WebDesignBlog. Η ομάδα μας σας υπενθυμίζει πως αν θέλετε να ενημερώνεστε για τα νέα του διαδικτύου και για επιλεγμένα άρθρα μας, μπορείτε να γραφτείτε εύκολα στο Newsletter μας ή στο RSS Feed μας.

Ο Σπύρος Παπασπυρόπουλος είναι βραβευμένος Web Professional που δραστηριοποιείται στον χώρο του επαγγελματκού Web Design και του Search Engine Optimisation (SEO) από το 1999. Το 2004 ίδρυσε μαζί με τον Γιάννη Ευσταθίου την βραβευμένη εταιρία x2interactive Web Agency και το 2008 το Web Design Blog.

4 comments so far

  • norad73 Says: Νοεμβρίου 3, 2009 at 10:54 μμ

    Εγώ πάντως χρησιμοποιώ εδώ και ένα χρόνο το Axure RP Pro και είμαι πολύ ευχαριστημένος. Απλό στη χρήση και πολλές δυνατότητες.

    Απάντηση
  • Σπύρος Παπασπυρόπουλος | Web Professional Says: Νοεμβρίου 4, 2009 at 12:27 πμ

    Εμένα μου ταιριάζει το iPlotz. Μπορεί να έχει περίεργο όνομα αλλά κάνει πολύ καλή δουλειά :) Επίσης μου αρέσει και το Omnigraffle αν και προσφέρει περισσότερες λειτουργίες από αυτές που χρειάζομαι.

    Απάντηση
  • acidsmile Says: Νοεμβρίου 6, 2009 at 4:48 μμ

    Χρησιμοποιώ μανιακά το mockflow τελευταία και ξαναερωτεύτηκα το wireframing. Είπα να το αναφέρω μιας και δεν το είδα στην λίστα.

    Μ’αρέσει και η τιμή και το interface και το οτι είναι online. Άλλο ενα factor για μένα είναι τα collaboration tools που έχει. Superb!

    Απάντηση

Σχολιάστε

Back to top

Recent comments

  • Ευχαριστούμε για το σχόλιο Ευγενία. Δυστυχώς δεν γνωρίζουμε αν υπάρχει παρόμοια γραμματοσειρά με την ENGLAND HAND στα Ελληνικά.

    10 δωρεάν καλλιγραφικές γραμματοσειρές
  • Πολύ χρήσιμο άρθρο. Ο αλγόριθμος της Google εξελίσσεται και μαζί του και η τέχνη του seo. Θα έλεγα ότι ωθεί τους seo experts σε μια πιο ολιστική προσέγγιση της online παρουσίας των πελατών τους. Αυτο σημαίνει ότι θα πρέπει να εμπλακούν σε θέματα content strategy, branding και social media γιατί η Google συνυπολογίζει όλα αυτά όταν αποφασίζει για το ranking μιας ιστοσελίδας. Ειδικά το content είναι το κλειδί στην νέα εποχή του search engine optimization. Θα πρέπει να δημιουργείται έχοντας στο μυαλό μας κυρίως τον επισκέπτη της ιστοσελίδας μας και λιγότερο τις μηχανές αναζήτησης. Θα πρέπει να προσθέτει πραγματικό value στους αναγνώστες του και ιδεατά να έχει χαρακτηριστικά που να συμβάλλουν στη δημιουργία buzz στα social media. Με τον τρόπο αυτό θα δημιουργηθούν με φυσικό τρόπο

    Google Panda 3.3, Google Venice και 38 επιπλέον αλλαγές στον αλγόριθμο της Google

Latest From Twitter