Logo Shopify: Oficjalne zasoby marki, zasady użytkowania i konfiguracja logo sklepu

Termin „logo Shopify” może oznaczać dwie różne rzeczy: oficjalne logo marki Shopify (używane w materiałach marketingowych, aplikacjach i partnerstwach) lub logo, które przesyłasz do własnego sklepu Shopify. Ten przewodnik wyjaśnia, gdzie można uzyskać oficjalne zasoby marki Shopify, jakie są typowe zasady użytkowania i jak ustawić logo sklepu, aby było wyświetlane w sposób czytelny na różnych motywach i urządzeniach.

Co ludzie rozumieją przez „logo Shopify”

Intencje wyszukiwania zazwyczaj należą do jednej z tych kategorii. Potwierdź, która z nich ma zastosowanie, przed pobraniem lub opublikowaniem jakichkolwiek plików z logo.

• Oficjalne logo Shopify (zasoby marki Shopify): dla partnerów, programistów, prasy lub marketingu, który odnosi się do Shopify.
• Logo Twojego sklepu na Shopify: obraz, który przesyłasz w swoim motywie, aby Twój sklep wyświetlał Twoją markę w nagłówku, kasie, wiadomościach e-mail i udostępnianiu w mediach społecznościowych.
• Logo stworzone za pomocą narzędzi Shopify: logo stworzone za pomocą narzędzia do tworzenia logo Shopify do celów własnej marki biznesowej.

Gdzie pobrać oficjalne logo Shopify (zasoby marki)

Korzystaj z oficjalnych źródeł zasobów marki Shopify, aby uniknąć przestarzałych plików i przestrzegać aktualnych wytycznych dotyczących marki. Oficjalne zasoby zazwyczaj obejmują warianty logo, wskazówki dotyczące kolorów i instrukcje użytkowania.

• Zasoby marki Shopify: Shopify publikuje oficjalne zasoby marki i wskazówki dotyczące ich używania na swojej stronie zasobów marki.
• Shopify Brandfolder: Shopify dystrybuuje również oficjalne zasoby za pośrednictwem Brandfolder, które jest powszechnie używane do zatwierdzonych pobrań i wariantów.

W kontekście marketingu dla programistów i aplikacji Shopify dokumentuje również, jak używać zasobów marki Shopify (w tym odznak) w dokumentacji programistów Shopify. Zawsze postępuj zgodnie z konkretnymi wskazówkami dotyczącymi Twojego przypadku użycia (na przykład, listy sklepów z aplikacjami, strony docelowe lub materiały partnerskie).

Najważniejsze zasady używania logo Shopify

Dokładne wymagania mogą się różnić w zależności od pakietu zasobów i programu, dlatego należy polegać na oficjalnych wytycznych dołączonych do pobieranego zasobu. Oto najczęstsze kategorie zasad, których należy się spodziewać.

Używaj tylko zatwierdzonych plików i wariantów

Używaj dostarczonych plików z logo (często obejmujących główne logo i alternatywne wersje). Unikaj przerysowywania, obrysowywania lub odtwarzania logo ze zrzutów ekranu, ponieważ może to prowadzić do nieprawidłowych kształtów, odstępów lub kolorów.

Nie zmieniaj logo

Większość wytycznych dotyczących marki zabrania modyfikacji, takich jak zmiana kolorów, rozciąganie, obracanie, dodawanie efektów, umieszczanie logo w nowym pojemniku lub łączenie go z własnym znakiem. Jeśli potrzebujesz wersji jednokolorowej do druku lub na ciemne tła, użyj oficjalnego jednokolorowego zasobu, jeśli jest dostępny.

Zachowaj wolną przestrzeń i czytelność

Wytyczne zazwyczaj określają minimalny rozmiar i wolną przestrzeń, aby logo było czytelne i nie konkurowało wizualnie z pobliskimi elementami. Jeśli Twój układ jest zatłoczony, zwiększ wypełnienie, zamiast zmniejszać logo poniżej minimalnego rozmiaru.

Używaj marki Shopify w sposób kontekstowo dokładny

W materiałach marketingowych dla partnerów, prasy i aplikacji, zasoby marki zazwyczaj są objęte zasadami dotyczącymi sposobu odwoływania się do Shopify i tego, kiedy używać odznak, a kiedy samodzielnego logo. Postępuj zgodnie z instrukcjami specyficznymi dla programu, jeśli są dostępne (na przykład, odznaki marketingowe aplikacji).

Jak dodać własne logo do sklepu Shopify (ustawienia motywu)

Dodawanie logo Twojego sklepu odbywa się zazwyczaj w edytorze motywu, a dokładne nazwy różnią się w zależności od motywu. W większości motywów Shopify przesyłasz logo w ustawieniach sekcji nagłówka, a następnie dostosowujesz szerokość lub rozmiar obrazu dla komputerów stacjonarnych i urządzeń mobilnych.

1. Przygotuj plik z logo w odpowiednim formacie (zazwyczaj PNG lub SVG, w zależności od obsługi motywu i Twojego sposobu pracy).
2. Otwórz edytor motywu dla Twojego aktywnego lub roboczego motywu i znajdź ustawienia nagłówka (lub logo).
3. Prześlij obraz z logo i ustaw szerokość logo (lub podobną kontrolkę), aby było czytelne, ale nie za duże.
4. Sprawdź układ mobilny i upewnij się, że logo nie jest obcięte, nie nakłada się na ikony ani nie powoduje, że nawigacja staje się bezużyteczna.
5. Potwierdź, gdzie jeszcze pojawia się logo (na przykład, kasa, szablony e-mail, favicon i podglądy udostępniania w mediach społecznościowych) i ustaw je oddzielnie, jeśli wymaga tego Twoja konfiguracja.

Shopify dokumentuje swoje narzędzie do tworzenia logo i udostępnia treści pomocy dotyczące tworzenia i używania logo. Jeśli tworzysz nowe logo od podstaw, narzędzie Shopify może wygenerować użyteczny plik dla Twojej marki sklepu.

Zalecane formaty plików z logo i praktyczne wskazówki dotyczące rozmiaru

Wymagania motywu różnią się, ale kilka zasad dotyczących formatu i rozmiaru zmniejsza typowe problemy z wyświetlaniem. Używaj ich jako praktycznych ustawień domyślnych, a następnie dostosuj do specyficznego układu nagłówka Twojego motywu.

Formaty

• SVG: Format wektorowy, który skaluje się ostro w dowolnym rozmiarze; przydatny do prostych znaków graficznych i logotypów. Upewnij się, że Twój motyw obsługuje przesyłanie plików SVG i że plik SVG jest czysty i bezpieczny (bez osadzonych skryptów).
• PNG: Najlepszy dla logo wymagających przezroczystości; szeroko obsługiwany. Eksportuj z dwukrotną gęstością pikseli, aby uzyskać ostrość na ekranach o wysokiej rozdzielczości.
• JPG: Zazwyczaj nie idealny dla logo, ponieważ nie może być przezroczysty i może wykazywać artefakty kompresji na ostrych krawędziach.

Rozmiar i przejrzystość

• Zacznij od źródła o wysokiej rozdzielczości, aby zmniejszanie rozmiaru pozostawało ostre. Rozmyte logo zazwyczaj pochodzą z oryginalnych obrazów o niskiej rozdzielczości, skalowanych w motywie.
• Uwzględnij wyświetlacze Retina, eksportując plik PNG o mniej więcej dwukrotnie większej rozdzielczości niż wyświetlany rozmiar pikseli (na przykład, jeśli nagłówek wyświetla logo o szerokości 200 pikseli, wyeksportuj plik PNG o szerokości 400 pikseli).
• Zachowaj dużą ilość wolnej przestrzeni w obrębie obszaru logo, aby krawędzie nie wydawały się ciasne w nagłówku.

Rozwiązywanie typowych problemów z logo Shopify

Logo wygląda na rozmyte

Użyj pliku PNG o wyższej rozdzielczości lub SVG, jeśli jest obsługiwany. Sprawdź również, czy motyw nie skaluje małego obrazu ponad jego natywny rozmiar.

Logo jest obcięte

Często zdarza się to, gdy obraz logo ma niewystarczające wewnętrzne wypełnienie lub gdy motyw stosuje stałą wysokość. Dodaj wypełnienie wokół grafiki w pliku projektowym i zmniejsz ustawienie szerokości logo w edytorze motywu, jeśli to konieczne.

Logo nie pasuje dobrze na urządzeniach mobilnych

Niektóre motywy używają różnych układów nagłówka na urządzeniach mobilnych i mogą zmniejszyć dostępną przestrzeń. Użyj uproszczonego, poziomego logo, zmniejsz szerokość logo lub prześlij logo specyficzne dla urządzeń mobilnych, jeśli Twój motyw obsługuje oddzielne obrazy.

Tło koliduje z logo

Jeśli tło nagłówka jest ciemne, użyj jasnego wariantu logo (dla własnej marki) zaprojektowanego dla ciemnych teł. W przypadku oficjalnego logo Shopify używaj tylko oficjalnych wariantów dostarczonych dla tła i kontekstu.

FAQ

Gdzie mogę pobrać oficjalne pliki logo Shopify?

Shopify udostępnia oficjalne pliki logo i wskazówki za pośrednictwem swojej strony zasobów marki oraz dystrybucji Brandfolder. W przypadku marketingu aplikacji i programistów Shopify udostępnia również wskazówki dotyczące zasobów marki w swojej dokumentacji dla programistów.

Czy mogę edytować kolory logo Shopify lub dodawać efekty?

Powinieneś przestrzegać oficjalnych wytycznych marki Shopify dla konkretnego pakietu zasobów lub programu. Zasady dotyczące marki zazwyczaj zabraniają zmieniania kolorów, proporcji lub dodawania efektów, a wymagają używania zatwierdzonych wariantów.

Jaki typ pliku jest najlepszy dla mojego własnego logo sklepu Shopify?

SVG jest zazwyczaj najostrzejszą opcją, jeśli Twój motyw ją obsługuje. W przeciwnym razie, przezroczysty plik PNG wyeksportowany w wyższej rozdzielczości niż rozmiar wyświetlany jest często wybieranym rozwiązaniem dla ostrych krawędzi na ekranach o wysokiej rozdzielczości.

Dlaczego moje logo wygląda na rozmyte w nagłówku Shopify?

Rozmycie zazwyczaj oznacza, że przesłany plik jest zbyt mały i jest skalowany przez motyw. Prześlij obraz o wyższej rozdzielczości (lub użyj SVG, jeśli jest obsługiwany) i ustaw odpowiednią szerokość logo w ustawieniach motywu.

Czy narzędzie do tworzenia logo Shopify to oficjalne narzędzie Shopify?

Tak. Shopify udostępnia narzędzie do tworzenia logo i dokumentuje je w treściach Centrum pomocy Shopify, które wyjaśniają, jak działa narzędzie i jak używać wygenerowanych logo.