Hozzon létre egy weboldal tervezése: 14 lépés (illusztrációkkal)

A nagyszerű weboldal létrehozása lehetetlen feladatnak tűnhet, de ha nem felejti el az alapelveket, a folyamat érdekesnek és szórakoztatónak tűnik. A jó helynek nemcsak tisztességesnek tűnik! Elmondjuk az alapokat és az alapelveket, amelyek segítenek olyan webhelyek létrehozásában, amelyekre a látogatók újra és újra visszatérnek.

Lépések

3. rész:

Megtaláljuk saját designunkat

egy. Hozzon létre saját honlapját. Ha Ön újonc írásban és webdesignban, de igazán szeretné létrehozni saját honlapját, sok lehetősége van. Az egyszerű webhely önállóan írható, miután megtanulta az Aza HTML és a CSS-t. Csak úgy gondolja, hogy a munkád eredménye szépnek és szakmailag néz ki!

A kép megtervezése A honlap 2. lépése 2. lépés

2. Használja a kész sablont. Vásárolhat online ingyenes weboldal sablonokat. Ez már írott kód, amelyet egyszerűen használhat vagy alkalmazkodhat az Ön igényeihez. A kiváló minőségű sablonok sok bizonyított fejlesztője van, az egyik a WIX.

3. Béreljen egy webes tervezőt. Ha szüksége van egy professzionálisan készített webhelyre, és hibátlanul munkaterületre van szüksége - talán az optimális opció felveszi a webes tervezőt. Ez természetesen bizonyos költségeket igényel, de nem olyan nagy, mint gondolnád. Megtalálhat egy kezdő tervezőt úgy, hogy hirdetést helyez a helyi műszaki egyetemen. Tapasztalataik segítenek abban, hogy sikeresebb és professzionális weboldalt hozzanak létre.

3. rész: 3:

Gondolunk a tervezés főbb elképzeléseiről

egy. Ne tegye meg a helyet. Kívánatos, hogy minden a lehető leggyorsabban és problémamentesen dolgozott. A menüpontok száma minimálisra, így az oldal egyszerű és érthető, segítve a webhely látogatóját .

2. Használjon barátságos felhasználói felületet. Posing webhelyelemek, például webhelycím, logó, gombok, grafikus elemek és szöveg ugyanazon a helyen, akkor jelentősen leegyszerűsíti a webhely navigációját.

Helyezze a webhely fejlécét az egyes oldalak tetejére. Nem számít, hány ismétlődő elem tartalmazza a webhelyét, győződjön meg róla, hogy a webhely felső része megegyezik az összes oldalon.

A tervezésnek logikusnak kell lennie. Az egyes oldalakon lévő elemeknek logikailag elhelyezkedhetnek, csökkenő jelentőséggel, minden oldalt hasonlóan kell strukturálni.

3. Összetart. A weboldal kialakítása a webhely strukturális integritását és tervezését kell megadnia - a szóköz harmónia. Tartsa a helyszín tartományát két vagy három kombinált színekben. Kerülje a betűtípusok használatát minden méretben és színben. Ha különböző betűtípusokat szeretne használni, akkor azokat a stílusnak kell lennie, amelyben azokat azonosnak kell tekinteni az oldal minden oldalán.

Használja a CSS-t a webhely formázásához, és egyszerűsíti a webhelyelemek kezelését, miután kirabolhatja magát az egyes oldalakon külön megváltoztatásának szükségességétől.

4. A leginkább olvasható webhelyet. Ahhoz, hogy a szöveg könnyen olvasható - kis részekre szakítsa meg. Feliratok és intervallumok használata a szöveg elkülönítéséhez egymástól. Használja a merész vagy nagyobb betűtípus kiválasztását, hogy hangsúlyozza a szöveg szerkezetét és fontosságát.

Szövegformázás megosztása. Ne betűte túl kicsi, és növelje a bankközi intervallumot, hogy a nagy szövegblokkok olvashatóbbak legyenek. A hosszú szöveg olvasása elég nehéz, így jobban megszakítja a bekezdéseket.

öt. Hozzon létre egy webhelyet univerzális formátumban. Használja a szabványos HTML-t, és kerülje a címkék, funkciók és plug-inek használatát, amelyeket csak egy adott böngésző támogat.

Bár a legtöbb modern böngésző könnyedén megbirkózik a komplex képek, a webhely lefagy, ha optimalizálja a képeket az interneten, és kicsi lesz. Egyensúlyozza a minőséget és a sebességet.

6. Tesztelje webhelyét. Győződjön meg róla, hogy az összes hivatkozás a munkavállalók, és a képek helyesen jelennek meg.

Tanácsos egy kis tesztet költeni "Yuzabilitás" (Felhasználói szolgáltatások): Hozzáférést biztosítani a webhelyhez a célközönség képviselőinek, hogy teszteljék a világosabb és könnyedén a webhely kialakítását, és kapj visszajelzést a teszt résztvevőiből.

3. rész: 3:

Tervezési helyek mobileszközökhöz

egy. Vegye figyelembe a webhely megtekintését a mobileszközökről. Napjainkban az internet-hozzáférés egyre inkább megvalósítható a mobileszközökből. Ha szeretné vonzani a látogatókat a webhelyére, és megtartja őket, akkor meg kell fejlesztened egy webhelyet, hogy jól néz ki, és könnyen használható mobil eszközök használatával. Az optimális lehetőség egy külön webhely létrehozása erre a célra, de vannak más módon is.

Nézze meg a mobil webhelyek példáit. Gyakran, a betű beillesztése "M." ahelyett "www" A webhely webcímében a webhely mobil verziójára kerül. Tehetsz valami hasonlóat.

2. Ne tegye túl bonyolult webhelyet. A webhelyének kialakítása egyszerűnek és lényegében kell lennie. Weboldalak összetett szerkezetű és villogó bannerek hosszú ideig a múltban. A felhasználók kattintson az Egyszerű webhelyekre. Ez azt jelenti: egyszerű design, minimális oszlopok száma, minimális szöveg, amelyet el kell olvasnia, hogy megtalálja a szükséges információkat a webhelyen.

Kép cím szerinti tervezés A honlap 12. lépés

3. Használat "Fogékony" elrendezés. Responsive Layout - Ezúttal a webhely kódolásának módja, amelyen a képernyő méretére van beállítva, amelyen megjelenik (rögzített méretek helyett). Az ilyen hatás elérése érdekében az oszlopszélesség halmaza a százalékban leggyakrabban használják, és anélkül, hogy pixelben megadnák, de kifinomultabb megoldások vannak.

A kép megtervezése A weboldal 13. lépése

4. Kerülje a mobileszközök által nem támogatott funkciókat. Sok telefon és tabletta nem jeleníti meg a pop-up, a flash animáció, a Java vagy a keretek. Ez a fő elvhez ad minket - a lehető legegyszerűbbé teszi a tervezést.

öt. Fontolja meg az alkalmazás létrehozásának képességét. Bizonyos körülmények között könnyebb lehet az alkalmazás, mint a webhely mobil verziója. Ehhez nem kell szuper-duper programozónak lennie! Mint a helyszínek esetében, sok olyan vállalat, amely teljesíti az Ön számára az Ön számára. Például használhatja a Conduit Mobile szolgáltatásait.

Tippek

Tehát, hogy a látogatók nem töltik tinta tintát, használjon külön stílust a nyomtatási webhely formátumához

Tiltsa le a háttérképeket a nyomtatási paraméterek megadásakor.
Használja a fekete szöveget fehér alapon.
Távolítsa el a menüket és a felesleges képeket

Mindig fejlesztheti saját weboldal sablont a saját elképzelései alapján a webhelyről, de néha könnyebben vásárolni egy kész mintát.

Ne gumiabroncs a felhasználók vállalati grafikái.A 90-es években divatos volt a CFLASH-animációval, élénk színekkel és hátterekkel, az oldal betöltésekor azonnal telepítse a zenét, de ma megijeszteni fogja a látogatókat. Használjon egyszerű háttér, kontrasztos szöveg színét.

A CSS-t (beágyazott stílust) használhatja, hogy be kell állítania a bekezdések közötti távolságot.

A gyenge gyógyítókkal és látással rendelkező látogatók számára a titerekkel videót és hangot használhat, jelezve a rendelkezésre állásukat.A táblázatok hatékony módja az információk átvitelének, de a képernyő-olvasókkal rendelkező látássérült felhasználók nem tudnak információt hallgatni az oszlopsorban.

Hogyan hozzunk létre egy webhelytervezést

Lépések

Tippek

Figyelmeztetések