Skocz do zawartości

tanuki

Zasłużony
  • Postów

    454
  • Dołączył

  • Ostatnia wizyta

  • Wygrane w rankingu

    36

Treść opublikowana przez tanuki

  1. W sumie mogłem jeszcze dać linka do różnych gridów (siatek), ale w tamtym momencie byłem po nocce. Tutaj link do jednego artykułu, bardzo fajnego na temat siatki, który wyjaśnia co i jak: https://blog.prototypr.io/ui-grid-best-practices-efd6c4f9d16
  2. Hej. Na samym wstępie chciałbym powiedzieć, że powinieneś liznąć trochę teorii (UX), zanim weźmiesz się za praktykę (UI). Nauczysz się jak mniej więcej poprawnie projektować strony internetowe i aplikacje. Chodzi o to jak się projektuje poszczególne elementy strony, np kolory, kontrast, typografię, przyciski, karty, nawigacje itp. Nie polecam używania dribbble jak kolega wspominał, szczególnie do inspiracji podczas nauki, ponieważ to nie ma kompletnie sensu, dla czego? Ponieważ, większość projektów są nie użyteczne i tylko wyglądają super, czego zarzucić nie mogę, bo wiele projektów naprawdę fajnie wygląda. Zamiast takiego dribbble polecam przeglądać realne projekty, które zostały stworzone po przez badania ux, stronki typu (lapa ninja lub awwwards) gdzie masz masę stron internetowych, które można poklikać, sprawdzić co i jak działa i dla czego, a nie tylko sam obrazek. No i najważniejsze, jako nowy lub zielony, przeglądając projekty na dribbble nie nauczysz się jak i dla czego się stosuje daną rzecz, będziesz wiedział mniej więcej z domysłu co to jest, również będziesz miał problem z takimi rzeczami żeby wrzucić je do swoich projektów, bo nie wszystko z obrazka będzie pasować do twojej wizji. Do nauki polecam ci jakieś ux'owe profile na instagramie, kanały na youtube lub czytanie artykułów na stronkach przeznaczonych do projektowania, przykładowo https://www.webdesignernews.com/ (jest to zbiór wyselekcjonowanych artykułów dla designerów i developerów ), https://www.smashingmagazine.com/. Pierwsze rzeczy dość ważne i istotne, które rzuciły mi się w oko to: kontrast tekstu, nie powinno się NIGDY W ŻYCIU używać szarego na szarym, jest to kompletnie nie czytelne. (Do sprawdzania kontrastu koloru tekstu i tła polecam WCAG 2.1 Contrast checker) brak menu, nawigacja jest kluczowym elementem na stronie, bez niej osoba przeglądająca nie jest w stanie znaleźć niczego, nawet na tak małej stronie jak landing page z 3-4 sekcjami. nierówne odstępy w kartach z treścią "budowlanka" (margines lewy i prawy, góra i dół) oraz wyrównanie tekstu do środka. Kontener z tekstem powinien mieć "white space" czyli przestrzeń, która otacza tekst, sprawiając, że można dobrze przeskanować tekst. Również tekst, który jest dłuższy niż 1 linijka nie powinien być formatowany wyrównaniem do środka, gdyż sprawia dla oka problem, z tego względu, że w naszym języku i kulturze czytamy od lewej do prawej tekst, oraz skanujemy w taki sposób do "wypatrzenia" ciekawych informacji, taki tekst nie pozwala na swobodne skanowanie, bo męczy oko. brak grida lub niepełny grid, jest dość ważny element każdej strony, są różne gridy (siatki), które pozwalają nam na ustawienie elementów na stronie w jakiś logiczny sposób, czyli marginesy od lewej i prawej strony, odstępy między elementami. Siatka jest ważna w przypadku projektowania responsywnego na urządzenia przenośne. W twoim projekcie margines lewy i prawy są nawet ok. Inne ciekawe rzeczy warte uwagi: Tekst pochylony (kursywa) stosuje się do nagłówków, nazw, tytułów oraz jeśli coś cytujemy, nie powinno się używać takich zabiegów do tekstu body (główna treść strony). Hero to sekcja "before the fold", która się wyświetla pierwsza zanim użytkownik zjedzie w dół. Każdy przeglądający strone internetową zadecyduje w ciągu 3-5 sekund, czy warto przeglądać stronę dalej czy wyjść i nie wracać. Właśnie ta sekcja powinna zachęcać użytkownika do pozostania. Hierarchia wizualna tekstu zaczyna się od nagłówka, czyli odpowiednie poziomy H1, H2, H3 aż do H6. Jeśli chodzi o tekst body, czyli treść strony, powinno się bazować na rozmiarach zależnych od ekranu, czyli powiedzmy na komputerze bazowy rozmiar treści to 16px, a na telefonie między 12-14px. Również tekst body może być mniejszy, odpowiednio do celu, czyli opis zdjęcia, źródło tekstu lub zdjęcia itp. Można użyć takiej stronki https://type-scale.com/ aby ustawić sobie skalowanie tekstu, żeby wszystko było czytelne i eleganckie.
  3. https://www.apple.com/store tutaj.
  4. Z tego co kojarzę to strona apple cała jest robiona elementorem lub editorx. Jeśli chodzi o slider ze sklepu to można zrobić używając css i js. Czyli, żeby odpowiedzieć na twoje pytanie, to css i js wchodzi w grę, na necie na 100% jest od cholery takich sliderów, gdzie kod możesz sobie skopiować i przystosować pod elementor, zaznaczając, że masz wersję pro.
  5. Zajebisty feedback, na 100% wezmę sobie do serca niektóre rady, żeby projekty były jeszcze lepsze z czasem ?
  6. Dzięki za info i przykro mi z tego powodu. Dobrym zabezpieczeniem jest podpisanie umowy podczas zlecenia.
  7. Projekt strony z eventami muzycznymi: Aplikacja do zarządzania pieniędzmi: Projekt studia fleonstudio.pl: The Last of us part 2:
  8. Hej, Ja mam 20gb ebookow o projektowaniu stron internetowych i aplikacji mobilnych jakby cie takie coś interesowało to moge udostępnić, ale wadą jest, że wszystkie w języku angielskim
  9. Cześć, jakiej wersji photoshopa używasz? pirackiej czy posiadasz licencję?
  10. Bardzo ciekawe pytanie, ja teraz dopiero dowiedziałem się, że photoshop 5 lub 6 czytał takie pliki. Widocznie Adobe chce, żeby używać po prostu programów do tego przeznaczonych, a nie wszystko w photoshopie. Po szybkim googlowaniu, wynika, że powinien on czytać i otwierać takie formaty. https://helpx.adobe.com/uk/photoshop/using/file-formats.html
  11. To akurat pojechałeś trochę z bezpieczeństwem. Wordpress jest bardziej dziurawy niż ser szwajcarski, jeśli kolega nie jest developerem to grube pieniądze zostawi u kogoś kto mu to porządnie zabezpieczy. Ogólnie lepiej wydać pieniądz na Shopify czy inną podobną platforme i mieć pewność, że jest jakoś zabezpieczone porządnie no i ze względu na support. W dodatku Wordpress nie jest taki super przyjazny dla nowych ludzi i kolega więcej spędzi czasu na grupkach, jak co zrobić lub odpłatnie będzie prosić o pomoc, bo coś mu nie będzie chodzić.
  12. Cześć, trzeba podpisywać umowy zobowiązujące do zapłaty, jeśli klient odwala, to się zrywa taką umowę i pociąga do odpowiedzialności karnej.
  13. Presentation? Jedynie to mi przychodzi na myśl, takie grafiki można użyć w case study na behance albo w portfolio to zaprezentowania poszczególnych ekranów.
  14. To jest raczej abstract, tak sie nazywa typ takich grafik ?
  15. Bardzo proste, zaznaczasz gdzie chcesz takie coś mieć, dajesz ramkę kreskowaną i gitara, a później robisz kreski z lini. Cała filozofia.
  16. Nie podobają mi się tak sztucznie przycięte brody, wygląda to komicznie, ale pozatym super pracka, nie powiem, ogólnie podoba.
  17. Cześć, w takim przypadku chyba najlepszym rozwiązaniem będzie rollback do windowsa 10, jeśli jeszcze masz możliwość, lub poczekanie na jakąś aktualizacje, która pozwoli na działanie CR. Ale rozumiem, że czekać też nie możesz. Jakbyś podesłał jakieś kody błędów jeśli występują, to byśmy byli w stanie coś poszukać i pomóc ?
  18. Ale nie dałeś żadnych konkretnych informacji pomocnicznych, które pomogłyby rozwiązać twój problem Tutaj kolejne solucje do rozwiązania błędu: https://community.adobe.com/t5/photoshop-ecosystem-discussions/wacom-pen-pressure-issue-possible-solution/td-p/4876877
  19. A to photoshopa używa się jeszcze do DP? Jak masz Krite to używaj krity, jest w ciul wygodniejsza. Photoshop jest do tworzenia i obróbki grafiki, nie do rysowania.
  20. A widzisz, człowiek się uczy nowych rzeczy, mi te smart guides przypominało pomocnicze wyrównania właśnie z Adobe XD.
  21. Jeśli jesteś grafikiem to chyba raczej powinieneś wiedzieć lub potrafić w jakiś sposób odwzorować grafikę z innego obrazka.
  22. Rozumiem, że screen jest np z Adobe XD, a w photoshopie nie wiem czy takie coś jest ?
  23. Siema, najlepsze to https://unsplash.com/ wielki bank zdjęć do użytku każdego, tylko nie można odsprzedawać zdjęć jako swoje itp itd.

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