Design poprzednich modeli iPhonów nie różnił się drastycznie od tego pierwszego, zaprezentowanego 10 lat temu. Zwiększała się jedynie przekątna ekranu, natomiast zmniejszeniu ulegała grubość telefonu, nawet kosztem wystającego aparatu, co za życia Steve’a Jobsa wydawało się niemożliwe. Bez zmian pozostawały, stosunkowo grube ramki, oraz przycisk home, który w iPhonie 5s zyskał Touch ID, czytnik linii papilarnych. Design poprzedników odziedziczył, zaprezentowany w zeszłym tygodniu iPhone 8, którego niezainteresowani technologiami, nie odróżniliby od iPhone’a 7, 6s czy 6. Prawdziwy przełom przyniósł jubileuszowy iPhone X, który poza pozbyciem się ramek wokół wyświetlacza, przycisku Home, otrzymał kontrowersyjne wycięcie w górnej części ekranu.
Dla wszystkich projektantów, chcących zaprezentować swoje projekty, na najnowszym urządzeniu marki Apple, przygotowałem zestawienie 10 najlepszych darmowych mockupów. Przygotowując ten wpis, starałem się wybrać jak najbardziej różnorodne mockupy, dlatego znajdziecie tu zarówno fotorealistyczne grafiki, jak i te prostsze. Nie ograniczałem się również do jednego programu, dlatego poza grafikami przygotowanymi do edycji w programie Photoshop, znajdziecie tu także mockupy do Sketcha, Illustratora czy nawet Keynote’a, czy Power Pointa.
Darmowe mockupy iPhone X
Free Minimal iPhone X Mockup
Na początek minimalistyczny projekt od indonezyjskiego projektanta Imama Maulany. Mockup w dwóch wersjach, z delikatnym obrysem lub wypełnieniem. Zaletą tego mockupu jest fakt, że dzięki swojej subtelności, nie odwraca on uwagi od projektu. W związku z tym idealnie nada się on do prezentacji szkiców, flow aplikacji czy onboardingu. Mockup otworzycie w Sketchu.
iPhone X Mockup for PowerPoint & Keynote
Kolejny ciekawy i minimalistyczny mockup, tym razem przygotowany z myślą o użyciu w różnego rodzaju prezentacjach. Demonstrujecie swoje prace przed klientem, Wasze portfolio stworzyliście w formie prezentacji multimedialnej? Ten mockup jest dla Was! Podobnie jak poprzednik, także w tym przypadku, autorzy przygotowali dwa style mockupów. Oba otworzycie w programach Keynote i Power Point.
FREE iPhone X Illustrator Wireframe Mockup
Trzeci minimalistyczny mockup w tym zestawieniu i trzeci na inną platformę. Tym razem mamy do czynienia z vectorem, przygotowanym do pracy w programie Adobe Illustrator. Podobnie jak u poprzedników mamy u do czynienia z dwoma stylami (sam obrys konturu oraz wypełnienie). Za pomocą tego mockupu w przystępny sposób pokażemy poszczególne elementy naszego interfejsu tak, by nic nie rozpraszało od nich widza.
iPhone X Sketch mockup
Kolejny minimalistyczny mockup do Sketcha, tym razem cechujący się innym podejściem. Zamiast gry linią i wypełnieniami mamy tutaj zabawę kolorem. W projekcie chińskiego designera iPhone jest biały i tylko delikatny cień odróżnia go od tła. Idealnie nada się on zatem do prezentacji projektów, w których dużą rolę gra kolor.
iPhone X UX template
Jak już pewnie zauważyliście, nie udało mi się zamknąć tego zestawienia w tytułowych 10 mockupach. Winni temu są sami projektanci, którzy prezentują wiele wersji swojego produktu. Tym razem biorę winę na siebie, gdyż prezentując zgrabny mockup, hiszpańskiego projektanta Valentina Ciobanu, nie mogłem przejść obojętnie obok jego drugiego projektu. Jest nim paczka, umieszczonych na kartce formatu A4, gotowych do druku ramek, które posłużą nam do ręcznego narysowania poszczególnych ekranów aplikacji lub całego flow użytkownika. Podobnie jak mockup, zostały one przygotowanie w Photoshopie i za pomocą tego programu możecie je edytować.
iPhone X – 10 Free PSD Mockups
Kolejna paczka dla użytkowników programu Adobe Photoshop. Tym razem aż 10 różnych mockupów (2 kolory, 5 różnych kątów ułożenia). Wszystko przygotowane z dbałością o najmniejsze szczegóły. Mockup możecie użyć za darmo zarówno w projektach prywatnych, jak i komercyjnych.
iPhone X free mockup
Tym razem fotorealistyczny mockup od Moe Slaha z Dubaju. Poza dużą dbałością o detale, jego zaletą jest fakt, że został przygotowany z myślą zarówno o użytkownikach Photoshopa, jak i Sketcha. Sam rozmiar mockupu to 1440x2832px, dlatego nie powinniście mieć problemów z wykorzystaniem go zarówno w projektach internetowych, jak i w druku.
iPhone X Template
Jeden z pierwszych mockupów iPhone X, które pojawiły się zaraz po premierze urządzenia. Projekt duńskiego projektanta Michaela Flarupa, znanego, chociażby z prowadzenia popularnego kanału na Youtube, wyróżnia się tym, że poza samym mockupem zawiera on kilka elementów interfejsu iOS11. Aktualnie dostępna jest wersja Photoshopowa mockupu, jednak poza jej rozwojem, autor zapowiedział też, że wkrótce z jego mockupu będziemy mogli korzystać w Sketchu.
New iPhone X Hands Mockups
Tym razem rozwiązanie znane i lubiane, niekoniecznie przeze mnie, czyli mockup urządzenia w dłoni użytkownika. Za darmo jedno urządzenie i jedna dłoń. Więcej dłoni (dwie) możecie dokupić za pięć dolarów. Mockup przyjazny jest zarówno użytkownikom Sketcha, jak i Photoshopa.
iPhone X Clay Mockup Freebie
Na koniec znów wracamy do minimalizmu i Sketcha. Tym razem ultraminimalistyczne dwa mockupy, czarny i biały. Rozwiązanie idealne do onboardingów czy minimalistycznych prezentacji produktu. Za stworzeniem tego mockupu stoi polak Greg Dlubacz. Do otwarcia tego mockupu potrzebujecie Sketcha.
To już wszystko w tym zestawieniu. Zapowiadałem 10 najciekawszych mockupów, a zebrało się ich prawie 25. Mam nadzieję, że każdy z Was znalazł tu coś dla siebie. Dajcie znać w komentarzach, co myślicie o takich wpisach. Jeżeli spotka się on z ciepłym przyjęciem, to z pewnością będzie więcej tego typu materiałów na blogu. No i bardzo jestem ciekawy co w ogóle myślicie o iPhonie X. Hit czy kit?
