Portálweboldal (egy olyan oldal, amely nagy mennyiségű tartalomhoz vezető ajtóként működik) tervezése rendkívül kihívást jelentő webdesign projekt lehet. A portál jellege azt jelenti, hogy a Kezdőlap folyamatosan változik, és tele van linkekkel és tartalommal. A hozzáférhető és könnyen használható portáloldal tervezésének trükkje egy olyan webhelyelrendezés létrehozása, amely megkönnyíti a gyakori tartalomváltozást, de következetesen stílusos marad az olvasás és a navigáció megkönnyítése érdekében. Ha nem kap ez jobb, akkor a végén egy zsúfolt oldalt, hogy nehéz olvasni. A jó hír az, hogy a Michael Bell One webdesign szakértői nagy tapasztalattal rendelkeznek az iskolák, vállalkozások és kormányzati intézmények portáljainak tervezésében, beleértve az East Sussex County Council innovatív szolgáltatásait az iskolák online rendelési rendszerében.
portál webdesign: Layout
ha figyelembe vesszük, hogyan lehet a legjobban megközelíteni egy portál webdesignját, általában az elrendezéssel kezdjük. Ha olyan oldalt tervezünk, amely tele lesz linkekkel és információkkal, akkor általában a lehető legnagyobb oldalszélességet használjuk a bal oldali margók és a felesleges szóközök kiküszöbölésével. Természetesen, mivel a reszponzív webdesign minden tevékenységünk középpontjában áll, optimálisan kihasználnánk a helyet, függetlenül attól, hogy milyen eszközön nézik meg a weboldalt. A tartalom és a grafikák középre igazítása egy portáloldalon soha nem igazán működik jól, mivel a felhasználók hajlamosak a bal felső sarokban olvasni, és gyorsan beolvasni a jobb alsó sarokban.
a legjobb portál webdesign megközelítés az, ha dobozokat és alakzatokat használunk az oldal könnyen olvasható darabokra bontásához. Hajlamosak vagyunk a hosszú szürke téglalapok, a világosabb színekkel ellátott négyzet alakú panelek kombinációját használni a hírszakaszokhoz, valamint a magazin stílusú oszlopokat a közösségi és szabadidős információkhoz. Egy kis, félkövér betűtípus (10px Verdana) általában jól működik az ilyen típusú oldalszakaszokkal, és kiemelkedik a háttér színeivel és formáival szemben. A linkeket gyakran a kék és a narancs ismerős árnyalataival emelik ki, az ikonokkal néha további vizuális információkat nyújtanak a felhasználónak arról, hogy mi fog történni, amikor rákattintanak egy linkre.
tudja meg, hogyan segíthetünk
portál webdesign: háttér
a következő nyilvánvaló tervezési elemek, amelyeket figyelembe kell venni, a háttérképek és a színek. A finom, pasztell színű háttér használata jó módja annak, hogy bizonyos textúrát és mélységet biztosítson a portáloldalnak, de ha a háttér túl elfoglalt, vagy túl sok a színe és árnyéka, akkor úgy néz ki, mint egy 1990-es évekbeli webhely. a dolgok problematikusabbá válnak, ha a portál hátterének tetején lévő színek túl erősek. Tipikus példa erre, amikor azt a feladatot kapjuk, hogy tervezzünk át olyan portálwebhelyeket, amelyek nagy mennyiségű ciánt használnak. Egyes színek egyszerűen nem működnek a számítógép képernyőjén, a cián az egyik. Ékezetes színként való használata meglehetősen hatékony lehet, de a weboldal nagy területeinek lefedése az olvashatóság problémáihoz vezethet.
a portál weboldalának elrendezésekor gyakran érdemes halvány háttereket használni sötét szöveggel, vagy az alkalmi sötét hátteret halvány szöveggel – az erősen telített tónusokkal együtt. Az információigényes weboldalak tervezésében szerzett sokéves tapasztalatunk alapján azt tapasztaljuk, hogy a blues és a szürkék erős színként való használata rendkívül hatékony a hír-és portálwebhelyeken, mivel könnyebbek a szemnek, és jobb kontrasztot biztosítanak a kényelmesebb olvasási élmény érdekében.
portál webdesign: grafika és képek
gondosan mérlegeljük, hogyan használjuk fel a grafikákat és képeket. Ha egy logó rosszul van megtervezve, vagy a képek túl kicsik, vagy helytelenül igazodnak a szöveghez, akkor a portál weboldala kiegyensúlyozatlannak, rendezetlennek, valamint szakszerűtlennek tűnhet. Mivel a márkastratégia kialakítása a digitális design üzletünk sarokköve, tudjuk, hogyan kell olyan logókat és grafikai elemeket tervezni, amelyek nem csak a tartalomhoz igazodnak, hanem a célközönség igényeihez és igényeihez is igazodnak.
a portál weboldal elrendezésének tervezésekor arra is törekszünk, hogy a jQuery news scrollers és sliders elemeket a lehető legkisebbre csökkentsük. Bár ezek általában nagyon jól működnek, negatív hatással lehetnek az oldal betöltési idejére, és oldalhibákat vagy villogást okozhatnak. Az olvashatóság érdekében jobb, ha van egy dedikált hírpanel, amely sima HTML-t használ, de azért is, mert a görgető szöveg ugyanúgy elvonhatja az oldal tartalmát, mint a Szalaghirdetések vagy az animált grafikák.
végső célunk a portál weboldal elrendezésének megtervezésekor egy olyan érzékeny, hozzáférhető és könnyen használható információs hub létrehozása, amely nemcsak jól néz ki, hanem nagy mennyiségű információt is képes könnyedén továbbítani az olvasóknak. Ennek elérése érdekében általában azt tapasztaljuk, hogy a magazin stílusú portál weboldal elrendezése jól működik. Lehet, hogy ez egy jól használt formula, de ez azért van, mert rendkívül hatékony eszköz az információ gyors és hatékony továbbítására.
tudja meg, hogyan segíthetünk
az öt legfontosabb tipp a csiszolt portálhoz
hatékonyság
ha sok tartalomra van szüksége egy oldalon, csökkentse a margókat és a szegélyeket, hogy minden tartalék pixelt visszaszerezzen a tartalomhoz. Bontsa fel az elrendezést panelekre, és helyezze el őket körülbelül 10 Pixel távolságra egymástól. Használjon finom vonalvezetést és kis félkövér betűtípusokat, és adjon a paneleknek 10-15 pixeles belső párnázást, hogy a szöveg távol maradjon a szélektől.
nincs háttérkép
a háttérképek rendben vannak, de vigyázzon, hogyan használja őket. Ha túl elfoglaltak vagy túl sokat ismételnek, a végeredmény csak rendetlennek tűnik. Különös figyelmet kell fordítani a dombornyomott képek elkerülésére a portál webhelygrafikájának tervezésekor; az egyszerű 2D webes grafika sokkal tisztább és professzionálisabb. Mindig emlékezzen arra, hogy a háttérnek soha nem szabad versenyeznie a vizuális figyelemért az előtérben – különösen az információs webhelyeken.
a portáloldal jellege azt jelenti, hogy tele van linkekkel. A legtöbb portál azonban alszakaszokra van bontva, és ezeknek mindig könnyen elérhetőnek kell lenniük egy jól látható navigációs sávon keresztül. Próbálja meg elhelyezni ezeket a linkeket az oldal tetején vagy a bal oldalon, és ismételje meg őket egyszerű szöveggel az oldal lábánál, hogy idióta-biztos legyen.
Calm Colours
a szín alapvető része a felület tervezésének, és a portál weboldalának megtervezése sem különbözik egymástól. Kerülje a fényes, telített színek, például a cián használatát. ha szereted az élénk színeket, próbáld ki őket 10-20% – ban, ha a háttérben vannak, vagy használd őket hangsúlyos színként a feliratokhoz, linkekhez és CSS-görgetésekhez. Próbáljon meg elnémított színeket használni a dobozokhoz és a háttérhez: a szürkék gyakorlatilag bármilyen színsémával jól működnek.
Kerülje el a Gadgets
minden webdesigner szereti a jQuery-t; ez egy fantasztikus JavaScript könyvtár, és sok e-kereskedelmi webdesignra és CMS webhelyre nagy hatással használjuk, de ez nem jelenti azt, hogy minden webhelyen használni kellene. A JavaScript widgetek és a görgetők lelassíthatják a weboldalakat, és problémákat okozhatnak a régebbi böngészőkben. Kicsit ragadósnak is tűnhetnek, ha túlzottan használják őket. Ha fontos a mondanivalója, akkor világosan és magabiztosan kell mondania, anélkül, hogy a felhasználó mellett görgetné, mint a piros pontozott LED-kijelző a helyi postahivatalban.
a portál weboldalának megtervezése egyszerű; egy nagyszerű portál weboldal megtervezése nehéz. Ez megköveteli a tapasztalat, a kreativitás és a tervezési tehetség, hogy hozzon létre egy információs erőforrás, amely informatív, miközben továbbra is hozzáférhető és intuitív használni. Tehát, ha iskolája, közösségi szervezete vagy vállalkozása profitálna egy gyönyörűen megtervezett, érzékeny és hozzáférhető portál-weboldal-tervezésből, vegye fel a kapcsolatot Michael Bell One-nal ma, hogy megvitassa projektjét.
a Michael Bell One-ról
a Michael Bell One egy webdesign, SEO (Search Engine Optimization) és digitális marketing ügynökség, amelynek székhelye Lewes, East Sussex, és irodái Sussex, Surrey, London és Kent.
beszélni velünk a web design, SEO vagy Branding projekt, forduljon James Golding a 01273 478822 vagy egyszerűen küldjön egy e-mailt helyett.
