A Whitespace használata nagyszerű webdesign készítéséhez

Közzététel: Támogatása segít fenntartani a webhely működését! Az ezen az oldalon javasolt szolgáltatások némelyikén referenciadíjat keresünk.


A “tiszta” szavak? “egyszerű,”?? “fényűző,”?? és „hatékony” ?? gyakran szóba kerülnek, ha szóközről beszélnek. De ugyanolyan egyszerű, ha a szóközt mint design elemet minősítik – és a minimalizmust, mint azt a tervezési technikát, amely azt használja – tudja, hogyan kell helyesen használni a szóközt a webdesignban?

Hogyan lehet hatékonyabban használni a szóközt?

A kezdéshez néhány dolgot meg kell tudni a szóközről, mielőtt azt a munkájában felhasználná.

  • A szóközt negatív térnek is nevezik.
  • Míg a szóköz a tartalom hiányát jelzi egy meghatározott területen belül, ez egyáltalán nem az ürességről szól. A szóköz és önmagában egy tervezési elem.
  • A szóközzel való megfelelő munka kulcsa az a képesség, hogy minden helyet figyelembe vegyen. Ha megérti a weboldal különböző elemei közötti kapcsolatot, akkor a szóköz felhasználásával befolyásolhatja és javíthatja ezeket a kapcsolatokat.

A webdizájn szempontjából kevésbé több. Mondja el kevesebb szóval. Egyszerűsítse a színpalettát. Használja ki a természetes rácsot. Más szavakkal: vegye be a teljes képet, és stratégiailag megtervezze weboldalait a szóközzel. Meglepheti az előnyei, amelyeket ennek cseréjeként kapsz:

  • Hatékonyabban felhívja a látogatók figyelmét a cselekvési felhívásokra (CTA).
  • Javítsa a szervezetet és az egyensúlyt, hogy mindent könnyebben megtalálhasson.
  • Növelje a tartalom olvashatóságát.
  • Mutassa be a luxust, amelyet a látogatók viszont társítanak a márkájához.
  • Hozz társulásokat olyan márkákhoz, mint a Google és az Apple, amelyek szintén hatékonyan használják a tiszta, egyszerű mintákat és a szóközt.

Nagyon jól hangzik, nem igaz? Nos, itt az ideje, hogy megnézze azokat a 12 módszert, amelyek segítségével helyesen használhatja a szóközt a weboldalain.

1. Hozzon létre egy fókuszpontot

Amikor olyan webhelyre gondol, amelynek formatervezése olyan alapvető és alapvető, de küldetése szempontjából rendkívül hatékony, akkor valószínűleg elképzelni fogja a Google-t. Nyilvánvaló, mi a weboldal legfontosabb része – és nem csak azért, mert színes logóval és keresőmezővel rendelkeznek az oldalon. Az egész szóköz mellett nem teheted, csak a központot irányíthatod.

2. Szakítsa meg a szöveget

A szóközzel nem csak a webhely fontos részeire helyezi a figyelmet. Ezzel hatékonyan lehet felhasználni a sok tartalom olvashatóbbá tételére egyetlen területen. A Mozilla honlapja erõs színek, nyitott tér és egyensúly használatával tette ezt meg, hogy javítsa az oldal olvashatóságát.

3. Helyezze be az oldalmargót

Ne feledje, az iskolában, amikor az oldalmargóját 1,25 ″ -re változtatta ?? és remélem, hogy a tanár nem vette észre az extra kiegészítést, hogy jelentése hosszabb ideig jelenjen meg, mint volt? Nos, szerencséd van, mert a szélesebb margók valóban nagyon hatékonyak arra, hogy felhívják a figyelmet az oldal közepére. Az iA remek példát kínál erre.

4. Konzisztensen rendezze az oldalakat

A szóközt gyakran használják a weboldal ritmusának és meghatározott struktúrájának meghatározására. Vegyük például a Dropboxot. Tudod, hogy az egyik oldalon egy darab szöveg lesz, a másik oldalon egy kép, és nagy helyet fog hagyni a következő, azonos méretű szakasz bemutatása..

5. Az aszimmetrikus minták kiegyensúlyozása

Amikor a tervezés szimmetriájára gondolunk, ez általában olyan egyszerű, mint: „Van egy képem ezen az oldalon, így a másik oldalra hasonló súlyú képet vagy szöveget egészítek hozzá.” ?? Időnként azonban az aszimmetria ugyanolyan ügyes és logikusnak tűnik, mint a szimmetrikus kialakítás, mint például az Apple iPad oldalon.

6. Hozz létre kapcsolatokat

Ez a különleges szóköz technika kissé nehezebb leszerelni, mint mások, mert meg kell találni a megfelelő helyet erre. Az egyik legjobb példa erre az árazási vagy szolgáltatási táblázatok. Míg egyes vállalatok csekkeket és az X-et használnak az összes hely kitöltésére, a WordPress nagy munkát végez a negatív hely felhasználásával annak bemutatására, hogy sokkal többet érnek el a drágább terveikkel.

7. Ábrázolja a tanfolyamot

Nincs szükség nyilakra vagy csúszkákra, hogy a látogatókat a webhely egy meghatározott útvonalán vezesse. Valójában ha elosztott képeket használ és csak a megfelelő mennyiségű szóközt használja, közvetett módon irányíthatja a látogatókat fentről lefelé olyan egyszerűen, mint az Apple..

8. Add a navigációs szobát a lélegzéshez

A navigációs sáv remek hely a széles nyitott terekkel való játékhoz. Használjon szóközt, hogy hangsúlyt kapjon a logóra, például a Philip House. Vagy használjon kihúzható menüt, amely megalapozott menüt terem, hogy lélegezzen, ahogy Bulgari tette. Ugyanezt a szabályt kell alkalmazni a láblécre.

9. Készítsen drámát

A CTA-k célja az érzelem felhasználása arra, hogy a látogatókat egy gombra kattintásra, űrlap kitöltésére vagy vásárlásra késztesse. De ezeknek a CTA-knak nincs annyira nagy hatása, ha nem adnak nekik egy pillanatot arra, hogy az érzelem bekapcsolódjon. A vállalkozó hősképe éppen ezt teszi „A töltöttek elég?” Kapcsán? adva a látogatóknak egy pillanatra pánikot, mielőtt az élénk zöld megoldást kínálnák.

10. Hangsúlyozza a tipográfia

Ha nagyobb betűtípusokat használ a webhelyén, az azért van, mert ezek több figyelmet érdemelnek. Ha további helyet épít be a tipográfia körül, akkor jelzi a látogatóknak, hogy itt kell megállniuk és figyelniük kell, mielőtt továbbmennek, akárcsak a superReal webhely..

11. Használja a Fotókat a szóközzel

Amikor a webhelyen szóközt használ, akkor nem érzi magát, hogy mindezt saját magának kell létrehoznia. A „negatív tér” kifejezés egyszerű keresésével ?? a Flickr-en és a Pixabay-en több mint elegendő lehetőséget kap a felhasználható fényképekhez, amelyek elősegítik az egyszerű, tiszta és stratégiai tervezés ezen ötletének fenntartását.

12. Készítsen Peekaboo elemeket

Bár a betűk, formák és más ismert objektumok csak félkövér színekkel és szóközökkel történő létrehozása nagyon jó ötlet, ezt nehéz végrehajtani, mert legalább középszintű tervezési tapasztalat szükséges. A „peekaboo” két legismertebb példája ?? a szóközök elemei a nyíl a FedEx logóban és a páva az NBC logóban. A logók nem az egyetlen része a webhelyének, ahol az ilyen típusú szóközöket is használhatja.

Fehér hely a jövőbeni tervezésben

Bizonyos szempontból a webdizájn ma sokkal könnyebb, mint tíz évvel ezelőtt. Rendelkezünk olyan tartalomkezelő rendszerekkel, amelyek tele vannak oktatóanyagokkal, beépülő modulokkal és témákkal, hogy még a legfejlettebb fejlesztőknek és a webmestereknek is segítsenek webhelyek felépítésében. Másrészt a webdizájn most sokkal nehezebb, mint tíz évvel ezelőtt. Azért, mert rendelkezésünkre állnak ezek az eszközök és referenciaanyagok, sokkal nagyobb az elvárások, mint valaha. Ezért kell a tervezőknek és a fejlesztőknek, akik a verseny fölött akarnak állni és webhelyüket magasabbra akarják vinni, tudniuk kell, hogyan kell hatékonyan használni a szóközt..

További olvasmányok és források

Több útmutató, oktatóanyag és infografika található a webdizájnhoz kapcsolódóan:

  • Jó HTML összeállítása: ez egy jó bevezetés a jól formált HTML írásához és a HTML érvényesítő szoftver használatához.
  • CSS3 – Bevezetés, útmutatók és források: ez egy remek hely a weblapok elrendezésének megtanulására.

Webdiagnosztika, amelyet soha nem fog elfelejteni

Minden tervező időtlen dokumentumokat akar létrehozni – azokat, amelyek soha nem fognak ragaszkodni. De gyakran kudarcot vallunk ebben. Infographics Web Design Trends-ben, amelyet soha nem fogsz elfelejteni, olyan évtizedek terveinken keresztül haladunk, amelyeket valaha hűvösségnek tartottak.

Webdiagnosztika, amelyet soha nem fog elfelejteni
Webdiagnosztika, amelyet soha nem fog elfelejteni

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map