Skocz do zawartości

Drugi projekt UI/UX w Figmie dla aplikacji internetowej


Rekomendowane odpowiedzi

Cześć wszystkim!

Chciałbym przedstawić mój drugi prawdziwy projekt UI/UX stworzony w Figmie. Taki background: projekt miał przedstawiać aplikację internetową, która, miej więcej, jest kompedium wiedzy o muzyce Rockowej i Metalowej. UI/UX stworzyłem w Figmie, a cała aplikacja jest oparta na framework'u PHP - Yii2.

Przy projektowaniu myślałem głównie o wersji desktopowej i tylko taką wykonałem w Figmie. Natomiast, na stronie Live Demo jest dostępna również wersja mobilna.

Projekt na Behance:

PowerfulDB on Behance

Wersja Live Demo strony:

PowerfulDB

Parę screenów umieszczę poniżej. Od razu mówię, że nie zawierają one sidebar'a, który zajmuje dość dużą prawą część ekranu. Polecam zobaczyć projekt na Behance

Logo i paleta:

1587661137_MainSlide.jpg.02d8b2da276caaadaceaa80254d6b68b.jpg

Strona główna:

467488524_MainPage.png.8ebf9ff0eafa035900b2e422776464bb.png

Strona albumu:

798303560_AlbumPage.png.50b073844e4bfbcbd7570d124d492692.png

Strona artysty / zespołu:

1635411707_ArtistPage.png.682522507b21d58247aa56f85001010a.png

Profil użytkownika:

1307025863_UserPage.png.d82ab5cf1ca2420e8c81d66fa04f2602.png

 

Pozdrawiam!

Edytowane przez Akasiek
Dodałem informacje o mobilnej wersji
Odnośnik do komentarza
Udostępnij na innych stronach

  • Administrator

Cześć @Akasiek,

jak na drugi projekt nie jest źle. Widać, że masz poczucie estetyki, a to jest jedna z kluczowych cech dobrego projektanta. Projekt jest ubogi w UX, ale skoro to dopiero drugie podejście, to nie ma co się czepiać nawet. Dbaj też o szczegóły. Raz stosujesz border radius, raz nie. Trzeba być konsekwentnym w projektowaniu i iść według opracowanego design systemu dla danej pracy. 

Dla lepszego rezultatu, możesz sobie najpierw naszkicować wireframe na kartce. W tym temacie 

znajdziesz gotowe szablony do wydrukowania. To jest serio przydatne. Podczas takiego szkicowania bardziej się zastanowisz nad rozwiązaniami.

  • Super! 1
Odnośnik do komentarza
Udostępnij na innych stronach

@Damian dzięki za odpowiedź i parę dobry rad. Tak ode mnie parę słów odnośnie border radius. Próbowałem być konsekwentny, ale przy okładkach albumów po prostu nie mogę ich zaokrąglić. Moje sumienie mi na to nie pozwala i dlatego tam jest ostro. No, ale cóż. Może trzeba było zostać wszędzie przy ostrych kątach.

Na pewno poczytam o wireframe'ach. Dzięki za podesłanie linku!

Odnośnik do komentarza
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

 Udostępnij

Wiadomości

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.