Narysować dodatkowy breakpoint i stworzyć zestaw UI pod gotowy design w Figmie
Dane wyjściowe
Jest gotowy projekt na około 50 ekranów
Rozdzielczości:
Desktop: 1920 px
Tablet: 768 px
Mobile: 360 px
Część elementów interfejsu już:
została zrealizowana w postaci komponentów,
ma przypisane czcionki i style.
Jednakże:
autolayouty nie są skonfigurowane wszędzie,
skalowanie elementów działa niepoprawnie lub nie istnieje,
kolory i style nie są używane w pełni systemowo.
Zadanie 1. Uporządkowanie makiet i budowa systemu designu
Na podstawie istniejącego projektu należy usystematyzować i dopracować makiety, tworząc pełnoprawny system designu.
Podstawowe wymagania:
Komponenty
Dopracować i ujednolicić wszystkie komponenty UI według atomowego podejścia:
atomy,
molekuły,
organizmy.
Wykluczyć duplikujące się i niesystemowe elementy.
Ujednolicić stany komponentów (default / hover / active / disabled itd.) do jednego standardu.
Autolayouty i responsywność
Skonfigurować poprawne Auto Layout dla wszystkich komponentów i ekranów.
Zapewnić poprawne zachowanie elementów przy zmianie rozmiarów kontenerów.
Skonfigurować poprawne skalowanie i adaptację do zbliżonych rozdzielczości ekranów.
Style i tokeny
Wydzielić wszystkie:
kolory,
czcionki,
marginesy,
promienie,
cienie
w jednolite style / tokeny designu.
Wykluczyć użycie lokalnych i niespowiązanych wartości.
Struktura
Uporządkować pliki w logiczną i zrozumiałą strukturę:
strony,
komponenty,
style,
elementy pomocnicze.
Zapewnić wygodę dalszej obsługi i skalowania designu.
Wynik:
Gotowy, czysty i logicznie uporządkowany system designu, w pełni oparty na istniejącym projekcie, bez redesignu, ale z możliwością dalszego rozwoju.
Zadanie 2. Dodatkowa rozdzielczość 1400 px
Opracować i przemyśleć dodatkową adaptację interfejsu pod rozdzielczość 1400 px.
Wymagania:
Określić zachowanie siatki i kontenerów między 1920 a 768.
Zaadaptować istniejące ekrany pod 1400 px:
bez utraty logiki,
bez wizualnych „dziur”,
z poprawnymi marginesami i skalowaniem.
Maksymalnie wykorzystać istniejące komponenty i autolayouty.
Unikać duplikowania ekranów tam, gdzie można to rozwiązać za pomocą ustawień responsywnych.
Wynik:
Całkowicie gotowa i uzgodniona wersja interfejsu dla rozdzielczości 1400 px, wbudowana w ogólny system designu.
Pokazałem tutaj kilka makiet i ogólną objętość pracy w zrzucie ekranu.
Potrzebna jest przybliżona wycena pracy / czasu na pracę. Dalej mogę wysłać roboczą makietę do dokładnej oceny.
-
5 dni421 PLN
2455 19 1 5 dni421 PLN
Cześć.
Robię czysty design, wygodny i łatwy do składania. Również składam system designu, używam komponentów i auto układów. Poprawię twój design, tak jak napisałeś w TZ.
4+ lata doświadczenia w dziedzinie ui/ux designu, wiele moich projektów działa z powodzeniem.
Portfolio:
Dribbble
Freelancehunt
Ceny i terminy będą bardziej jasne po obejrzeniu designu.
-
1 dzień126 PLN
372 1 dzień126 PLN
Cześć! Mogę szybko uporządkować Twój projekt Figma bez redesignu:
— zebrać jednolitą systematykę projektowania na podstawie już gotowych ekranów,
— ujednolicić komponenty i stany,
— skonfigurować Auto Layout i poprawną responsywność,
— przygotować makiety tak, aby były wygodne do pracy dla programistów i umożliwiały dalszą skalowalność produktu.
Dostosuję również interfejs do 1400 px bez duplikowania ekranów — poprzez odpowiednią siatkę i komponenty.
Rezultat: czysty, systematyczny design, który łatwo utrzymać, szybciej składać i rozwijać.
…
Orientacyjnie:
15-20 dni roboczych
Moje portfolio: Freelancehunt
Behance
-
10 dni2274 PLN
5692 24 0 10 dni2274 PLN
Cześć! 👋
Nie jestem projektantem, który po prostu rysuje, ale projektantem, który PROJEKTUJE strony internetowe i platformy, które sprzedają usługi biznesów.
Proszę, zapoznaj się z moim portfolio i upewnij się w moim doświadczeniu w dziedzinie UX/UI:
Freelancehunt
-
1 dzień84 PLN
2181 18 1 1 dzień84 PLN
Cześć, jestem gotowa podjąć się realizacji, możemy omówić szczegóły? Pracuję w Figma i tworzę systemy, napisz, dziękuję.
-
10 dni758 PLN
105 1 10 dni758 PLN
Gotowy do rozpoczęcia w każdej chwili
Dzień dobry! Nazywam się Włodzimierz.
Bardzo zainteresował mnie Państwa projekt. Zajmuję się web designem stron internetowych. Posiadam umiejętności w Photoshopie, Figma i Lightroomie.
Oto moje portfolio Behance
Gotowy do rozpoczęcia w każdej chwili
Aktualne zlecenia dla freelancerów w kategorii Projektowanie interfejsów użytkownika (UI/UX)
Redesign strony internetowej
674 PLN
Potrzebny UI/UX designer do redesignu strony internetowej biura podróży Poszukujemy doświadczonego UI/UX designera do pełnego redesignu strony internetowej biura podróży. Obecna strona: https://patriot-tour.com/Co należy zrobić: Pełny nowoczesny redesign strony. Przemyśleć… Projektowanie interfejsów użytkownika (UI/UX), Projektowanie stron internetowych ∙ 18 godzin 1 minuta temu ∙ 67 ofert |
Szukamy specjalisty UX/CRO do audytu strony internetowej
1000 PLN
Poszukujemy specjalisty UX/CRO do audytu strony Poszukujemy specjalisty, który profesjonalnym okiem przeanalizuje naszą stronę z punktu widzenia użytkownika i pomoże zrozumieć, dlaczego odwiedzający nie dokonują zakupu. Potrzebne: przeprowadzenie audytu UX/CRO strony;… Badania marketingowe, Projektowanie interfejsów użytkownika (UI/UX) ∙ 1 dzień 2 godziny temu ∙ 22 oferty |
Projektant UX/UI do redesignu sklepu internetowego ukraińskiej marki odzieżowejPoszukujemy doświadczonego projektanta do pełnego redesignu działającego sklepu internetowego ukraińskiej marki odzieży wierzchniej dla kobiet. Projekt obejmuje stronę główną, katalog, kategorie, kartę produktu, koszyk, konto użytkownika, realizację zamówienia oraz inne strony… Projektowanie interfejsów użytkownika (UI/UX) ∙ 1 dzień 18 godzin temu ∙ 59 ofert |
Projektant i programista UX/UI Shopify 2.0 dla strony internetowej urządzenia do fizjoterapii
18 915 PLN
Ostatnio założyłem firmę sprzedającą urządzenia do fizjoterapii i rehabilitacji, i szukamy doświadczonego projektanta UX/UI oraz dewelopera Shopify 2.0, który zaprojektuje i zbuduje stronę eCommerce o wysokiej konwersji. Celem nie jest tylko estetyka strony. Potrzebujemy… Projektowanie interfejsów użytkownika (UI/UX), Projektowanie stron internetowych ∙ 2 dni 9 godzin temu ∙ 34 oferty |
Stworzyć makietę projektu w Figma dla strony korporacyjnejStworzyć makietę projektu w Figma dla strony korporacyjnej. Strukturę strony w załączniku. Stronę-donora wyślę w wiadomości prywatnej. Projektowanie interfejsów użytkownika (UI/UX), Projektowanie stron internetowych ∙ 4 dni 23 godziny temu ∙ 140 ofert |
Kijów