Dawid

Grafik

PNG i JPG to najlepsza jakość, w JPG możesz dodatkowo wybrać jakość od 1 do 10. W pdfie również możesz zapisać, z tego co wiem, to nawet pdf możesz otworzyć bezpośrednio AI jako wektor.

Co to znaczy mieniący się kolor? Podaj jakiś przykład.

Ta strona to tylko przykład, wpisz w google np. mockup roll up i znajdziesz setki różnych mockupów 🙂

To są tak zwane mockupy 🙂 Większość z nich jest w formacie .psd https://mockups-design.com/free-roll-up-mockup/

To już od Ciebie zależy, ja zazwyczaj projektuje pod X, bo są fajne mockupy.

Jeśli zapiszesz wektor w png lub jpg to ten plik nie będzie już wektorem, w sensie będzie widać piksele. Bo chyba o to pytasz, prawda?

To jest normalna wersja. Tutaj masz przykłady projektowania UI w Adobe XD. https://www.youtube.com/playlist?list=PLDI8EqkzyIngKR7NBfXVzRwiMMWtL3HVs

XD jest banalnie prosty, nie potrzeba do tego tutoriali, ewentualnie do bardziej zaawansowanych rzeczy, typu prototypowanie (które z resztą nie jest również takie trudne).

Spróbuj tego: https://www.photopea.com/tuts/convert-xd-file-to-psd/ Ale nie bardzo rozumiem jaki jest sens otwierać .xd w Photoshopie?

https://www.youtube.com/watch?v=hf0oiyMtEYc

W porównaniu do poprzednich prac mega progres 🙂 Pierwsze co rzuca się w oczy to słabo dobrany font, pod UI polecam fonty typu: Poppins, Proxima Nova, Futura, Sofia Pro, Helvetica, Roboto, Open Sans, Lato, warto również poszukać samemu. Google --> fonts for ui. Poprawiłbym również check input, coś bardziej stylem przypominającego większe inputy. Cień pod kartą również mało atrakcyjny 🙂

Przecież z tym nie ma żadnego problemu i to jest 10x szybsze niż w Photoshopie 😄 https://www.youtube.com/watch?v=NT1MkZskGHQ 2:40 A jeśli nie chcesz eksportować wszystkiego, w panelu warstw wystarczy zaznaczyć pierwszą ikonkę na prawo od nazwy warstwy, a następnie przy eksporcie wybrać 'Batch'. https://www.youtube.com/watch?v=wPbaF2WJfiA

Jeśli chodzi o UI to zawsze najlepiej zacząć od ogólnego research`u, czyli zebrania podstawowych informacji na temat UI, które projektujesz, stworzenia userflow itp. Następnie, gdy już będziesz miał podstawowe informacje na temat UI, które będziesz projektował warto zacząć od szkiców na kartce, nie musi być to nic dokładnego, wystarczy blockframe (ułożenie podstawowej struktury UI) na podstawie userflow, które wcześniej stworzyłeś. Kolejnym etapem będzie stworzenie wireframe, czyli przeniesienie tego co stworzyłeś na kartce papieru do programu graficznego. Na tym etapie nadal nie skupiasz się na kolorach itd, lecz na ułożeniu struktury UI, tak żeby wszystko do siebie pasowało kompozycyjnie + dodajesz więcej szczegółów niż w blockframe. Dopiero po skończeniu wireframe`ów zaczynasz dodawać kolory, formatować tekst itd. Polecam również obejrzeć kilka transmisji od Adobe, najlepiej wszystkie 😄 Tam pokazany jest cały proces projektowy, który w skrócie opisałem wyżej, szczególnie polecam te z Josh Iwata (z nim są dwie transmisje + każda ma 3 odcinki) oraz Marvin Schwaibold. https://www.youtube.com/playlist?list=PLDI8EqkzyIngKR7NBfXVzRwiMMWtL3HVs Jeśli przejdziesz cały ten etap na pewno uda Ci się stworzyć coś ciekawego. A żeby mieć sporo pomysłów polecam codziennie przeglądać behance, dribbbla itd, samo przeglądanie inspirujących projektów bardzo pomaga 🙂 https://www.behance.net/galleries/interaction/ui-ux https://www.behance.net/galleries/XD https://www.awwwards.com/websites/ https://dribbble.com/shots/popular/mobile

https://webaim.org/resources/contrastchecker/ Polecam do sprawdzania kontrastu btn/text, bo tak jak wspomniał @Saybra ikonka np. serca wraz z ilością lajków jest totalnie niewidoczna.

Jeśli chcesz projektować tylko ui i web to jest kilka programów, które znacznie przewyższają możliwościami PS`a, m.in: Figma, Adobe XD, InVision, Sketch (tylko na maca). Są to narzędzia głównie sfokusowane na projektowaniu UI, Photoshop natomiast przeznaczony jest do innych rzeczy. Figma i Adobe XD są darmowe, nie wiem jak z resztą.