Porady projektowe, aby odświeżyć swoją stronę
czasami twoja strona wymaga odświeżenia. Włączenie trendu projektowego lub dwóch może sprawić, że projekt będzie wyglądał na czystszy, bardziej nowoczesny i zwiększy zaangażowanie.
na szczęście utrzymanie trendu jest dość łatwe z Weebly. Od ostrych szablonów o profesjonalnym wyglądzie, po poprawianie efektów wizualnych w edytorze-wszystko, czego potrzebujesz do nowoczesnego projektu strony internetowej, znajdziesz w jednym miejscu.
ale od czego zacząć? Oto pięć pomysłów, które sprawią, że Twoja strona będzie wyglądać świeżo.
jasny kolor i gradienty
Odważne, jasne kolory to jeden z najpopularniejszych i najszczęśliwszych trendów w projektowaniu stron internetowych w 2019 roku.
nie musisz się obawiać używania żółtych, zielonych, różowych i niebieskich o dużym nasyceniu kolorów. Rozważ jasne kolorowe tła jako akcent lub elementy interfejsu użytkownika, aby przyciągnąć klientów i nawiązać emocjonalne połączenie.
oprócz pojedynczych kolorów, które są jasne, gradienty są kolejnym sposobem na użycie jasnego koloru dla maksymalnego uderzenia. Nakładka gradientu kolorów na obrazie może zapewnić odpowiedni obszar roboczy do dodania tekstu lub innego wezwania do działania.
Wskazówka: Możesz zrobić to z dowolną witryną Weebly bezpośrednio z edytora. Użyj selektora kolorów, aby wybrać jasny kolor tła lub użyj jednej z wielu różnych opcji filtrowania obrazu, aby dodać pop do zdjęć. Te narzędzia są dostępne z Pulpitu Nawigacyjnego; wystarczy otworzyć Edytor i edytować obraz lub tło.
wypróbuj ten motyw: Miejsce
stałe lub mobilne elementy nawigacyjne
upewnij się, że użytkownicy zawsze mają dostęp do elementów nawigacyjnych ze stałymi miejscami docelowymi, które pozostają u góry lub z boku ekranu podczas przewijania. Zawsze dostępna nawigacja ułatwia odwiedzającym poruszanie się po projekcie i Znajdowanie elementów, jeśli się zgubią.
jednym z najpopularniejszych zastosowań stałej nawigacji jest użycie stylu „mobilnego” dla wszystkich typów urządzeń. Często jest to prosty, cienki element nawigacji w górnej części ekranu, który zawiera logo lub branding i prostą ikonę, która rozszerza się do pełnej nawigacji.
ten styl elementu może dać większy obszar płótna dla głównego przesyłania wiadomości i ma czysty, opływowy wygląd. I chociaż nawigacja nie zawsze jest otwarta, większość odwiedzających witrynę lub kupujących online jest przyzwyczajona do tego wzorca nawigacji, ponieważ jest to standard dla większości witryn mobilnych.
wskazówka: przy wyborze motywu Weebly Szukaj stałych elementów nawigacji, aby proces ten był prosty.
wypróbuj ten motyw: Papier
ruch i animacja
wideo i animowane efekty to jedne z najbardziej wciągających elementów, które możesz dodać do projektu strony internetowej. Użytkownicy są przyciągani do poruszających się obiektów i często zatrzymują się i obserwują, aby zobaczyć, co się dzieje, gdy na ekranie pojawia się ruch.
jednym z najlepszych miejsc do rozpoczęcia jest dodanie filmu do swojej witryny. Niezależnie od tego, czy jest to pełnoekranowy obraz bohatera, czy film na określonej stronie, na której wyświetlany jest produkt lub informacja, dodanie filmu jest proste. Możesz przesłać wideo bezpośrednio lub osadzić elementy z popularnych platform, takich jak YouTube lub Vimeo.
wskazówka: czy wiesz, że możesz również animować małe elementy? Animacje tekstowe mogą podkreślać określone słowo lub nawet nazwę firmy. Wypróbuj bezpłatną aplikację do animacji tekstu w App Center, aby dodać ruch do projektu witryny za pomocą kilku kliknięć.
wypróbuj ten motyw: Birdseye 2
dużo białej przestrzeni
możesz czuć potrzebę wyświetlenia wszystkiego na ekranie, ale otwarcie projektu witryny z dużą ilością białej (lub jasnej) przestrzeni może być bardziej przyjazne dla użytkownika.
czysty, zorganizowany projekt prawie zawsze będzie łatwiejszy do zrozumienia dla użytkowników. Włącz przestrzeń do ogólnego planu, używając szablonu o otwartym stylu. (Może to pomóc, nawet jeśli czujesz potrzebę rozpoczęcia wypełniania projektu elementami.
top tip: Zrównoważyć przestrzeń i elementy, takie jak zdjęcia i tekst, aby uzyskać wyraźny wzorzec wizualny, który pomaga użytkownikom przejść od jednej rzeczy do drugiej. Nie bój się umieszczać elementów pod przewijaniem – będzie to konieczne w projekcie z większą ilością białej przestrzeni.
wypróbuj ten motyw: czyste linie
Układy Modułowe
układ modułowy tworzy system mniejszych bloków, które można przenosić, miksować i dopasowywać. (Pomyśl o tym jak o klockach lub cegłach.)
Układy Modułowe często wymagają większego przeprojektowania, ale mogą zapewnić dużą elastyczność dzięki różnym rodzajom treści. A dzięki motywowi Weebly o modularnym stylu rozpoczęcie pracy nie jest takie trudne.
Wskazówka: modułowy układ jest często najlepszy dla projektów, które mają dużo treści-pomyśl o e-commerce lub portfolio-dzięki czemu użytkownicy mogą zobaczyć wiele rzeczy naraz. Połącz elementy modułowe z dużą ilością białej przestrzeni, aby uzyskać czysty design, który łączy dwa trendy w jednym!
wypróbuj ten motyw: Cento lub Brisk
wniosek
wspaniałą rzeczą w wielu z tych trendów projektowych jest to, że nie wymagają one całkowitego przeprojektowania Twojej strony internetowej. Możesz zmienić kolor lub dodać wideo bez całkowitego remontu.
czasami prosta zmiana może być po prostu rzeczą, aby odświeżyć swoją obecność w Internecie. (Na szczęście szablony Weebly stanowią doskonały punkt wyjścia, a edytor zapewnia łatwy sposób wprowadzania zmian.)