Tervezési tippek a webhely frissítéséhez
néha webhelyének csak frissítésre van szüksége. Egy vagy két tervezési trend beépítése tisztábbá, modernebbé és elkötelezettebbé teheti a dizájnt.
szerencsére a Weebly-vel nagyon könnyű megtartani a trendet. Az éles sablonoktól a professzionális megjelenésig, a szerkesztőben lévő látvány módosításához minden, ami a modern weboldal-tervezéshez szükséges, egy helyen megtalálható.
de hol kezdjük? Íme öt ötlet, hogy fogja a honlapon keres friss.
élénk színek és színátmenetek
a merész, élénk színek 2019 egyik legnépszerűbb – és legboldogabb – webdesign trendje.
nem kell félnie a sárgák, zöldek, rózsaszínűek és kékek sok színtelítettséggel történő használatától. Fontolja meg az élénk színű háttereket, mint akcentust vagy a felhasználói felület elemeit, hogy felhívja az ügyfeleket és érzelmi kapcsolatot létesítsen.
a világos színek mellett a színátmenetek egy másik módja az élénk szín használatának a maximális hatás érdekében. A kép színátmenet-átfedése csak a megfelelő vásznat biztosíthatja szöveg vagy más cselekvésre ösztönzés hozzáadásához.
Top tipp: meg tudod csinálni bármilyen Weebly honlapján közvetlenül a szerkesztő. A színválasztó segítségével válasszon világos háttérszínt, vagy használja a sokféle képszűrő opció egyikét, hogy popot adjon a fényképeihez. Ezek az eszközök az irányítópulton érhetők el; csak nyissa meg a szerkesztőt, és szerkessze a képet vagy a hátteret.
próbálja ki ezt a témát: Helyszín
fix vagy mobil navigációs elemek
győződjön meg arról, hogy a felhasználók mindig hozzáférhetnek a rögzített elhelyezésű navigációs elemekhez, amelyek a képernyő tetején vagy oldalán maradnak, miközben a felhasználók görgetnek. A navigáció mindig elérhető, így a weboldal látogatói könnyedén mozoghatnak a dizájnban, és megtalálhatják az elemeket, ha eltévednek.
a rögzített navigáció egyik legnépszerűbb felhasználása a “mobil” stílus használata minden eszköztípushoz. Ez gyakran egy egyszerű, vékony navigációs elem a képernyő tetején, amely logót vagy márkanevet, valamint egy egyszerű ikont tartalmaz, amely teljes navigációvá bővül.
ez az elemstílus nagyobb vászonterületet biztosít a fő üzenetküldéshez, és letisztult, áramvonalas megjelenést biztosít. És bár a navigáció nem mindig nyitott, a legtöbb webhely látogatója vagy Online vásárlója megszokta ezt a navigációs mintát, mert ez a legtöbb mobil webhely szabványa.
legfontosabb tipp: a Weebly téma kiválasztásakor keresse meg a rögzített navigációs elemeket, hogy ez a folyamat szellő legyen.
próbálja ki ezt a témát: papír
mozgás és animáció
a videó és az animált effektusok a legvonzóbb elemek, amelyeket hozzáadhat egy weboldal tervezéséhez. A felhasználók vonzódnak a mozgó tárgyakhoz, és gyakran megállnak és figyelik, hogy mi történik, ha mozgás van a képernyőn.
az egyik legjobb hely a kezdéshez, ha videót ad hozzá a webhelyéhez. Legyen szó teljes képernyős hősképről vagy egy adott oldalon található videóról, amely egy terméket vagy információt mutat, a videó hozzáadása egyszerű. Feltölthet egy videót közvetlenül, vagy beágyazhat elemeket olyan népszerű platformokról, mint a YouTube vagy a Vimeo.
legfontosabb tipp: tudta, hogy kis elemeket is animálhat? A szöveges animációk hangsúlyt fektethetnek egy bizonyos szóra vagy akár a cég nevére. Próbálja ki az ingyenes szöveges animációs alkalmazást az App Centerben, hogy néhány kattintással mozgást adjon a weboldal tervezéséhez.
próbálja ki ezt a témát: Birdseye 2
rengeteg fehér hely
lehet, hogy úgy érzi, hogy mindent meg kell kapnia a képernyőn, de a weboldal tervezésének megnyitása rengeteg fehér (vagy világos színű) térrel valójában felhasználóbarátabb lehet.
a tiszta, szervezett kialakítás szinte mindig könnyebb lesz a felhasználók számára. Helyezzen be helyet az Általános tervbe egy nyitott stílusú sablon használatával. (Ez akkor is segíthet, ha úgy érzi, hogy el kell kezdeni a design elemekkel való kitöltését.)
felső tipp: Kiegyensúlyozza a teret és az elemeket, például a fényképeket és a szöveget, hogy külön vizuális minta legyen, amely segít a felhasználóknak az egyik dologról a másikra mozogni. Ne féljen elemeket tenni a tekercs alá – erre több fehér helyet tartalmazó kialakításban lesz szükség.
próbálja ki ezt a témát: tiszta vonalak
moduláris elrendezések
a moduláris elrendezés létrehoz egy rendszert a kisebb blokkok, hogy lehet mozgatni, keverhető. (Gondolj rá, mint építőelemek vagy téglák.)
a moduláris elrendezések gyakran több újratervezést igényelnek, de nagy rugalmasságot biztosítanak a különböző tartalomtípusok esetében. A Weebly témával, amely moduláris stílust tartalmaz, nem olyan nehéz elkezdeni.
legfontosabb tipp: a moduláris elrendezés gyakran a legjobb azoknak a terveknek, amelyek sok tartalommal rendelkeznek – gondoljunk az e – kereskedelemre vagy a portfólióra -, hogy a felhasználók egyszerre sokféle dolgot láthassanak. Párosítson moduláris elemeket rengeteg fehér hellyel a tiszta kialakítás érdekében, amely két trendet párosít egyben!
próbálja ki ezt a témát: Cento vagy Brisk
következtetés
ezeknek a tervezési trendeknek a nagyszerű dolog az, hogy nem járnak a webhely teljes újratervezésével. Megváltoztathatja a színt, vagy hozzáadhat egy videót teljes felújítás nélkül.
néha egy egyszerű változás is csak a dolog, hogy frissítse az online jelenlét. (Szerencsére a Weebly sablonok tökéletes kiindulópontot nyújtanak, míg a szerkesztő egyszerű módot kínál a változtatásokra.)