Skocz do zawartości
Szukaj w
  • Więcej opcji...
Znajdź wyniki, które...
Szukaj wyników w...
kaczydzn

Kaczy UI treningowo

Rekomendowane odpowiedzi

Dobry wieczór. :peace: Podsyłam mój debiutancki projekt jeżeli chodzi o ui design.

http://prnt.sc/easd10

[img]http://image.prntscr.com/image/7f025e5e6bc24e88a7e5a34da77acbad.png[/img]

Idea jest taka, że mamy ruchome tło z soundtrackiem z danego filmu/serialu. Stąd też ten tak jakby odtwarzacz na dole. Możemy oczywiście to wyłączyć. Takie bajery. Nie spotkałem się z czymś takim w sumie jeszcze nigdy, a myślę, że mogłoby to być całkiem interesujące. c: Napisy nad buttonami nawiązują do logo Netflixa.

Wszelkie prawa zastrzeżone.

[mod]§5. Kolor czerwony i zielony jest przeznaczony dla administracji. Usunąłem kolorki. :) /M[/mod]

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
@Qba. a co by miało jeszcze być? c: Sugerowałem się buttonami i hasłami z oficjalnej appki. Minimalizm to podstawa większości tego typu projektów obecnie. Bez sensu na siłę wrzucać więcej rzeczy.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Tak, jak poprzednicy, bardzo fajny, przejrzysty projekt. osobiście bym z takiego chętnie korzystała. :) Jest tylko jeden, malusi błąd. Mianowicie buttony do pauzy, przewinięcia itp.
Nawet mój szczupły paluszek z trudem by kliknął w któryś z nich, przy okazji "nie zahaczając" o ten obok :P . Jednym słowem, trochę za małe, jak na aplikację mobilną :) Tutaj przykład, jak mniej więcej wyglądałaby ta aplikacja rozmiarowo na telefonie.
[img]http://i.imgur.com/AEbQj9F.png[/img]

Widać na pierwszy rzut oka, że te buttony są dużo za malutkie. No, ale to mały błąd, który według mnie można szybko i łatwo poprawić, dodając im przynajmniej 10px do x i y i troszke większy odstęp między nimi :)

Tak, czy inaczej fajny projekt :clap:

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Jak na pierwszy raz to jest przyjemnie :great: Button play odsunąłbym trochę od tekstu. Fajny pomysł na tekst z efektem podobnym do logo, ale ten mniejszy na dole mogłeś już zrobić normalnie. No i nie wiem od czego jest ta ikonka: [img]https://i.imgur.com/kDFTdyK.png[/img]

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
@damson "oferta" podobna ikona jest chyba na oficjalnej stronie c:

Kombinowałem z tym odsunięciem "play" od tekstu, ale jednak stwierdziłem, że będzie lepiej jak tekst i button będą w takiej odległości od siebie. Ten drugi tekst musiał też być wygięty. Lipnie by to wyglądało jakbym go nie zmodyfikował w taki sposób jak ten pierwszy. Uwierz mi strasznie długo eksperymentowałem z tym projektem.

Później podrzucę projekt z drobnymi poprawkami.

[size=85][color=#8c90a8]Dodano 1 godzinę 11 minuty 20 sekund temu

[size=85][color=green]Kaczy UI treningowo

[size=85][color=#8c90a8]Dodano 22 minuty 30 sekund temu

[size=85][color=green]Re: Kaczy UI treningowo

Tak to finalnie wygląda. :devil:

http://prnt.sc/eb9t0e

[img]http://image.prntscr.com/image/b7da03bc850141908939faf260095cc3.png[/img]

Po przeanalizowaniu całego feedbacku jaki udało mi się zebrać, postanowiłem wprowadzić drobne zmiany:
- lekko poprawiłem kolorystykę (teraz jest nieco żywiej)
- powiększyłem buttony na samym dole
- no i poprawiłem błąd w tekście ;D

Dodałem również jeszcze jeden serial, który swoją drogą bardzo polecam, zresztą jak pozostałe.

Osobiście jestem zadowolony. (y) Dajcie znać czy warto kombinować coś z innymi zakładkami.

Wszelkie prawa zastrzeżone.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Tak jak na Grafikach Ci już pisali (ja mam takie samo zdanie), cały czas są do poprawy te "wybrzuszone" teksty. Może spróbuj, zrobić tak żeby pierwsza linijka tekstu była prosto a dopiero druga była "zaokrąglona". Podobnie jest w logotypie Netflixa. Góra jest całkowicie równa a dół przycięty.

Nie bardzo też wiem co oznacza druga ikona w sekcji "Watch anytime. Cancel anytime"

Jest to aplikacja na telefon, więc musisz pamiętać o odpowiednich kontrastach. Korzystanie z telefonu przy jasnym oświetleniu np. gdy słońce bije Ci w ekran telefonu kolory stają się mniej czytelne.
Idąc do meritum - popraw ikonki w playerze bo już są średnio widoczne a strach pomyśleć co będzie jak tło filmu/serialu będzie jaśniejsze :D

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
@fantovsky "Może spróbuj, zrobić tak żeby pierwsza linijka tekstu była prosto a dopiero druga była "zaokrąglona". Podobnie jest w logotypie Netflixa. Góra jest całkowicie równa a dół przycięty." w taki sposób też próbowałem to wykonać, bez szału generalnie. Moim zdaniem mimo wszystko tak jak jest prezentują się te napisy zdecydowanie lepiej.

Ta ikonka to "oferta" coś podobnego jak chyba ta z oficjalnej strony. Ogólnie co do ikonek na samym dole, to faktycznie są słabo widoczne, ale mają nie zwracać za bardzo uwagi. Z drugiej strony odtwarzacz już pewnie i tak będzie mocno zwracał na siebie uwagę użytkownika, więc jeśli ktoś go zauważy, to z zasady w sumie zauważy też te dolne ikony.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się

×