Skocz do zawartości

FIRCYK

Użytkownik
  • Postów

    18
  • Dołączył

  • Ostatnia wizyta

  • Wygrane w rankingu

    6

Ostatnia wygrana FIRCYK w dniu 18 Czerwca

Użytkownicy przyznają FIRCYK punkty reputacji!

Ostatnie wizyty

Blok z ostatnimi odwiedzającymi dany profil jest wyłączony i nie jest wyświetlany użytkownikom.

Osiągnięcia FIRCYK

  1. Wpadł nowy update do wersji 1.1. Dodałem 4 serwisy: Etsy, Twitch, Tumblr i SoundCloud https://fircyk.gumroad.com/l/dimensions
  2. Przygotowywanie materiałów pod media społecznościowe może być upierdliwe. Tracimy sporo czasu wyszukując co jakiś czas parametrów jakie pliki muszą spełniać: wielkość, format, rozmiar pliku etc. W formie pliku PDF przygotowałem całą specyfikację do 8 najpopularniejszych serwisów internetowych, chociaż lista pewnie się będzie powiększać oraz zamierzam aktualizować dane jak serwis wprowadzi zmiany. Link: https://fircyk.gumroad.com/l/dimensions Enjoy.
  3. Wystarczy wrzucić plik (najlepiej png bez tła) i sprawdzić jak nasz znak zachowuje się w poszczególnych testach. https://logolab.app/home Nie ma ograniczeń co do ilości uploadu. Appka jest w pełni darmowa.
  4. Kilka przydatnych narzędzi z których korzystam. 1. Coolors https://coolors.co/241e4e-960200-ce6c47-ffd046-eadaa2 Budowanie ciekawych palet proste jak naciśnięcie spacji, wiele opcji, sami się pobawcie. W opcjach tools dostępne budowanie palety z wgranego zdjęcia. 2. Adobe Color(dawniej Kuler) https://color.adobe.com/pl/create/color-wheel W narzędziach dostępności kontrola kontrastu oraz symulacja zaburzeń widzenia barw. 3. PerBang http://www.perbang.dk/rgb/0094E5/ UI nie zachwyca jednak ten konwerter ma wiele opcji, których brakuje u pierdyliona innych w necie. Mamy umowny/przykładowy opis koloru. Przybliżone wartości koloru w skali szarości. Wartości LAB(CIE-L*ab) oraz przybliżona delta. ΔC (delta) to znormalizowana (zwraca wartości z przedziału od 0 do 1) ważona odległość kolorów RGB, gdzie 0 (zero) oznacza idealne dopasowanie. Wystarczy wybrać z panelu po prawej stronie np. Pantone Matching System (PMS) Coated i system wypluje przybliżone kolory, warto zaznaczyć, że PANTONE wprowadza nowe i aktualizuje stare pozycje więc jest to punkt wyjścia ale warto sprawdzić w programie graficznym, który ma aktualny zestaw(photoshop, illustrator, affinity designer) lub wykupić PANTONE CONNECT, kiedyś można było sprawdzić na stronie pantone ale najwyraźniej brakuje im pieniędzy.
  5. Rozważam przerzucenie materiałów do Figmy ale jak sobie zobaczysz zawartość pełnej wersji to mi to zajmie wiele długich dni, na razie skupiam się nad nowymi produktami, a mam ich jeszcze do wypuszczenia wiele.
  6. FIRCYK

    web

    Gdyby przeszkadzałaby mi krytyka to bym zmienił zawód, więc zachęcam do dalszego wyrażania opinii ? Jako ćwiczenie możesz spróbować zrobić coś co odbiega od tego co robisz na codzień. Będzie ciężko. Ja sam wiele lat temu spędzając zbyt dużo czasu na dribbblu miałem problem z tworzeniem koncepcji odbiegającej od utartej drogi. Wychodzenie ze strefy komfortu może przyczynić się do szybszego rozwoju.
  7. FIRCYK

    web

    Dzięki za feedback! Nie. Projektowałem 3 różne koncepcje przez ok. 3 godziny i postanowiłem, że wznowie przeprowadzanie layoutowych eksperymentów. W ramach 2 godzin nie ma szans, żebym przygotował przemyślane copy, więc pewnie sama koncepcja by się zmieniła. Jakbym miał czas to w principle bym stworzył animacje jak kolejne krowy/inne zwięrzęta są rozczłonkowywane i z nagłówka spływa krew a na scrollowaniu załączyłbym efekt paralaksy, który wraz z postępem zmniejszałby napis. Treść z lewej to jedynie suplementacja jako zwykły text block. Nagłówek H2 byłby użyty dopiero w drugim widoku. Masz racje. Nie chciało mi się szukać ikony faceboka, jednak tak wyglądałaby po podjęciu interakcji na hover, chociaż teraz jeszcze dodałbym tekst z boku "udostępnij". To nie H2. Załamanie linii jest przed "na", pewnie chodziło Ci o to, że powinien być za i tutaj się nie zgodzę, ponieważ przy tym układzie na każdy wyraz położona jest najmocniejsza emfaza i jest to zabieg celowy. Jeśli chodzi o kursywę to nie powinienem jej użyć, testowałem italiki kroju public sans i arial jest niestety płynniejszy i zostawiłem bez przemyślenia. Natomiast kursywy używa się jeśli potrzeba jest położenia akcentu zazwyczaj w dłuższych formach tekstu, chociaż ja tego unikam w krojach bezszeryfowych i zastępuję pogrubieniem. Ja też jestem ciekaw, jednak nie będę przygotowywał więcej niż 2 widoków na koncepcję. Bardzo mnie cieszy twój odbiór oraz zaznaczenie jak wyraźny jest kontrast. Zazwyczaj w projektach staramy się by użytkownik miał "pozytywne doświadczenia", na ten projekt mam inną koncepcję. Zamiast głaskać po pupie chciałem kogoś strzelić mocno w twarz z liścia, odbiór miał być agresywny, mocny, dobitny, miałby wzniecić pożar w mediach społecznościowych i wywołać szok. Miał również oddać codziennie cierpienie milionów zwierząt na świecie i spowodować, że ktoś zapamiętałby ten landing dłużej niż na godzinę, co w dzisiejszym świecie jest trudne. Jeśli sam w briefie miałbyś to co opisałem jako koncepcja(daną przez klienta) to też otuliłbyś użytkownika niskim kontrastem i kremowymi, przyjemnymi kolorami? — Damian, jeśli zawsze o projekcie WWW będziesz myślał w kategorii "zawsze po h1 musi być h2" to projekty będą nabierały takiego samego kształtu. To dobra praktyka. Dobrą praktyką jest również stosowanie UVP i zawieranie "całości" czy esencji już na stronie głównej w pierwszym widoku, co sam w projektach komercyjnych stosuje. Natomiast, strona internetowa to również szansa na opowiedzenie historii i pomimo, że jest to produkt nastawiony na funkcjonalność to oszacowanie na ile możemy sobie pozwolić na odejście od utartej formy uzależniony jest od jej przeznaczenia. Do tych projektów nie będę podchodził jak do projektu komercyjnego, to nie są projekty do portfolio, raczej zabawa typografią, kolorem i układem, co może komuś lub nawet mi w eksploracji kierunku artystycznego w innych projektach. PS. dzięki za zwrócenie uwagi na nierówne elementy, poprawione
  8. FIRCYK

    web

    Pora rozciągnąć gnaty i porobić szybkie koncepcje, może kogoś zainspiruje jakiś prototyp. Ustawiam sobie limit czasowy 2 godziny i będę korzystał z listy FONTS (+web safe fonts): https://grafinity.pl/topic/11520-fonts-–-free-only-needed-type-set-freebie #1 Inknut Antiqua, Public Sans, Arial PS. Krowa to glyph kroju pisma Reforma 1918: U+f8ff PPS. nie jestem zadowolony z menu, ale skończył mi się czas
  9. Od jakiegoś czasu zainspirowany jednostronnymi powierzchniami (takimi jak Wstęga Möbiusa czy Butelka Kleina) próbowałem stworzyć kształty oddające wykresy parametryczne na przestrzeni dwuwymiarowej. projekt jest otwarty, możliwe, że będę próbował dokonać parametryzacji matematycznej wybranych kształtów konstrukcje wbrew pozorom są proste i opierają się o jeden kształt główny 1. najpierw tworzyłem formę 2. czasem konwertowałem ją na wersję cząsteczkową 3. sprawdzałem też jak na strukturze rozkłada się gradient 4. czasem sprawdzałem różne kombinacje więcej tutaj: https://en.wikipedia.org/wiki/Klein_bottle https://en.wikipedia.org/wiki/Möbius_strip jak ktoś korzysta z affinity designera to dodaje jako ZIP plik otwarty żeby osoby zainteresowane mogły się same pobawić wybrałem kolekcję najciekawszych 4d kształty.zip
  10. Wleciała wersja 1.2 gdzie wymieniłem 4 kroje pisma. W tym roku już nie planuje wymieniać krojów i skupie się na dodaniu nowych rzeczy do paczki.
  11. Zapomniałem jeszcze o dwóch kwestiach: jak zaczynasz projekt aplikacji i ustalasz kolor to warto korzystać z tego: https://colors.eva.design Kolor teł się mocno różni poziomami jasności u ciebie w appce, możesz sobie wejść w color picker i zmienić z RGB na HSL, wartości L(lightness) powinny być mocno zbliżone, zobacz, że L na głównym kolorze jest na 49 czyli prawie idealnie w połowie, jakby w aplikacji była zmiana motywu z jasnego na ciemny to dobrze by to ze sobą grało niezależnie od motywu Eva design system pozwala szybko dobierać odpowiednie kolory w oparciu o kolor główny(primary), i jest dobrym punktem wyjścia, np. jeśli używasz 100 na jedno tło to drugiego też bierzesz 100 i kolory mają odpowiednie wartości i minimalny kontrast. Mocno to pomaga w doborze koloru, nie trzeba nadmiernie kombinować, czasem wystarczy tylko lekka modyfikacja. Druga sprawa to typografia, Inter to dobry wybór pod UI. System jaki załączyłem to tylko podgląd jak warto wylistować wszystkie style i tworzyć między nimi wizualny kontrast wielkością, grubością kreski i innymi wartościami w obrębie jednego kroju pisma. Natomiast skala 1.618 nie nadaje się do większości rodzajów projektów UI. Mnożnik powinien być dopasowany do rodzaju projektu i treści np. do aplikacji polecam zakres 1.125–1.250, łatwo to ustalić tu: https://type-scale.com (sam gdzieś to chyba wrzucałeś ale dodaje dla innych osób) pzdr
  12. Ogólnie to jest nieźle, widać że włożyłeś sporo czasu i wysiłku w podnoszenie skilla i na pewno to procentuje chociaż nie widziałem innych projektów z poprzednich lat nie będę odnosił się za bardzo do poszczególnych projektów, omówię całość. The good Utrzymujesz odpowiedni kontrast w treści i budujesz czytelny system wizualny, dobrze organizujesz projekty do webu, dobrze zarządzasz typografią i nadajesz odpowiedni priorytet dla poszczególnych elementów systemu, widać, że utrzymujesz treść w predefiniowanym gridzie co podnosi jakość projektu. The bad Konstruujesz nader zachowawczy design – relacja: nagłówek—akapit jest mocno widoczna i powoduje dość standardowy monotonny look, widać że obawiasz się zbyt odważnych ewolucji, jako UI designer pomyśl tez nad animacją projektów np. w protopie czy principle. W projekcie z eventami widać, że probowałeś wprowadzić w układzie trochę zamieszania i eksperymentowałeś, ale przebicia innym kolorem nie zrobileś, a nadałoby to projektowi więcej głębi, różnorodności i zwiększyło immersje. The ugly Obecne realia rynkowe są takie, że nawet na stanowiskach juniorskich szukają osób które już ogarniają odpowiednią organizacje treści pod wymagania projektowe, braki w kolorze czy typografii można skorygować przez seniora czy design lead’a jednak reorganizacja układu i flow może zająć więcej czasu jednak to zadanie bardziej do ux’a niż w sumie ui designera, skupiające się na języku wizualnym, i odpowiednich relacjach między poszczególnymi elementami, od siebie polecam, żebyś sobie dokładnie przejrzał design patterny, to jest obecnie najważniejsze, aplikacja mobilna ma być przede wszystkim funkcjonalna i inspirowanie się rozwiązaniami które wdrożyły największe marki, po licznych testach i przy użyciu ogromnych zasobów jest bardziej pożądane niż szukanie nowych eksperymentalnych rozwiązań, które można często znaleźć na np. dribbble, gdzie część projektów może znajdzie jakąś wartość i możliwości wdrożenia a może nie. przejrzyj to: https://www.interaction-design.org/literature/topics/ui-design-patterns https://designvault.io/patterns/ https://ui-patterns.com/patterns Układ Do webu rozważ rozciągnięcie w pionie i przebicie większym tekstem, w SEO dalej liczy się ilość tekstu i naciupanie słowami kluczowymi ale można użytkownika odciążyć i ukryć część treści np. na hover czy mikro-animacją. Dodatkowo polecam dla ćwiczeń popracować na canonical golden gridzie – pozwoli ci to myśleć widokami, a nie całością projektu + układać treść w relacjach pion—poziom na fullscreenie Typografia Zobacz na załącznik, w każdym projekcie warto na bazie treści wyznaczyć skalę typograficzną(co pewnie robisz) i przygotować odpowiedni system i się go trzymać, wiadomo że im większy projekt tym bardziej skomplikowany system jednak im mniej użytych styli tym lepiej. Ja kiedyś pomimo wyznaczania systemu nie przygotowywałem go w takiej formie jak teraz i czasem mi się style gubiły i wymyślałem nowe co miało bardzo negatywny wpływ na projekt Jak chcesz to wygeneruje kod na -100% i pobierzesz sobie za darmo ostatni produkt, paczka będzie się powiększała z czasem, mam na roadmapie jeszcze dwie duże aktualizacje, ograniczenie się do używania w projektach 40 krojów pisma i głębsza analiza typografii może ci pomóc budować efektywniejsze rozwiązania. https://fircyk.gumroad.com/l/fontslist Jak chcesz to daj znać na PW. Kolor Jako ćwiczenie możesz sobie zrobić kilka projektów na bazie web safe colors albo systemu pantone https://websafecolors.info/color-chart Dodatkowo jakbyś zaczął coś dłubać w identyfikacji to polecam też dobry sposób na odpowiednie dobieranie kolorów https://www.letrabit.pl/dobieranie-koloru-cmyk-rgb-pantone/ Ekran appki Zerknij na załącznik, trochę to się nieczytelne zrobiło, ale nie mam czasu omawiać poszczególnych rzeczy, zerknij na UI design patterny, zobacz jak to działa na aplikacjach na żywo i stwórz sobie jedną małą aplikację, krok po kroku z każdym widokiem bazując na patternach. — Podsumowując to projekty na pewno utrzymują poziom, skupiłeś się na digitalu, i polecam skupić się na jednym kierunku by go dobrze wymasterować. Jeśli przygotowujesz jakiś projekt to najlepiej jest zrealizować cały, a nie jeden ekran z indeksem na stronie głównej. Lepiej mieć 3 grube projekty w portfolio gdzie przedstawiasz krok po kroku jak pracuje całość niż 15 screenów z różnymi designami bo wielu projektantów ma problem z dalszymi stronami ze względu właśnie na skupianie się tylko na stronie głównej ? jest to mocno odczuwalne od razu, warto skupić się na różnych problemach UI, nie tylko na stronie głównej, i ja wiem, że trzeba więcej pogłówkować, żeby spłodzić coś konkretnego i bardziej złożonego jednak nie tylko można więcej z tego wynieść ale też ma to przełożenie na mocniejsze portfolio PS polecam jeszcze to https://uiscore.io/library/ fajny zbiór fajnych rzeczy ? pozdro!
  13. Wpadła zapowiadana wersja 1.1. Jeśli ktoś pobrał wcześniej to można pobrać ponownie wersję 1.1 z poprzedniego linka.
  14. hej! następny produkt, teraz już dla wszystkich nie tylko do affinity, ponieważ to pliki PDF niedługo dodam również post na gumroad dlaczego posiadanie 10.000 fontów nie czyni z was lepszego projektanta graficznego (chociaż kiedyś sam tak myślałem ?) link: https://fircyk.gumroad.com/l/fontslistfree PS. Szykuje się również od razu aktualizacja, wyszły ostatnio dwa kroje pisma, które stanowią znacznie lepszy darmowy zamiennik dla klasyków i zamierzam wprowadzić zmiany, chociaż paczka będzie aktualizowana raczej raz do roku na samym początku po tym jak wprowadzę wszystkie dodatkowe materiały.

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ę.