jak zaprojektować stronę internetową portalu

Projektowanie strony głównej portalu (strony, która działa jako drzwi do dużej ilości treści) może być niezwykle wymagającym projektem Web design. Charakter portalu oznacza, że strona główna stale się zmienia i jest wypełniona linkami i treścią. Sztuką zaprojektowania dostępnej i łatwej w użyciu strony portalu jest stworzenie układu strony internetowej, który ułatwia częste zmiany treści, ale pozostaje konsekwentnie stylizowany, aby ułatwić czytanie i nawigację. Jeśli nie zrobisz tego dobrze, możesz skończyć z zagraconą stroną, która jest trudna do odczytania. Dobra wiadomość jest taka, że eksperci od projektowania stron internetowych w Michael Bell One mają duże doświadczenie w projektowaniu stron internetowych portali dla szkół, firm i instytucji rządowych, w tym innowacyjnych usług East Sussex County Council dla szkół system zamówień online. Czytaj dalej, aby odkryć niektóre z kluczowych czynników, które bierzemy pod uwagę przy projektowaniu witryn portalowych…

projektowanie witryn portalowych: układ

rozważając, jak najlepiej podejść do projektowania witryny portalowej, na ogół zaczniemy od układu. Jeśli projektujemy stronę, która będzie pełna linków i informacji, zwykle wykorzystujemy jak największą szerokość strony, eliminując marginesy po lewej stronie i niepotrzebne spacje. Oczywiście, ponieważ responsive Web design jest sercem wszystkiego, co robimy, optymalnie wykorzystujemy przestrzeń niezależnie od urządzenia, na którym przeglądana jest strona internetowa. Ponadto wyrównywanie treści i Grafiki na stronie portalu nigdy nie działa zbyt dobrze, ponieważ użytkownicy zaczynają czytać w lewym górnym rogu i szybko skanują w dół do prawego dolnego rogu.

najlepszym podejściem do projektowania stron internetowych jest użycie ramek i kształtów, aby podzielić stronę na łatwe do odczytania fragmenty. Zwykle używamy kombinacji długich szarych prostokątów, kwadratowych paneli z jaśniejszymi kolorami dla sekcji informacyjnych i kolumn w stylu magazynu dla informacji o społeczności i wypoczynku. Mała, pogrubiona czcionka (10px Verdana) dobrze współpracuje z tego rodzaju sekcjami stron i wyróżnia się na tle kolorów i kształtów. Linki są często podświetlane w znanych odcieniach niebieskiego i pomarańczowego, z ikonami czasami używanymi do dostarczenia użytkownikowi dodatkowych informacji wizualnych o tym, co się stanie, gdy kliknie link.

dowiedz się, jak możemy Ci pomóc

projektowanie stron internetowych portalu: Tło

kolejnym oczywistym elementem projektu, który należy wziąć pod uwagę, są obrazy tła i kolory. Korzystanie z subtelnego, pastelowego tła jest dobrym sposobem na zapewnienie tekstury i głębi stronie portalu, ale jeśli tło jest zbyt zajęte lub ma zbyt dużo koloru i cienia, może wyglądać jak strona internetowa z Lat 90. sprawy stają się bardziej problematyczne, gdy kolory znajdujące się na tle portalu są zbyt mocne. Typowym przykładem jest to, gdy mamy za zadanie przeprojektować witryny portalowe, które wykorzystują duże ilości cyjan. Niektóre kolory po prostu nie działają na ekranach komputerów, jednym z nich jest cyjan. Użycie go jako koloru akcentującego może być dość skuteczne, ale pokrycie nim dużych obszarów strony internetowej może prowadzić do problemów z czytelnością.

w przypadku układów stron portalu często dobrym pomysłem jest użycie bladego tła z ciemnym tekstem lub okazjonalnie ciemnego tła z jasnym tekstem – wraz z częstszymi tonami nad mocno nasyconymi. Z naszego wieloletniego doświadczenia w projektowaniu stron internetowych o dużej zawartości informacji wynika, że używanie błękitów i szarości jako mocnych kolorów wydaje się być niezwykle skuteczne na stronach internetowych wiadomości i portali, ponieważ są łatwiejsze dla oka i zapewniają lepszy kontrast dla wygodniejszego czytania.

projektowanie stron internetowych portalu: Grafika i obrazy

zwracamy szczególną uwagę na to, w jaki sposób wykorzystujemy grafikę i obrazy. Jeśli logo jest źle zaprojektowane lub obrazy są zbyt małe lub są nieprawidłowo dopasowane do tekstu, może to sprawić, że strona internetowa portalu będzie wyglądała na niezrównoważoną i zdezorganizowaną, a także nieprofesjonalną. Ponieważ projektowanie strategii marki jest podstawą naszej działalności w zakresie projektowania cyfrowego, wiemy, jak zaprojektować logo i elementy graficzne, które nie tylko dopasują się do treści, ale także dostosują się do potrzeb i potrzeb grupy docelowej.

projektując layouty strony internetowej portalu, staramy się również ograniczyć do minimum dodatkowe elementy, takie jak przewijarki i suwaki wiadomości jQuery. Chociaż na ogół działają one bardzo dobrze, mogą mieć negatywny wpływ na czas ładowania strony i mogą powodować błędy strony lub migotanie. Lepiej jest mieć dedykowany panel wiadomości za pomocą zwykłego HTML ze względu na czytelność, ale także dlatego, że przewijanie tekstu może odwracać uwagę od zawartości strony w taki sam sposób, jak często robią to banery reklamowe lub animowana grafika.

naszym nadrzędnym celem przy projektowaniu layoutów strony internetowej portalu jest stworzenie responsywnego, dostępnego i łatwego w użyciu Centrum informacji, które nie tylko świetnie wygląda, ale także jest w stanie bez wysiłku przekazać dużą ilość informacji czytelnikom. Aby to osiągnąć, ogólnie uważamy, że układ strony internetowej portalu w stylu magazynu działa dobrze. Może to być dobrze stosowana formuła, ale to dlatego, że jest niezwykle skutecznym środkiem szybkiego i skutecznego przekazywania informacji.

dowiedz się, jak możemy Ci pomóc

pięć najważniejszych wskazówek dotyczących dopracowanej witryny portalu

wydajność

jeśli potrzebujesz dużej ilości treści na jednej stronie, zmniejsz marginesy i obramowania, aby odzyskać każdy zapasowy piksel do wykorzystania z treścią. Podziel układ na panele i rozstaw je w odstępie około 10 pikseli. Użyj cienkich linii i małych pogrubionych czcionek, a także nadaj panelom wewnętrzne wypełnienie 10-15 pikseli, Aby zachować tekst z dala od krawędzi.

brak Tapety

obrazy tła są w porządku, ale uważaj, jak z nich korzystasz. Jeśli są zbyt zajęci lub powtarzają zbyt wiele, efekt końcowy wygląda niechlujnie. Zwróć szczególną uwagę na unikanie wytłoczonych obrazów podczas projektowania grafiki witryny portalu; prosta grafika internetowa 2D wygląda znacznie czystiej i bardziej profesjonalnie. Zawsze pamiętaj, że tło nigdy nie powinno konkurować o uwagę wzrokową z pierwszym planem-zwłaszcza na stronach informacyjnych.

Łatwa nawigacja

charakter strony portalu oznacza, że jest pełna linków. Jednak większość portali jest podzielona na podrozdziały i powinny one być zawsze łatwo dostępne za pośrednictwem widocznego paska nawigacyjnego. Spróbuj umieścić te linki na górze strony lub w dół po lewej stronie i powtórz je w postaci zwykłego tekstu u podnóża strony, aby dodać idiot-proofing.

spokojne kolory

kolor jest podstawową częścią projektowania interfejsu, a Projektowanie strony internetowej portalu nie jest inne. Unikaj stosowania jasnych, nasyconych kolorów, takich jak cyjan. jeśli lubisz jasne kolory, wypróbuj je w 10-20%, jeśli są w tle, lub użyj ich jako kolorów akcentów dla napisów, linków i rolloverów CSS. Spróbuj użyć stonowanych kolorów dla pudełek i tła: szarości sprawdzają się w praktycznie każdej kolorystyce.

unikaj gadżetów

każdy projektant stron internetowych kocha jQuery; jest to fantastyczna biblioteka JavaScript i używamy jej do świetnego efektu na wielu projektach internetowych ecommerce i stronach CMS,ale to nie znaczy, że powinna być używana na każdej stronie. Widżety JavaScript i przewijacze mogą spowalniać strony internetowe i powodować problemy ze starszymi przeglądarkami. Mogą również wyglądać trochę tandetnie, jeśli są nadużywane. Jeśli to, co masz do powiedzenia, jest ważne, powinieneś powiedzieć to wyraźnie i pewnie, bez przewijania go obok użytkownika, jak czerwony kropkowany wyświetlacz LED w lokalnym urzędzie pocztowym.

Projektowanie strony internetowej portalu jest łatwe, projektowanie świetnej strony internetowej portalu jest trudne. Wymaga doświadczenia, kreatywności i talentu projektowego do stworzenia zasobu informacyjnego, który jest pouczający, a jednocześnie jest dostępny i intuicyjny w użyciu. Więc jeśli Twoja szkoła, organizacja społeczna lub firma skorzystałaby z pięknie zaprojektowanego, responsywnego i dostępnego projektu strony internetowej portalu, skontaktuj się z Michaelem Bellem, aby omówić swój projekt.

o Michael Bell One

Michael Bell One to agencja zajmująca się projektowaniem stron internetowych, SEO (Search Engine Optimization) i marketingiem cyfrowym z siedzibą w Lewes, East Sussex, z biurami w Sussex, Surrey, Londynie i Kent.

aby porozmawiać z nami o swoim projekcie web design, SEO lub brandingu, skontaktuj się z James Golding na 01273 478822 lub po prostu wyślij nam e-mail.