Istruzioni passo passo gratis 
Ora dai un`occhiata a questo approccio alla vendita di immobili nella stessa area: disordinato e molto occupato, colori spenti e coperto di pubblicità. 
Indovina quale funziona meglio per le persone che cercano casa? Giusto, quello dove case in piedi! Quando le persone cercano "case in vendita a Santa Monica," a loro non importa come appare un sito. Non vogliono leggere del broker o vedere belle foto della città. Vogliono vedere le case. intestazione. Questo è un elemento che è lo stesso in ogni pagina del tuo sito. L`intestazione è costituita dal titolo e dal logo del sito, nonché dai link alle altre parti del sito (es. Informazioni, contatti, ecc.). Visivamente e praticamente questo legherà tutto insieme. È buona norma ricollegare il primo pulsante su una barra dei menu alla home page. Ad esempio, diamo un`occhiata ad Apple: 
Come con la maggior parte delle cose Apple, la loro home page ha un design molto pulito e semplice. Nota la barra dei menu in alto, con argomenti logici per ogni pulsante, più un campo di ricerca: sempre una buona idea se il tuo sito lo supporta. Ora diamo un`occhiata a una pagina di destinazione per uno dei pulsanti, l`iPad, per vedere alcuni elementi:
La barra dei menu cambia solo oscurando il pulsante dell`iPad. L`oggetto della pagina di destinazione è mostrato in grandi lettere nere. Apparirà un nuovo sottomenu per saperne di più sul prodotto. Se fai clic su uno di questi pulsanti, vedrai che ogni pagina offre nuovi contenuti a seconda dell`argomento, ma sarà identico nel layout e nel design. Spesso ogni argomento principale nella barra dei menu avrà diversi sottotitoli che è necessario compilare. Invece di creare una seconda barra dei menu, puoi utilizzare menu a comparsa come questo esempio di Musician`s Friend:
barra laterale. Verrà visualizzato su molte pagine del tuo sito, ma non necessariamente su tutte: il contesto lo impone. Tuttavia, è un elemento molto importante e dovrebbe essere attentamente progettato per essere intuitivo e non troppo disordinato. A differenza della barra dei menu, il contenuto di una barra laterale può essere molto dinamico. Dai un`occhiata a queste due barre laterali del marketer immobiliare Trulia. La prima è per gli acquirenti:
E il secondo è per gli inquilini. Nota il focus completamente diverso per informazioni molto simili e viene visualizzato nello stesso identico punto sulla barra laterale:
corpo. È qui che succede tutto ed è la parte più variabile del tuo design. Ad esempio, se stai progettando un sito di e-commerce, una pagina potrebbe avere una recensione del prodotto nel corpo, mentre la successiva potrebbe avere 20 articoli in vendita. Il tuo compito è legare i due insieme in modo che non siano visivamente incoerenti. Usa gli stessi colori, caratteri ed elementi dell`interfaccia per riunire tutto. piè di pagina. Questo è qualcosa che non tutti i siti (necessità) hanno. Viene spesso utilizzato per cose che possono ingombrare un`interfaccia altrimenti elegante o per fornire l`accesso ad aree meno importanti del sito. Ecco un esempio di Groupon:
Mantieni la stessa intestazione nella parte superiore di ogni pagina. Indipendentemente dal fatto che i contenuti del tuo sito consentano o meno molti elementi ripetitivi, assicurati almeno che la parte superiore di ogni pagina sia la stessa. Usa la logica nel tuo design. Gli elementi in una singola pagina dovrebbero essere organizzati logicamente per importanza o argomento; dovrebbero esserlo anche le diverse pagine del sito. Attenersi a due o tre colori principali e assicurarsi che si abbinino bene. Evita di usare troppi stili o dimensioni dei caratteri; se vuoi alternarne alcuni, usali allo stesso modo su ogni pagina. Utilizza i fogli di stile CSS (Cascading Style Sheets) per mantenere uno stile unificato e semplificare la modifica degli elementi in un intero sito Web senza passare a ciascuna pagina separatamente. Usa i sottotitoli e la spaziatura appropriata per separare ciascuna delle parti. Usa lettere in grassetto o dimensioni diverse per mostrare la gerarchia e l`importanza degli argomenti. Presta attenzione a come gestisci il testo. Non rimpicciolire il carattere e aumentare l`interlinea per facilitare la lettura di grandi porzioni di testo. Grandi porzioni di testo sono più difficili da leggere; scomponilo in paragrafi più piccoli.
Progettazione di un sito web
La progettazione di un ottimo sito Web può sembrare un compito arduo, ma finché tieni a mente le basi, troverai il processo interessante e divertente. Non si tratta solo di un bell`aspetto! Ti mostreremo le nozioni di base e alcune linee guida generali per aiutarti a progettare siti Web che le persone visiteranno ancora e ancora.
Passi
Metodo 1 di 2: Le 3 regole di base
1. Regola 1:Ascolta il tuo cliente. forse disegni tu "il miglior sito web al mondo di sempre nella storia dell`universo e oltre," con neri intensi, caratteri sofisticati e colori brillanti e artistici per un sito che urla "esplorami ora!" Sfortunatamente, il tuo cliente voleva una barra dei menu arancione con lettere rosa e arancioni brillanti. Sei licenziato e il tuo miglior sito Web di sempre, di proprietà del cliente, è da qualche parte sul loro disco di backup e nessuno lo vedrà mai più.
- Studia l`identità aziendale del tuo cliente. Lascia che il cliente ti mostri alcuni siti web che ama. Questo non solo ti darà un`idea di cosa gli piace, ma ti darà anche alcune idee di design a cui potresti non aver pensato.
- Se pensavi che stessimo scherzando sul sito web arancione e rosa, considera questo sito interessante e sofisticato:
2. Regola n. 2:Conosci il tuo pubblico e cosa stanno cercando e adatta il tuo design di conseguenza. Il motivo per cui le persone hanno siti Web è perché vogliono che altre persone li vedano. Può essere informativo, commerciale o per intrattenere un pubblico particolare. Il tuo lavoro come designer è sapere per chi stai progettando e tenerli sulla pagina quando arrivano.Potresti pensare: "Se sta bene rimarranno." Ma questo non deve essere necessariamente il caso. Prendi ad esempio gli immobili. Ecco un sito con un design luminoso e divertente. Ha molto spazio bianco che conferisce un aspetto aperto, colori brillanti e un moderno formato widescreen con collegamenti in un posto prominente:
3. Regola #3:ascolta te stesso. Capisci cosa vuole il cliente e sai cosa sta cercando il tuo mercato. Ora è finalmente il momento di prestare attenzione a te, il designer!
Crea un modello nel software grafico di tua scelta. Crea gli elementi della tua pagina su livelli diversi (in modo da poter modificare le cose in un secondo momento senza distruggere l`intero modello). Questi elementi possono essere:
Metodo 2 di 2: Linee guida
1. Progetta una buona interfaccia utente. Posiziona i diversi elementi del sito web, come titolo, barre laterali, loghi, immagini e testo su ogni pagina nello stesso posto per rendere il tuo sito navigabile e intuitivo.
2. Crea uno stile coerente. Laddove il layout dovrebbe dare consistenza strutturale al tuo sito, lo stile dovrebbe dare questa armonia tematica.
3. Massimizza la leggibilità. Per facilitare la lettura del testo, puoi scomporlo in parti più piccole.
4. Rendi il tuo sito web universalmente leggibile. Utilizza l`HTML standard ed evita tag, funzionalità e plug-in disponibili solo per una marca o una versione di un browser.
Sebbene la maggior parte dei browser e dei computer moderni sia in grado di gestire immagini complesse, il ridimensionamento e l`ottimizzazione delle immagini per il Web renderanno tutto più fluido. Soppesare l`importanza della qualità con l`importanza della velocità.
5. Metti alla prova il tuo sito web. Assicurati che ogni collegamento funziona come ci si aspetterebbe e che le immagini appaiano correttamente.
Potresti voler organizzare alcuni test utente facendo in modo che i membri del tuo pubblico di destinazione verifichino la chiarezza e l`usabilità del tuo design e forniscano feedback sul tuo sito web.
6. Pubblica il tuo sito web. Acquista un nome di dominio se non l`hai già fatto. Controlla periodicamente se i link funzionano ancora e ascolta i suggerimenti che i visitatori ti inviano via email.Sebbene tu sia libero di progettare il layout in base alla tua visione personale o a cose che hai visto su altri siti, potrebbe essere più facile acquistare un design già pronto. Non bombardare il visitatore con immagini carine e speciali. Animazione flash, colori brillanti, sfondi con motivi geometrici e musica che viene riprodotta automaticamente al caricamento della pagina erano esperimenti divertenti negli anni `90, ma ora spaventeranno gli utenti. Attenersi a sfondi semplici che contrastano con il colore del testo per la massima leggibilità. Puoi sempre utilizzare i CSS per ottimizzare la spaziatura dei paragrafi. Per i visitatori con disabilità uditive o visive, puoi aggiungere sottotitoli ai video, trascrivere l`audio e aggiungere un messaggio di accessibilità. Sebbene le tabelle possano essere un modo efficiente per organizzare le informazioni, i visitatori ipovedenti che utilizzano un software di lettura dello schermo potrebbero non ascoltare il materiale nell`ordine corretto. Consenti ai tuoi visitatori di risparmiare inchiostro: usa un foglio di stile separato per stampare le pagine.
Consigli
- Disattiva le immagini di sfondo durante l`impostazione dei parametri di stampa.
- Usa testo nero su sfondo bianco.
- Rimuovere la barra dei menu e le immagini non necessarie.
Avvertenze
- Evita il plagio e rispetta tutte le leggi sul copyright. Non aggiungere immagini arbitrarie che trovi online, o anche elementi strutturali senza approvazione. Tutto ciò che usi sul tuo sito deve essere sia legale che etico.
Articoli sull'argomento "Progettazione di un sito web"
Condividi sui social network:
Popolare
