Jak dostosować makietę telefonu iPhone lub iPada

Czas na kryzys, a klient chce zobaczyć ich projekt tak, jak wyglądałby na iPhonie lub iPadzie. Nie martw się; na rynku dostępnych jest wiele gotowych makiet czekających na dostosowanie.

Dostosowywanie makiety jest łatwym sposobem na pokazanie projektu w realistycznym środowisku, które z pewnością zaimponuje klientom. Korzystanie z makiety może pomóc innym w lepszej wizualizacji wyglądu projektu z pewnym pojęciem skali. (Czasami łatwo jest zapomnieć, że nie wszyscy widzą i wyobrażają sobie projekt w taki sam sposób jak ty.)

Jeśli nigdy nie dostosowywałeś makiety, może to początkowo być trochę onieśmielające, ale my przejdziemy przez ten proces.

Przeglądaj makiety iPada

Wybierz makietę

Pierwszym krokiem jest wybranie makiety, która będzie działać dla twoich projektów i przepływu pracy. Opcje do przemyślenia obejmują format pliku i rozmiar, a także projekt makiety i czy będzie to komplement dla twojego projektu. Niektóre makiety są wyposażone w jeden obraz, w który można wstawić projekty, a inne w formacie zestawu z wieloma makietami i opcjami.

Oto kilka dobrych miejsc, w których można zacząć szukać świetnego projektu makiety:

  • Szablony makiet ma świetną kolekcję różnorodnych, bezpłatnych makiet
  • Ponad 100 iPhone PSD i makiet wektorowych
  • Ponad 100 makiet iPada: pliki PSD, zdjęcia i wektory
  • Ponad 100 MacBooków PSD i makiet wektorowych
  • Ponad 50 makiet i grafiki Apple Watch
  • Ponad 40 makiet iMaca: pliki PSD, zdjęcia i wektory

Pomyśl o rozmiarze i skali

Przed zakupem lub pobraniem makiety zastanów się, jak zamierzasz go użyć. Czy zostanie wysłany pocztą elektroniczną do szybkiego przeglądania lub wydrukowany na tablicy plakatowej do prezentacji w sali konferencyjnej? Pomoże to ustalić, czy możesz użyć mniejszej makiety PSD, czy potrzebujesz wersji wektorowej. (Osobiście zawsze wybieram wektor, ponieważ nigdy nie wiadomo, co może się wyskoczyć, a ja nie znoszę mieszania się w ostatniej chwili.)

Innym aspektem dotyczącym formatu jest wygoda korzystania z oprogramowania, w którym będziesz edytować projekt. Wersje PSD wymagają dobrej znajomości programu Adobe Photoshop i korzystania z warstw, podczas gdy formaty wektorowe są zazwyczaj edytowane w programie Adobe Illustrator.

Wybierz realistyczne środowisko

Tła makiet mogą się różnić od iPhone'a lub iPada na białym tle po opcje z w pełni realistycznym wyświetlaniem zdjęć, na przykład ręką trzymającą telefon.

Realistyczne środowisko może pomóc klientowi zobrazować projekt w taki sposób, w jaki byłby faktycznie użyty - i jest jedną z tych „sztuczek” prezentacji, które mogą zadziwić. Makieta bez tła koncentruje się wyłącznie na projekcie, co preferuje wielu projektantów. Istnieją również wersje pośrodku, z iPhone'em lub iPadem na obrazach tła, które prawie odpadają, takie jak blat stołu lub subtelny wzór.

Uzupełnij projekt

Niezależnie od wybranego stylu makiety, powinien on uzupełniać projekt. Nie używaj tła drzewiastego jako motywu opartego na odstępach; zestawienie jest wstrząsające. (Bardziej odpowiednie byłoby tło drewna o strukturze opartej na naturze).

Twój projekt nie tylko się komunikuje, ale podczas korzystania z makiety ogólna jakość prezentacji mówi również o projekcie.

Przygotuj swój projekt

Największym krokiem w przygotowaniu projektu na makietę jest utworzenie kopii dla tego urządzenia wielkości. Nie ma znaczenia, w jakim środowisku zbudujesz witrynę lub aplikację.

W przypadku makiet PSD możesz zrobić coś tak prostego, jak zrzut ekranu projektu.

W przypadku formatów wektorowych wystarczy upewnić się, że obraz jest wystarczająco duży do tego, co planujesz zrobić z makietą. (Czasami zrzut ekranu nie wystarczy.)

Jeśli korzystasz z tego samego pakietu oprogramowania - takiego jak Adobe - dla tych projektów przeniesienie projektu do makiety może być tak proste, jak skopiowanie i wklejenie. (Naprawdę!)

Scal makietę i projekt

Po utworzeniu makiety i projektu będziesz chciał scalić je w jeden plik w celu pełnego dostosowania. Wspaniałą rzeczą w większości makiet iPhone'a i iPada jest to, że zostały stworzone, abyś mógł wprowadzić tyle zmian, ile chcesz, z pogrupowanymi i zorganizowanymi warstwami.

Otwórz makietę i projekt

Może być konieczne rozpakowanie makiety, aby rozpocząć. Otwórz plik w odpowiednim oprogramowaniu.

Otwórz projekt lub jego warianty lub zrób zrzut ekranu, którego użyjesz do makiety (jest to preferowana metoda dla wielu początkujących, aby struktury plików były mniej nieporęczne).

Poznaj strukturę plików

Po pierwszym otwarciu makiety iPhone'a lub iPada warto rozejrzeć się, aby poczuć strukturę plików.

Dodaj swój projekt

Następnie możesz dodać swój projekt. Chcesz ustalić dobry zestaw procedur i praktyk dotyczących plików, aby z łatwością móc wielokrotnie używać makiety. Oto sugerowany proces dostosowywania:

  • Utwórz nowy folder, nazwij go na podstawie projektu i dodaj elementy projektu do nowego folderu… lub
  • Dodaj elementy projektu do wstępnie oznaczonej lokalizacji w makiecie (wiele makiet zawiera wstępnie ustawiony folder)
  • Dostosuj położenie, aby makieta znajdowała się w odpowiedniej warstwie (zwykle w pobliżu tyłu)
  • Obróć, pochyl lub skaluj w zależności od potrzeb, aby dopasować do makiety
  • Wyłącz wszystkie niepotrzebne warstwy
  • Zapisać

Wniosek

Gdzie więc znajdziesz makietę wysokiej jakości iPhone'a lub iPada? Czego powinieneś się spodziewać?

Możesz znaleźć jedne z najlepszych makiet tutaj (wszystkie zdjęcia w tym poście pochodzą z tych kolekcji):

  • Ponad 100 iPhone PSD i makiet wektorowych
  • Ponad 100 makiet iPada: pliki PSD, zdjęcia i wektory
  • Ponad 100 MacBooków PSD i makiet wektorowych
  • Ponad 50 makiet i grafiki Apple Watch
  • Ponad 40 makiet iMaca: pliki PSD, zdjęcia i wektory

Makiety różnią się ceną, od bezpłatnych do zestawów, z wieloma wersjami w skalowalnych formatach, które zwykle są niższe niż 20 USD. (Wiele darmowych wersji wygląda świetnie, ale są odpowiednie tylko do oglądania cyfrowego.) Będziesz dużo korzystać z tych narzędzi, a dzięki wspólnemu zestawowi makiet przygotowywanie projektów stanie się częścią twojego przepływu pracy.

© Copyright 2024 | computer06.com