Это видео недоступно.
Сожалеем об этом.
Jak poprawić TYPOGRAFIĘ (oraz UX)
HTML-код
- Опубликовано: 29 мар 2021
- Typografia w produkcie to bardzo ważna rzecz, a to jest Kółko Projektowe, czyli kanał o designie cyfrowych... produktów! Większość interfejsów komunikuje się z użytkownikiem właśnie za pomocą tekstu, także typografia ma kolosalne przełożenie na user experience i jest nieodzownym elementem UI. Pytanie "jakie fonty" nie zawsze jest tym najważniejszym!
Linki:
🔗 Google Fonts (chyba znasz) - fonts.google.com
🔗 Historia Githuba - markdotto.com/...
🔗 Historia Bookingu - booking.design...
🔗 Generator skali od Google - material.io/de...
Jeśli potrzebujesz konsultacji, korepetycji, albo po prostu chcesz mieć mnie w swojej sieci - zapraszam na LinkedIn (daj znać, że jesteś z jutuba):
/ karolstefanski
Jak poprawić TYPOGRAFIĘ (oraz UX) > 10 najgłupszych śmierci ... Ok, przekonałeś mnie.
Jak śmierć, to tylko przez honorowe sudoku! :D
@@projektowe :)
Skorzystałem z rady i podzieliłem się linkiem do Materiału z osobą, której uważałem że się to przyda... i nie mam znajomego. Pewnie ma ojca wędkarza, albo hak w stopie i nie zrozumiał troski. Jak zwykle w twoim przypadku, ucząc się, bardzo dobrze się bawiłem przez te kilka minut ;)
Mój człowiek Kamil wie o co chodzi!
"Pierwsza pomoc w typografii" bardzo dobra książka, którą warto mieć zawsze pod ręką, a opisuje mniej więcej to samo o czym mówisz :)
Wiadomo, chociaż o wczytywaniu fontów z sieci w niej nie piszą. Także mam nadzieję, że jednak temat trochę rozwinąłem! Pozdro Łukasz.
Od jakiego czasu pomiedzy matialem do czytania i do sluchania mozemy posstawuc znak rownosci.
hahaha chciałabym, żeby wiedza zawsze była tak podawana. Dzięki!
Tutaj tak będzie, dzięki Agnieszka!
ło panie! co za głos 😍
fajnie tu! zostaję na dłużej🍿
Zapraszam serdecznie!
Super się ogląda :) Czekam na więcej 😎
Dziękuję Mikołaj! Pozdro.
Dzięki za materiał, jestem nowy w Ux/Ui i o justowaniu nie miałem pojęcia :pp
Cieszę się, że materiały pomagają. Pozdro.
Nie wspomniałeś jeszcze o takim cudzie jak każda linijka mająca własny układ :) to jest dopiero potworek :D
Mógłbym pewnie tak gadać i gadać, ale tak, masz rację!
Przypomniało mi się, jak kiedyś sam zaczynałem z projektowaniem i również wkładałem pełno rodzinek fontów 😂
Ważne, że zadziałała autorefleksja!
Świetny odcinek ;)
Dzięki. ;)
A... niech będzie. Zostanę na dłużej. :)
Jesteś zwycięzcą, dzięki!
mega
Karol, fajne włosy i fajny film :)
Dzięki Karolina!
Cześć Karol. Dwie kwestie/pytanka.
1) Co sądzisz o Google Noto Fonts? To jest taki zbiór czy też rodzina czcionek która składa się z teoretycznie wielu krojów, ale wszystkie mają stanowić spójną całość i łącznie pozwalają obsłużyć wyświetlanie w ponad 90 językach. Jak robiłem apke, gdzie musiałem mieć alfabet koreański, japoński, chiński, grecki, cyrylicę i laciński w jednym to mi się super sprawdziły, bo wszystko było faktycznie w jednakowym lub podobnym stylu (mam na myśli kerning, grubości liter itd). W sumie nic lepszego nie znalazłem, wszystkie inne zestawy czcionek czegoś nie miały i dostawałem tofu czyli te słynne prostokąty zamiast właściwych liter. No ale ogromną wadą użycia tych Noto Fonts to waga. Zestaw do chińskiego miał jakieś 150 MB!!! Jakbyś podszedł do apki która musi mieć interfejs w np. 30 językach? Czy tutaj właśnie czcionki systemowe? Chociaż one nie obsłużą nam chińskich krzaków albo arabskich robaczków...
2) Tworząc design system powinniśmy przygotować style tekstu dla różnych rodzajów wyrównania? Czyli np. Headline z center align + Headline z left align? Nie wiem czy mam tak powielać w sumie?
Dzięki za odcinek, jak zwykle spoko :)
1) Noto to świetny projekt. Podejrzewam, że są chińskie fonty systemowe, albo przynajmniej chiński "odpowiednik" Ariala, który jest na każdym sprzęcie i do którego można się zawsze odwołać. Z tego co widzę Booking w chińskiej wersji wciąż woła w CSSach do stacku systemowego i wszystko wygląda u mnie poprawnie. Jeśli to appka webowa to nie trzeba pobierać fontów dla 30 języków jednocześnie, w przypadku natywnych waga ma mniejsze znaczenie bo pobiera się to raz.
2) Sketch ma upośledzone style tekstowe, które obejmują też alignment, dlatego tam jest to wymagane. Normalne narzędzia takie jak Figma nie definiują wyrównania w stylu i możesz to robić per przypadek użycia. Zainteresuj się też wartościami start i end dla text-align, które zmieniają układ zależnie od tego czy mamy przypadek LTR czy RTL, to ważne przy multijęzycznych projektach.
Pozdro i dzięki!
@@projektowe Dzięki za odpowiedź :) Tak, RTL i wówczas odbicie lustrzane całego interfejsu XD. Swoją drogą to musi być fajne wyzwanie projektowe, żeby myśleć o apce z dwóch perspektyw i tworzyć interfejs + jego lustrzane odbicie.
PS: W poprzednim komentarzu użyłem słowa "czcionka", oczywiście chodziło o font, wiadomo. Ale no jakoś z przyzwyczajenia mówimy czcionka chociaż wiemy że to de facto co innego :)
Czy ja dobrze rozumiem, że jako początkująca najłatwiej będzie mi używać w projekcie jednej rodziny fontu i tylko zmieniać jego wielkość i styl? Genius!
A ja zawsze do nagłówka wybierałam inny font i nie mogłam tego ogarnąć, dlaczego tak trudno mi to połączyć, żeby miało ręce i nogi.
No, tak, less is more.
Fajnie jak InDesign potrafi walnąć focha i przestaje korzystać z systemowych fontów. To się zaczyna zabawa w kopiowanie :D
Oj to InDesign to nie moja bajka już od lat. :D
Justyyyyna 😂❤️
Katarzyyyyyyna.
Mój stary to fanatyk wędkarstwa
hmmm a osadzanie fontów z Adobe Fonts?
Co z nim? :)
jeszcze z Adobe Fonts nie korzystałam (jeśli chodzi o umieszczenie w kodzie) zastanawiam się czy się nie wywali...
Będzie działać.
Od dawna zastanawia mnie jak oni to robią, że potrafią cała książkę zrobić w układzie blokowym i to wygląda wspaniale, wszystko gra, miód dla oczu. JAK?!
Za taki skill się płaci pieniądze.
szerokość a nie grubość
Nie no zaraz, mając na myśli font weight nie mogę powiedzieć grubość?