Portal website home page (sivu, joka toimii oviaukkona suurelle sisällölle) voi olla erittäin haastava websuunnitteluprojekti. Portaalin luonne tarkoittaa, että Kotisivu muuttuu jatkuvasti ja on täynnä linkkejä ja sisältöä. Helppopääsyisen ja helppokäyttöisen portaalisivun suunnittelun juju on luoda verkkosivuston ulkoasu, joka helpottaa usein tapahtuvaa sisällön muuttamista, mutta pysyy johdonmukaisesti tyyliteltynä lukemisen ja navigoinnin helpottamiseksi. Jos et saa sitä oikein, voit päätyä sotkuinen sivu, joka on vaikea lukea. Hyvä uutinen on, web design asiantuntijat Michael Bell One on laaja kokemus suunnitella portaali sivustoja kouluille, yrityksille ja valtion instituutioiden, kuten East Sussex County Council innovatiivisia palveluja kouluille online-tilausjärjestelmä. Seuraavassa esitellään joitakin avaintekijöitä, joita otamme huomioon portaalisivuja suunniteltaessa…
Portal Website Design: Layout
kun pohdimme, miten parhaiten lähestyä portaalisivujen suunnittelua, aloitamme yleensä ulkoasusta. Jos suunnittelemme sivua, joka tulee olemaan täynnä linkkejä ja tietoa, käytämme yleensä mahdollisimman paljon sivun leveyttä poistamalla vasemmanpuoleiset marginaalit ja tarpeettomat välilyönnit. Tietenkin, koska responsiivinen web design on kaiken tekemämme ytimessä, tekisimme myös parhaan mahdollisen tilan käytön riippumatta laitteesta, jolla verkkosivustoa tarkastellaan. Myös sisällön ja grafiikan keskitetty kohdistaminen portaalisivulla ei koskaan toimi kovin hyvin, sillä käyttäjät aloittavat lukemisen vasemmasta yläreunasta ja skannaavat nopeasti alas oikeaan alakulmaan.
paras portaalisivujen suunnittelun lähestymistapa on laatikoiden ja muotojen käyttäminen sivun hajottamiseen helppolukuisiksi paloiksi. Meillä on tapana käyttää yhdistelmä pitkiä harmaita suorakulmioita, neliön paneelit vaaleampia värejä uutisia osiot, ja aikakauslehtityyliset sarakkeet yhteisö-ja vapaa-ajan TIEDOT. Pieni, rohkea fontti (10px Verdana) toimii yleensä hyvin tällaisten sivuosioiden kanssa ja erottuu taustaväreistä ja-muodoista. Linkit korostuvat usein tutuissa sinisen ja oranssin sävyissä, ja kuvakkeita käytetään joskus antamaan käyttäjälle lisää visuaalista tietoa siitä, mitä tapahtuu, kun hän klikkaa linkkiä.
ota selvää, miten voimme auttaa
Portal Website Design: Background ’ s
seuraavat selvät suunnitteluelementit ovat taustakuvat ja värit. Hienovarainen, pastellinvärinen tausta on hyvä tapa antaa hieman tekstuuria ja syvyyttä portaalisivulle, mutta jos tausta on liian kiireinen tai siinä on liikaa väriä ja varjoa, se voi päätyä näyttämään 1990-luvun verkkosivustolta. Tyypillinen esimerkki tästä on, kun tehtävänämme on suunnitella uudelleen portaalisivustoja, jotka käyttävät suuria määriä syaania. Jotkin värit eivät yksinkertaisesti toimi tietokonenäytöillä, Syaani on yksi niistä. Käyttämällä sitä korostusväri voi olla varsin tehokas, mutta kattaa suuria alueita web-sivun se voi johtaa ongelmiin luettavuus.
portaalisivujen ulkoasuissa on usein hyvä käyttää vaaleaa taustaa, jossa on tummaa tekstiä,tai satunnaisesti tummaa taustaa, jossa on vaaleaa tekstiä – yhdessä useampien sävyjen kanssa runsaalla kyllästetyllä. Monien vuosien kokemuksemme informaatiopainotteisten verkkosivustojen suunnittelusta perusteella olemme taipuvaisia huomaamaan, että Bluesin ja harmaiden käyttäminen vahvoina väreinä on erittäin tehokasta uutis-ja portaalisivustoilla, sillä ne ovat helpompia silmälle ja tarjoavat paremman kontrastin mukavammalle lukukokemukselle.
portaalin Verkkosivujen suunnittelu: grafiikka ja kuvat
grafiikan ja kuvien hyödyntämistä harkitaan tarkkaan. Jos logo on huonosti suunniteltu tai kuvat ovat liian pieniä tai ne on kohdistettu väärin tekstiin, se voi saada portaalin verkkosivun näyttämään epätasapainoiselta ja epäjärjestykselliseltä sekä epäammattimaiselta. Koska brändistrategian suunnittelu on digitaalisen suunnittelutoimintamme kulmakivi, osaamme suunnitella logoja ja graafisia elementtejä, jotka eivät ainoastaan vastaa sisältöäsi, vaan myös kohdeyleisösi tarpeita.
portaalisivujen ulkoasuja suunniteltaessa pyrimme myös pitämään ylimääräiset elementit, kuten jQuery news scrollerit ja liukusäätimet minimissä. Vaikka nämä yleensä toimivat erittäin hyvin, niillä voi olla kielteinen vaikutus sivun latausaikoihin ja ne voivat aiheuttaa sivuvirheitä tai välkkymistä. On parempi, että oma uutispaneeli käyttää tavallista HTML: ää luettavuuden vuoksi, mutta myös siksi, että vierittävä teksti voi häiritä sivun sisältöä samalla tavalla kuin bannerimainokset tai animoidut grafiikat usein tekevät.
perimmäisenä tavoitteenamme portaalisivujen ulkoasuja suunniteltaessa on luoda reagoiva, helposti saatavilla oleva ja helppokäyttöinen informaatiokeskus, joka ei ainoastaan näytä hyvältä, vaan pystyy myös välittämään vaivattomasti suuren määrän tietoa lukijoilleen. Tämän saavuttamiseksi olemme yleensä sitä mieltä, että aikakauslehtityylinen portaalin verkkosivujen asettelu toimii hyvin. Se voi olla hyvin käytetty kaava, mutta se johtuu siitä, että se on erittäin tehokas keino välittää tietoa nopeasti ja tehokkaasti.
selvitä, miten voimme auttaa
Top Five Vinks for a Polished Portal Website
Efficiency
jos tarvitset paljon sisältöä yhdellä sivulla, pienennä marginaaleja ja rajoja saadaksesi jokaisen ylimääräisen pikselin takaisin sisällön kanssa käytettäväksi. Riko asettelusi paneeleiksi ja tilaa ne noin 10 pikselin välein. Käytä hienojakoisia ja pieniä lihavoituja fontteja ja anna paneeleille 10-15 pikselin sisäinen täyte, jotta teksti pysyy poissa reunoilta.
Ei taustakuvaa
taustakuvat ovat kunnossa, mutta ole varovainen niiden käytössä. Jos ne ovat liian kiireisiä tai toistuvat liikaa, lopputulos näyttää vain sotkuiselta. Ole erityisen varovainen välttää kohokuvioitu kuvia suunniteltaessa portal verkkosivuilla grafiikka; yksinkertainen 2D web-grafiikka näyttää paljon puhtaampi ja ammattimaisempi. Muista aina, että taustan ei pitäisi koskaan kilpailla visuaalisesta huomiosta etualan kanssa – varsinkaan informaatiosivustoilla.
portaalisivun luonne tarkoittaa, että se on täynnä linkkejä. Useimmat portaalit on kuitenkin jaettu alaluokkiin, ja niiden pitäisi aina olla helposti saatavilla näkyvän navigointipalkin kautta. Yritä sijoittaa nämä linkit sivun yläreunaan tai alas vasemmalle puolelle, ja toista ne selkotekstinä sivun juuressa lisättyä idioottivarmistusta varten.
rauhalliset värit
väri on olennainen osa käyttöliittymäsuunnittelua, eikä portaalisivuston suunnittelu ole sen kummempaa. Vältä kirkkaita, tyydyttyneitä värejä, kuten syaania. jos pidät kirkkaista väreistä, kokeile niitä 10-20%: lla, jos ne ovat taustalla, tai käytä niitä korostusväreinä tekstityksissä, linkeissä ja CSS: ssä. Kokeile ja käytä hillittyjä värejä laatikoissa ja taustoissa: harmaat toimivat hyvin lähes minkä tahansa värimaailman kanssa.
Vältä laitteita
jokainen web-suunnittelija rakastaa jQuerya; se on fantastinen JavaScript-kirjasto ja käytämme sitä hyvin tehokkaasti monissa verkkokauppasivustoissa ja CMS-sivustoissa, mutta se ei tarkoita, että sitä pitäisi käyttää jokaisella verkkosivustolla. JavaScript widgetit ja scrollers voi hidastaa web-sivuja ja voi aiheuttaa ongelmia vanhempien Web-selaimet. Ne voivat myös näyttää hieman mauttomilta, jos niitä käytetään liikaa. Jos sinulla on tärkeää sanottavaa, sinun pitäisi sanoa se selvästi ja luottavaisesti vierittämättä sitä käyttäjän ohi, kuten punatäpläinen LED-näyttö paikallisessa postitoimistossa.
portaalisivuston suunnittelu on helppoa, suuren portaalisivuston suunnittelu vaikeaa. Se vaatii kokemusta, luovuutta ja suunnittelun lahjakkuutta luoda tietoresurssin, joka on informatiivinen ja pysyy saatavilla ja intuitiivinen käyttää. Joten jos koulu, yhteisön organisaatio tai yritys hyötyisi kauniisti suunniteltu, reagoiva ja helposti portaalin sivuston suunnittelu, Ota yhteyttä Michael Bell yksi tänään keskustella hankkeesta.
tietoja Michael Bell One
Michael Bell One on web design, SEO (Hakukoneoptimointi) ja digital marketing agency, joka sijaitsee Lewesissä, East Sussexissa ja jolla on toimistot Sussexissa, Surreyssa, Lontoossa ja kentissä.
jos haluat puhua meille web design -, SEO-tai Brändiprojektistasi, ota yhteyttä James Goldingiin numeroon 01273 478822 tai lähetä meille sähköpostia.
