() translation by (you can also view the original English article)
W tym poradniku stworzymy prototyp Low-Fi w sześćdziesiąt sekund za pomocą MadKit Sketch UI Kit z Themeforest!
Obejrzyj wideo
Jak to się robi
W duplikacie pliku MadKit Sketch (Low-Fi UI) utwórz nową stronę. Przejdź do Insert > Symbols > Base > Shapes > Window, aby dodać nowe okno dla interfejsu.
Również w menu Shapes wybierz browser-header i nadaj nazwę prototypowi.
Zawartość króluje
Teraz skompletujmy zawartość prototypu za pomocą symboli znajdujących się w menu Categories (zaczynając od wideo w tle Covers > Video BG). Następnie dodamy listę produktów (Products > list) oraz opinie (Testimonials > slider), po tym pokażemy posty z bloga (Blog > 2col-big), dodamy nieco informacji o osobach w firmie (People > 3-col), a na końcu umieścimy dane kontaktowe (Contact > map-left).
Rozciąganie
Rozciągnij obiekt okna, aby pasował do zawartości:
Wybierz wszystkie sześć fragmentów, kliknij prawym klawiszem myszy menu z warstwami po lewej stronie i wybierz Detach from Symbol. W obiekcie Video BG ukryj Base/Shapes/window i, a w Video Background ustaw Radius na 0.
Teraz ukryjmy kształty oknien (Base/Shapes/window) dla co drugiego fragmentu, a następnie w pozostałych ukryjmy Borders i ustawmy Radius na 0.
Na koniec, przeciągnijmy pozycje browser-header i window na samą górę listy.
Gotowe
Oto jak stworzyć prototyp Low-Fi UI w sześćdziesiąt sekund! Zachęcam do zapoznania się z innymi ofertami prototypów w programie Sketch na Themeforest.
