Tippek a weblapok elrendezéséhez
Sok szempontot kell figyelembe venni, amikor egy weboldalt tervez és készít. Még a legtapasztaltabb weboldal-tervezők is hibáznak, annak ellenére, hogy évekig terveztek, ezért ne vegye figyelembe azokat a hibákat, amelyeket a kezdők elkövethetnek.
Az alábbi rövid lista a tíz weboldal-elrendezési lépésről az összes lényeges információt tartalmazza, amelyeket tudnia kell egy új weboldal-projekt elindítása vagy a digitális ügynökséggel való együttműködés megkezdése előtt, és ezenkívül azt is, amelyre összpontosítania kell a weboldal-tervezési elrendezés során. .
Lefedik a weblapok kialakításának alapvető szempontjait, például a céloldal kialakítását, valamint az általános munkafolyamatokkal kapcsolatos kérdéseket a jobb működés érdekében. A weblap-elrendezés ezen lépéseit követve jobb helyzetben lesz a professzionális szintű weblap-elrendezés elkészítéséhez.
A tökéletes weblap-kialakítás elkészítésének lépései
-
Toll papírra
Ne csak aktiválja a Photoshop-ot vagy a weblap-tervező szoftvert, amely a projekt elindításakor megvan. Ez egy gyakori hiba, amelyet még a tapasztalt tervezők is tesznek, mielőtt elgondolkodnának a megoldandó problémákon. Úgy van; A weblapok elrendezése a problémák megoldásáról szól, nem csak a jó megjelenésről és az esztétikáról. Ezeket a problémákat csak jó, világos hierarchiával és elrendezéssel lehet megoldani. A színkódok és az árnyékok megtekintése előtt összpontosítson a tartalomra, az elrendezésre és a funkcionalitásra.
Amikor el kell készítenie a projekt megjelenését és hangulatát, az első lépés, amelyet meg kell tennie, egy felső szintű keret létrehozása, amely megoldhatja az összes weboldal-elrendezési problémát. A keret a felhasználói felület, amely körülveszi a tartalmat, és elősegíti a webhelyen végrehajtott műveleteket, valamint a navigációt. A keret alsó és oldalsávokat, valamint egyéb alkatrészeket, valamint navigációs elemeket is tartalmaz. Mondanom sem kell, hogy nem hagyhatja ki ezeket az alapvető biteket. Kezdje el a webdizájn-projektet ezzel a perspektívával, és egyértelműen megérti az elrendezést és az egyes oldalak megtervezésének módját.
-
Adjon rácsot a Photoshop-hoz, és válassza ki a tipográfiát
Most elindíthatja a Photoshopot. De mielőtt bármit megtervezne, elengedhetetlen egy megfelelő rács. Nem számít, mennyire jó a weblaptervező szoftver, ha a rácsot nem használja, úgy vagy rosszul fog megjelenni a weblaptervezés. A rács segíti az oldal elrendezésének szerkesztését a különböző részekben, és végigvezeti Önt a különböző képernyőméret-követelményekkel. Ennél is fontosabb, hogy elősegíti az érzékeny weboldal-elrendezés létrehozását, valamint a térközzel és más elemekkel kapcsolatos egységes kialakítást.
Miután elkészült egy weboldal tervezési rács, ideje bejutni a betűtípusba és a színekbe. Ez eltarthat egy ideig, de ez egy izgalmas szakasz egy weboldal-tervező projektben is. Általános szabály, hogy a weblap elrendezésénél nem célszerű kettőnél több betűtípust használni. Ez azonban a különböző weboldalak tervezési projektjeitől függően változhat; ragaszkodhat egyhez, vagy vadonba kerülhet több betűtípussal. Nem számít, keress egy könnyen olvasható betűtípust, még akkor is, ha sok szöveg olvasható. Légy kreatívabb a cselekvésekre és a címekre való felhívásnál, és válasszon nagy betűkészleteket. A tipográfia szempontjából is tartsa fenn a következetességet a weboldalon.
-
Színek és elrendezés
A weblapok kialakítása megőrülhet, amikor egy weboldalhoz színeket választanak, de a legjobb, ha korlátozott számú hang- és színkészletet használ, mert a dolgok túl nagyja rossz lehet. Lehet, hogy a színeket a betűkészletek kiválasztásának szakaszában nézi meg. Fedezze fel, milyen színeket kell használni a felhasználói felületben, a szövegben és a háttérben. Használjon korlátozott beállított hangokat és színeket az általános felhasználói felülethez. Alkalmazza a színeket következetesen a felhasználói felületen, az elem funkcionalitása alapján. Csak nézd meg a népszerű webhelyek elrendezését, például a Vimeo, a Quora és a Facebook. A felhasználói felületen kívül a grafikus részletekre vagy az ábrákra nem vonatkozhatnak színkorlátozások, feltéve, hogy azok nem zavarják a weboldal egyéb összetevőit vagy funkcióit.
Ami a weblapok elrendezését illeti, a követendő legjobb szabály az, hogy „minél egyszerűbb, annál jobb”. Minden szakasznak elengedhetetlennek kell lennie a webhely számára, meg kell adnia az indokot és elő kell segítenie a látogató végső eredményét. Az elrendezésnek képesnek kell lennie a legfontosabb tartalom és elemek kiemelésére. Tartsa a lehető legalacsonyabbnak egy oldalon az elhívások számát, hogy az egész webhely működjön az érték növelésében a látogató számára. A legegyszerűbb elrendezés biztosításának jó módja az, hogy a lehető legalapvetőbbre kezdje, és csak szükség esetén adjon hozzá elemeket.
-
Gondolkodj másként
Ezen a ponton lenne néhány ötlete azokra a elemekre, amelyeket alapvető fontosságúnak tartanak a weboldalak számára, de ne félj átgondolni a jelenlegi konvenciókat. Gondolj azon elemekre, amelyeket jelenleg fontosnak tartanak. Szüksége van például a keresés gombra? Bizonyos esetekben segíthet, de a legtöbb esetben felesleges. A weblaptervezési elrendezések és a weblaptervezési elrendezési minták vannak jelen, mert bizonyos esetekben működnek. Előfordulhat azonban, hogy nem minden esetben működnek, és elavultak lehetnek. Gondoljon át egy alkatrész kialakult mintáira, és gondoljon rá, hogyan lehetne azokat továbbfejleszteni.
Ne korlátozza átgondolását az ipari szabványokra vagy egyezményekre sem. Azt is át kell gondolnia a saját szokásaira és a weblapok elrendezési mintáira. Az innováció nem mindig a konvenciókon kívüli kihívásokkal jár; az is előfordulhat, ha minden projekttel kihívást jelent önmagára. Ne korlátozódjon csupán egy vagy néhány működési módra. Különböző kihívásokra példa lehet egy új rácsrendszer, új alkatrészek vagy bizonyos színek és betűtípusok elkerülése.
Ajánlott tanfolyamok
- Professzionális ingyenes Python tréning
- Ingyenes szoftver tesztelés tanfolyam
- Tanúsító képzés a szabad Java nyelven
- PERL tanfolyamok
-
Összpontosítson a részletekre
Minden olyan weboldal-tervező, aki érdemes a sót, hangsúlyozná ezt a tényt, és jó okból. Ahogy a mondás szól: „Isten a részletekben van”. A weboldal vagy a weboldal legkisebb részletei hatalmas különbségeket okozhatnak a felhasználó használhatóságában.
Valami olyan egyszerű, mint egy kis interakció, esztétikai érintés vagy animáció javíthatja az egész weboldalt. De ezek a részletek elengedhetetlenek és természetesen megjelennek, amint több tapasztalatot szerez. Összpontosítson az egyes alkotóelemek kiválóságára, és mindegyik kiváló komplett terméket alkot. Minden komponenst úgy kell megtervezni, mintha a legjobb önálló komponens lenne. Sok tervező a végére hagyja webhelye egyes részeit, és kevés figyelmet fordít rájuk.
-
Tartsa élesen és rendezetten a dolgokat
Tartsa élesen a webhelyén lévő összes képet és tartalmat azáltal, hogy beállítja a megfelelő kontrasztot a háttér / háttér színek és az stroke között. Az esztétikán kívül el kell kerülnie a tiszta és éles weboldal használatához más általános dolgokat is. A kimenetek élesítésekor elkerülendő tényezők közé tartozik a homályos élek, a színátmenet sávok, a betűkészlet-megjelenítési lehetőségek, valamint a háttérhez rosszul illeszkedő vonások.
Ez csak néhány példa egy egyszerű weboldal-kialakítási példára, amelyre figyelni kell. Folytassa a weblap tervezésének elrendezését teljes egészében, és ellenőrizze, hogy minden jól működik-e egymással. Ezután elemezze külön-külön és alaposabban az egyes alkotóelemeket.
A Photoshop használatával történő tervezéskor tisztán tartsa a PSD-fájljait, függetlenül attól, hogy mekkora a projekt nagysága és a projekten dolgozó tervezők száma. A tisztább fájlok megkönnyítik a különféle szakaszok exportálását és gyorsabbá teszik a weboldal tervezésének elrendezését, valamint a megosztott fájlokkal való együttműködést más tervezőkkel.
-
Készüljön fel a legrosszabbra és maradjon koncentrált
A weblaptervezők célja a problémák különböző korlátokon keresztüli megoldása. A weblapok kialakítása szempontjából a korlátozások lehetnek műszaki, tartalmi vagy fogalmi. Amikor egy projektet indít és dolgozik, ne csak gondoljon a legideálisabb forgatókönyvre, hanem a legrosszabb esetre is. Lehetséges, hogy például a felhasználó négy hüvelyk méretű képernyőn próbál elérni a webhelyet, olyan operációs rendszert futtatva, amely már több mint két frissítéssel rendelkezik. Ne feledje, hogy a webhely elrendezése hogyan fog működni a különböző méretű képernyőkön, eszközökön és operációs rendszerekben.
Amikor meglátogat egy webhelyet, akkor weboldalt kell elkészítenie úgy, hogy a legjobb eset is a legrosszabb esetben. Mint weboldal-tervező, a projektet is el kell készülnie. Minden jó tervező belemerül az egyes projektekbe. Tegye webhelyét életének részévé, és végül még világosabbá fogja látni. Ezután azonosíthatja a hibákat és a problémákat, és végül megváltoztathatja azokat. Amint a projekt érett, így lesz Ön is weboldal-tervező. Végére sokkal többet fog megtanulni a projekttel kapcsolatban, mint amennyit csak akkor tudna, ha távol maradna tőle. Sőt, a végső eredmény sokkal jobb lesz. Ha minden projektbe önti verejtékét és vérét, akkor mindenki megmutatja.
-
Hozzon létre jó kapcsolatot az ügyféllel és a fejlesztővel
Ha professzionális weboldal-tervezőnek kíván lenni, akkor sok ügyféllel és web-fejlesztővel kell találkoznia. Kezdjük az ügyfelekkel, mert az ügyfelek mindig az elsők.
Amikor interaktív weboldal-kialakítást vagy -koncepciót javasol, nyitott kommunikációt kell folytatnia az ügyféllel, hogy mindkettő ugyanazon az oldalon legyen. Ne maradj sokáig egy koncepció mellett; ossza meg az ügyféllel, amint csak lehet. Miután jóváhagyták a kezdeti koncepciót, jobb képet kap arról, amit ügyfele kíván, és jobban hozzáigazítja magát a projekthez. Ha a koncepciót nem hagyják jóvá, annyi visszajelzést gyűjthet, amennyit csak akar, az ügyféltől, hogy megfelelőbb koncepciót kapjon az asztalhoz. Mindenesetre ne várjon, amíg elkészíti a részletes koncepciót.
Miután elkészült a koncepció, és már dolgozik a projekten, jó kapcsolattartót kell kidolgoznia a fejlesztői csapattal. A fejlesztők nem csak programozók; ők is kreatívak, és ugyanolyan szenvedélyesek munkájuk iránt, mint a weblap-tervezők. Ugyanakkor gyakran nem vesznek részt a projektben a kezdetektől fogva, és csak akkor lépnek be a projektbe, amikor a koncepció eldöntöttek, és kreatív inputjukra már nincs szükség. Sajnos ez a folyamat rossz. A legjobb weboldal-elrendezési ötletek néha a legkevésbé valószínű forrásokból származnak. Ne engedje le, hogy a fejlesztői csapat kreativitása nem csökken. A kezdetektől kezdve vezesse be őket a konceptualizációs folyamatba, és a kezdetektől tegye őket a projekt részévé. Ossza meg weboldal-elrendezési elképzeléseit a fejlesztőkkel, és vonja be őket a jobb ötletek, valamint végső soron a jobb kódolás és végrehajtás érdekében.
-
A prezentáció fontos, és egyes ötletek valószínűleg nem
Miközben feltétlenül fontos egy nagyszerű weboldal létrehozása és egy nagyszerű projekt elkészítése, ugyanakkor fontos azt is, hogy jól bemutatjuk azt egy ügyfél számára. Még a világ legjobb weblap-elrendezését is figyelmen kívül hagyhatjuk, vagy teljesen utálhatjuk, ha nem mutatják be jól. Ne feledje, hogy a projekthez használt weblap-elrendezési koncepciók és ötletek egyértelműek lehetnek az egész csapatnak és az egész csapatnak, ám ezek nem feltétlenül egyértelműek az ügyfelek vagy valaki számára, aki később a projekt részévé vált.
Hasonló megjegyzésként ne feledje, hogy ne igazán kötődik minden weboldal-tervezési ötlethez és a weboldal-tervezés elrendezési koncepciójához. Mindegyiknek adjon határozott érvet, de ne felejtse el visszavonni, ha a csapat vagy az ügyfél nem ért egyet velük. Ne feledje, hogy a preferenciák szubjektív lehetnek; ami jól működik, előfordulhat, hogy egyáltalán nem működik az ügyfél vagy a fejlesztő számára. Mint weboldal-tervezőnek, határozott véleményre van szüksége ötleteiről, de elég rugalmasnak kell lennie ahhoz is, hogy gyorsan megváltoztassa az elképzeléseket és ötleteket, ha másokkal nem egyeznek meg.
-
Kövesse nyomon és kövesse az előrehaladást minden szakaszban, és mutassa meg a közösségnek
Bárki, aki egy ügynökségben dolgozik, ismeri az új projekt weboldal-kialakításának küzdelmét, miközben előzőjüket még fejlesztik vagy éppen befejezik. Az emberek véleményével ellentétben a tervező munkája nem ér véget azáltal, hogy csak a PSD fájlokat és a stíluslapot elküldi. Ha teljes mértékben befektet egy projektbe, akkor be kell jelentkeznie a fejlesztőkbe is, hogy megbizonyosodjon arról, hogy a weboldal tervezési és interakciós ötleteit a tervek szerint hajtják-e végre, és szükség szerint segítsen nekik, hogy minden részlet megfelelõen mûködjön. .
A folyamatban lévő komponenseket és stíluslapokat megoszthatja a tervezők közösségével. Időnként a projekt legjobb részeit kihagyják vagy elveszítik az archív mappában. Amint a projekt befejeződik, és az ügyfél jóváhagyja a támogatást, elkészítheti az esettanulmányt a folyamatban lévő munkával, valamint a kimaradt weboldalak tervezésével és összetevőivel. Ez hatalmas előny lehet a közösség számára, és sokat tanulhat a visszajelzésekből.
Kapcsolódó cikkek:-
Ez egy útmutató, amely könnyen megjegyezhető weblaptervezési tippeket tartalmaz. Itt, ebben a bejegyzésben megvizsgáltuk a tökéletes weblap-elrendezés létrehozásának lépéseit. Íme néhány cikk, amely segít részletesebben megismerni a weblaptervezés elrendezését, csak nyugodtan keresse meg a linket.
- A 10 legjobb webdesign-trend, amelyet tudnia kell 2016-ban
- A hatékony webdesigner-portfólió 10 új funkciója
- A 10 legjobb ingyenes weblap-tervező szoftver listája (útmutató)