Progettare un sito Web con IM Creator

Nel mondo in continua espansione dei costruttori di siti Web online, è piuttosto difficile trovare qualcosa per cui valga la pena spendere più di dieci minuti. Questo mercato è invaso da interfacce ingombranti, modelli orribili e brutali restrizioni di progettazione a mano libera.

Di recente mi sono imbattuto in un prodotto chiamato IM Creator che si distingue per stile e funzionalità. È all'altezza delle sue promesse o si unisce al resto dei siti in questo mercato e non ha una soluzione decente per siti Web fai-da-te? Continuate a leggere per scoprirlo.

La situazione del WYSIWYG basato sul web

I costruttori di siti Web WYSIWYG sono ancora considerati da molti programmatori e designer professionisti come un po 'un abominio, i WYSIWYG basati sul web raddoppiano così. La maggior parte di essi impone rigidi vincoli alla libertà di progettazione e / o sputa codice piuttosto abominevole. Alcuni arrivano addirittura a preparare un ... aspetta, sito Flash! Sono decisamente nel campo del "codificalo tu stesso", ma continuo a giocare con queste cose quando ne vedo uno nuovo solo per tenere d'occhio l'evoluzione di questo mercato.

"Nonostante il rifiuto da parte di programmatori snob, il mercato si rifiuta di morire".

La cosa che mi interessa in quest'area è che, nonostante il rifiuto da parte di programmatori snob, il mercato si rifiuta di morire. In effetti, sembra non solo crescere, ma sta rapidamente migliorando. Ogni nuovo creatore di siti web fai-da-te che trovo è un po 'meglio dell'ultimo. Il miglioramento incrementale non è nulla da ridire, a lungo termine potrebbe portare a prodotti che anche i professionisti seri devono apprezzare.

Quel giorno verrà mai? Molti dicono che non lo farà. L'argomentazione popolare afferma che i WYSIWYG non saranno mai uno strumento per seri professionisti del web design, solo i dilettanti che desiderano essere presenti in grandi campionati o gli imprenditori che non possono permettersi di assumere un designer.

Scommetto che se tornassi negli anni '80, troverei tonnellate di designer che mi direbbero lo stesso dei computer in generale. Certo, hanno un potenziale ma nessun designer serio ne userebbe mai uno. Farlo significherebbe abbandonare la vera arte del design e la libertà di costruire a mano. Suona familiare?

Non sto sostenendo che ogni web designer dovrebbe esaurirsi e iniziare a usare Homestead, sto semplicemente dicendo che non ha senso scartare per sempre l'idea che questa nicchia di prodotti potrebbe un giorno fare un grande salto nel mondo professionale anche oltre ciò che abbiamo visto da Dreamweaver anni fa.

Con questo in mente, continuerò a provare queste cose. Potrei scuotere la testa e chiedermi come alcuni di loro siano così lontani dalla base, ma sono fiducioso che un giorno eseguirò lo stesso gesto, meravigliato fino a che punto sono arrivati ​​questi prodotti.

Incontra IM Creator

L'ultimo costruttore di siti Web online che ho incontrato è IM Creator. Il campo delle vendite è molto simile ai suoi fratelli: costruisci il tuo bellissimo sito Web senza digitare una sola riga di codice, gratis! Sappiamo tutti che queste affermazioni gratuite sono piuttosto fasulle perché, nel lungo periodo, dovrai sborsare per l'hosting se desideri effettivamente utilizzare il sito. Ma è almeno veramente gratuito registrarsi e iniziare a costruire siti.

Il creatore di messaggistica istantanea in realtà ritarda l'iscrizione fino a quando non desideri salvare qualcosa in modo da poter passare direttamente al site builder.

L'interfaccia qui è completamente spoglia, in senso buono. Sembra semplice e accessibile. C'è un sacco di cose che puoi fare ma è abilmente strutturato per essere abbastanza facile da poter essere utilizzato praticamente da chiunque.

Costruire una pagina Web

Ho scelto di creare il mio sito da zero, così IM Creator mi ha iniziato con quella che è essenzialmente una pagina vuota con un semplice menu di navigazione in alto.

Per aggiungere qualcosa alla pagina, fai clic sul pulsante "Aggiungi un elemento" nella parte superiore, che espande una striscia abbastanza grande di pulsanti con opzioni per aggiungere un'immagine, titolo, paragrafo, video, galleria, presentazione, ecc.

Per iniziare, ho scelto di rilasciare un'immagine. Immediatamente, una bella fotografia di un uccello appare nella mia tela, pronta per essere ridimensionata e trascinata in posizione.

Facendo clic sul piccolo pulsante di collegamento sopra l'immagine, viene visualizzata una finestra di dialogo che consente di impostare facilmente un collegamento interno o in uscita in modo che quando si fa clic sull'immagine, si accede a una destinazione specificata. Altrove puoi aggiungere un titolo, un testo, ecc.

Con l'immagine selezionata, faccio clic sulle opzioni "Avanzate" nella parte in alto a destra dello schermo e seleziono l'opzione "Bordi e sfondo". Dopo aver dato un'occhiata alle mie opzioni, decido di vedere se riesco a trasformare questa foto in un cerchio facendo girare il raggio del bordo (che è come lo farei nei CSS).

Sfortunatamente, questo non fa molto. Sembra funzionare su scatole, ma non su immagini. Inoltre, il raggio del bordo controlla il massimo a 99 px, il che lo rende quasi inutile per il mio hack circolare.

Non importa, posso fare una foto circolare da solo. Quindi il mio prossimo passo è sostituire l'immagine del segnaposto dell'uccello con un'immagine dal mio disco rigido. Per fare ciò, fai clic sull'immagine e quindi premi il grande pulsante blu "Sostituisci immagine".

L'app importa rapidamente la mia foto e la spingo in posizione. Sto rapidamente iniziando a farmi un'idea del flusso di lavoro qui e non è poi così male. L'app è abbastanza reattiva e sembra molto più liscia di quanto mi aspettassi. Mi piace anche il fatto di non essere forzato in un modello poiché con app come iWeb, posso creare tutto ciò che voglio.

Aggiungere del testo

Quindi torno al pulsante "Aggiungi un elemento" e questa volta scelgo un paragrafo. Ancora una volta, il contenuto del segnaposto è piuttosto fantastico. Il paragrafo appare con un'intestazione, che sono entrambi già abbastanza ben disegnati.

Tuttavia, noto immediatamente che odio l'altezza della linea schiacciata, quindi premo "Modifica paragrafo" per vedere se riesco a risolverlo. Da qui ho opzioni di base come impostare la famiglia di caratteri (una discreta selezione di caratteri gratuiti popolari come Chunk Five e Aller), dimensioni, colore, ecc., Nonché alcune opzioni avanzate. Qui trovo il controllo dell'altezza della linea che sto cercando.

Azionare l'altezza della linea fino a 1, 5em aiuta immensamente. La nostra pagina sta già iniziando ad avere un bell'aspetto!

Riparazione del menu

Il prossimo punto all'ordine del giorno è risolvere quel brutto menu di navigazione. Ho deciso di scegliere qualcosa di molto più minimale: solo testo semplice con semplici effetti hover.

Non avevo idea di come farlo, ma facendo clic sul pulsante Impostazioni menu è spuntato un set di controlli che lo ha reso super facile. Sono stato in grado di abbandonare il colore di sfondo, impostare il testo e il colore al passaggio del mouse, distanziare gli elementi a mio piacimento e persino regolare la spaziatura delle lettere.

Dopo un po 'più di modifiche al menu, lancio un logo e questa cosa sta davvero iniziando a sembrare una pagina web decente!

Finendo

Seguendo lo stesso processo, compilo il resto del disegno. Ci sono una serie di strumenti davvero utili con cui giocare qui. Ad esempio, sono stato in grado di inserire una mappa di Google dal vivo e il mio feed di Twitter in pochi secondi. Ecco come appare il risultato finale:

Essere in grado di costruire davvero ciò che ho in testa su un costruttore di siti Web online gratuito è in realtà un'impresa piuttosto impressionante. Mi sarebbe sicuramente piaciuto avere un maggiore controllo sulle proprietà CSS, in particolare quelle relative al layout, ma nel complesso l'esperienza di costruzione è stata piacevole.

Sembra buono, ma cosa c'è dietro la tenda?

Se vuoi vedere la pagina effettiva risultante dai miei test, puoi verificarla qui. In apparenza, sembra tutto a posto, ma qualsiasi web designer avrà alcuni seri problemi con esso. Solo per essere sicuro di non aver fatto nulla di male, ho confrontato il mio risultato con uno dei siti in primo piano. Entrambi soffrivano degli stessi problemi.

Per cominciare, il codice è un casino. L'HTML è completamente gonfio di contenuti che sembrano più correlati all'app e alle sue funzioni rispetto alla pagina visualizzata nel browser. Inoltre, la funzionalità di base è piuttosto approssimativa. Ad esempio, non è possibile selezionare alcun testo nella pagina. Per quanto ne so, i caratteri sono serviti con FontSquirrel e @ font-face, quindi non c'è motivo per cui non dovrebbero essere completamente selezionabili.

Sotto il codice del cofano e la funzionalità è un luogo critico in cui quasi tutti i WYSIWYG non sono all'altezza in un modo o nell'altro. È sicuramente un'area che deve essere affrontata prima che questi strumenti e i loro prodotti risultanti possano mai essere veramente rispettati come siti Web "reali".

Modelli splendidi

IM Creator potrebbe non essere all'altezza di ciò che c'è sotto il cofano, ma devo dire che, da un punto di vista puramente visivo, eccelle davvero. I modelli integrati sono tra i migliori che abbia mai visto da un servizio come questo:

È davvero bello vedere qualcuno che offre modelli di web design davvero moderni in un servizio WYSIWYG, la norma in questo settore tende ad essere le pagine che sembrano dirette dal 1999.

L'intero pacchetto

Come ho accennato in precedenza, l'elemento "gratuito" è davvero solo per l'elemento di design. Dovrai sborsare l'impasto per l'hosting e un dominio personalizzato. Il prezzo attuale è di $ 7, 95 / mese (poco meno di $ 100 all'anno) ma sembra che salirà a $ 12, 95 nel prossimo futuro.

Non è il servizio più economico del mondo, ma se hai un budget limitato, pagare $ 100 per ottenere un sito Web attraente ospitato nel dominio di tua scelta per un anno è in realtà un affare abbastanza decente. Se mi assumessi con lo stesso obiettivo in mente, pagheresti sicuramente molto di più (anche se otterrai un prodotto molto migliore).

Conclusione: qual è il verdetto?

Ovviamente, è ovvio, questo non è un prodotto per web designer professionisti e non è pensato per esserlo. Abbiamo strumenti migliori e più professionali a nostra disposizione e questo tipo di servizi non offre la potenza o la flessibilità di cui abbiamo bisogno.

Tuttavia, se sei un fotografo, un ristorante o un'altra piccola impresa, il pacchetto IM Creator è piuttosto allettante. Ha un prezzo decente e in realtà mi colpisce per la sua capacità di costruire qualcosa completamente da zero con una buona dose di libertà. E per la gente là fuori che non ha talento nella progettazione da zero, i modelli forniti spazzano via qualsiasi concorrente che ho visto.

I costruttori di siti di bricolage online hanno ancora molta strada da fare, ma prodotti come IM Creator suggeriscono un futuro in cui questi tipi di strumenti producono siti Web davvero impressionanti che fanno appello alle masse e resistono al controllo di un professionista.