No només la gent es troba amb la seva roba, sinó també els llocs web. El vestit del lloc és el seu disseny. Un disseny atractiu i de gran qualitat del recurs fa una impressió favorable als usuaris, garantint així la seva lleialtat i voluntat de dedicar el seu temps a una visualització posterior. A més de la qualitat, l’originalitat i la singularitat del disseny són importants. Els temes ben gastats repel·leixen els visitants. Però desenvolupar un disseny únic és car. És per això que molts administradors web novells es pregunten com dibuixar un disseny de llocs web amb les seves pròpies mans.
És necessari
- - llapis;
- - paper;
- - editor de gràfics ràster GIMP o Photoshop;
- - opcional: editor de gràfics vectorials (per exemple, CorelDraw);
- - opcional: entorn de modelatge 3D (3DStudio, Blender);
- - navegador modern;
- - accés a Internet.
Instruccions
Pas 1
Desenvolupar un concepte de disseny de llocs web. Decidiu l'estil, l'esquema de colors, el disseny de la pàgina (mida de la capçalera del lloc, ubicació del menú, blocs de text, imatges). És bo si el concepte de disseny es basa en idees originals. Però si en falten, podeu inspirar-vos en l’anàlisi de solucions existents. Per exemple, navegar per catàlegs de temes populars de CMS. El resultat del treball pot ser un esbós de la pàgina del lloc, fet a llapis sobre un full de paper, que indica les zones de mides fixes i variables.
Pas 2
Creeu una plantilla de pàgina de lloc en blanc en un editor de gràfics ràster. Obriu un document nou en un editor gràfic. Les mides del document haurien de ser molt més grans que la mida mínima de pàgina tant horitzontalment (fins i tot si no teniu intenció de crear un disseny "fluid") i verticalment. Afegiu una nova capa transparent. A la capa afegida, dibuixeu la imatge de la plantilla de pàgina amb línies de 1 píxel de gruix, respectant les dimensions reals dels elements. Per als dissenys de pàgines d'amplada fixa, designeu els marges que s'ompliran amb el color de fons.
Pas 3
Descarregueu-ho des d'Internet o dissenyeu els vostres propis elements de disseny de pàgina. Es poden crear logotips i elements de disseny únics a l’entorn de modelatge 3D, a l’editor vectorial o ràster. Un gran nombre d’imatges temàtiques d’alta resolució es troben als fotobancs gratuïts d’Internet. També hi ha col·leccions d’icones gratuïtes a Internet que podeu utilitzar lliurement en els vostres projectes.
Pas 4
Dibuixa un disseny de lloc web. Afegiu capes transparents a un document que contingui una plantilla per a una pàgina web en un editor gràfic. Seleccioneu i empleneu les àrees que coincideixin amb el fons de la pàgina. Ompliu zones amb ompliment de degradat i textures periòdiques. Inseriu logotip, imatges estàtiques, icones. Dibuixeu límits de blocs. Afegiu text. Col·loqueu cada element de disseny acabat, imatge estàtica i logotip en una capa independent. Moveu les imatges per capes per aconseguir el disseny requerit.
Pas 5
Deseu la "font" de treball del disseny del lloc en el format "natiu" de l'editor gràfic. Això us permetrà tornar més tard a editar-lo.
