Mi osztott elrendezés (cikcakk vagy z-elrendezés)

Mivel a webes tervezők, követjük sok paradigmák és tervezési elvek: a rács, a függőleges sorozatot. F-elrendezést. Z-elrendezés. A kétharmados szabályt, aranymetszés, és így tovább. Középpontban az ezeket az elveket létrehozni tetszetős és funkcionális design. Most nézzük meg egy egyszerű megosztását az oldalt két egyenlő részre.

Szemmozgás és a Zig-Zag

A webes felhasználók mindig siet. Van más dolgom, és időzzön értékelni a szépséget és az esztétikum a webhely az utolsó dolog, akkor számíthat tőlük. Annak ellenére, hogy a jó design fontos az a tény, hogy nem teljesen inspirálja a látogató, hogy hozzon döntést - nyomja meg a „Kosárba” vagy „További információ”.

Észre fogja venni, hogy könnyedén meg, hogy maradjon a vörös foltok. Furcsa módon, a tapasztalataink, azt mondhatjuk, hogy a szemünk legyen könnyű követni egy egyenes vonal, ahogy olvashatjuk egy egyenes vonal. Felhívjuk figyelmét, hogy beszélek a kezdeti fázisban csúszás szerint nem az a része, ahol figyelni, hogy minden részletét a helyszínen.

Amikor nem fizet sok figyelmet, hogy ez a természetes tendencia a szem - cikcakk. Ha nincsenek elemei vannak, amelyek nagyobb kontrasztot és súlya, amelyek vonzzák, te valószínűleg követni a tekintetét a fenti példák. Azt is észre, hogy a kép hasonló F-elrendezést, és a piros végpontok azok a pontok, ahol az emberek röviden megáll.
Ezek pillanatnyi spot szünetek vannak, ahol az agy tárolja azokat az információkat (például fényképeket). A cikk-cakk elrendezés elemek, amelyek fontos információkat a „spot szünet”, az agy természetes módon felszívja részletesebb információkat csatlakozik mindkét végén cikcakk pontot különálló objektumok.

Megnézzük a különböző design. Design - ez nem, hogy a termék úgy néz ki, és könnyen értelmezhető. Design - ez hogyan működik. -Steve Jobs

Lehet (például), hogy hatékonyan használja ezt a funkciót egy ilyen elrendezés (Half osztott), hogy a megtekintett munkájuk portfolió, vagy fontos jellemzői a termék vagy szolgáltatás, hogy a látogatók, hogy gyorsan emlékezni rájuk. A végén, ez arra ösztönzi őket, hogy maradjon tovább a webhelyén, és így meggyőzi őket, hogy tegyenek lépéseket. Az eredmény? A legjobb konverziós arány az Ön és a jobb felhasználói élmény számukra.

Alkalmazás Split elrendezés tervezés

Így „cikcakk kompatibilis” és a design nagyon egyszerű. Tény, hogy ez annyira egyszerű, hogy hogyan osztja meg az oldal két egyenlő részre! Egyenlő részre jól működik, mert a cikcakkos végpontok igazodik többé-kevésbé a központ felé a felét. Eljáró szuperpozíció, jól működnek együtt. Tedd a fontos elemei az oldalt egy piros végpont cikkcakkos. Ez az alapvető koncepció Half Split, vagy 1/2-es elrendezés.

Nemrég dolgoztam a nyitóoldalon, mint «Hamarosan». Sokat kísérleteztem különböző elrendezések, de semmi sem működött jól. Mindent megpróbáltam - rácsok, Golden Ratio, F-elrendezést. A döntés jött, amikor én csak osztani az oldalt két egyenlő részre. A megoldás nagyon egyszerű volt! Layout néz ki, elegáns és szép és emlékeztetett a fontos tényt, hogy egyszerűen nem feltétlenül rossz dolog. Láttad az új Microsoft logó?

Egyszerűség - a legnagyobb bölcsesség. -Leonardo da Vinci

Láthatjuk, hogy a felét egy jó vizuális hierarchia. Először is, jól látható jel formájában «Hamarosan» bürokráciát. Továbbá látható logo. Most során cikcakk, ahogy korábban említettük, a látogató kap egy pillantást a képen az körhinta jobb felén, és végül, e-mail formájában.

Most lássuk, hogyan is a partíció elrendezést a fele a munka egy webdesigner portfólióját. A cél a galéria a portfólió oldalt, hogy gyorsan potenciális ügyfelek a munka mennyiségét. Sok lehetőség közül, mivel ez az ágazat igen gazdag. Miért is fizetnek? Kiváló design és a első benyomásokról a mérleg nyelvét az Ön javára. Lássuk, mit tehetünk róla.

Ez az elrendezés oszlik két részre, de ebből nem következik, „cikkcakkos” elv, amit korábban említettem.

Mi van, ha egyszerű módosításával, mint ezek?

Sokkal érdekesebb, nem igaz? Egyszerűen helyzetének megváltoztatása a szöveg és kép minden egyes tétel növeli a vizuális érdeklődés, hogy a szekvencia nem adja meg a látogató unatkozni. Arra is lehetőség van a cselekvésre ösztönző gombot végén cikkcakkos mintát.

„Kapcsolatfelvétel” gomb ilyenkor nagyobb eséllyel, hogy észrevették és rákattintottam egy pár a látogatók (miért nem fut az A / B teszt ellenőrzi, hogy?)
A design terv a szervezet az elemek ilyen módon, a legjobb egy adott célra. -Charlz Ames

Példák Osztott Layout akcióban

Partition elrendezés két részből jött a központ a reflektorfénybe egy új design Timeline Facebook. Figyeljük meg, hogy az elméd könnyen „folyik” az egyik rekordot a másikra.

Az Apple is készül a partíció elrendezést. Itt az iPad mini oldalon milyen könnyedén kommunikálni képet és leírást a jellemzők. Az információ észlelt könnyen.

Microsoft figyeltek kapcsolatban az új módon megjeleníteni információkat szolgáltatnak a közelmúltban névváltás, itt miután a partíció elrendezést az információs oldalak Surface.

Stacey minimalista demonstrációs 02/01-elrendezés.

Szeretem honlap Quora. Könnyen lehetséges, hogy bizonyítani a particionálás elrendezés?

Consumerbarometer.com egy új szintre el animációt és variációja háromszög cikkcakkos elrendezés.

Összefoglalva

Szóval, mit tudtunk meg?