Ten tydzień projektowania: 12 września 2014 r
Istotną częścią tego, co sprawia, że ktoś łączy się z projektowaniem, są emocje i odczucia. Są to dwie rzeczy, które mogą być trudne do przewidzenia, opisania i zaprojektowania. Ale za emocjami i uczuciami kryje się trochę wiedzy naukowej i dlaczego możesz zareagować w określony sposób, i na tym koncentrujemy się w tym tygodniu w projektowaniu.
Co tydzień planujemy przyjrzeć się głównym wydaniom i aktualizacjom produktów, narzędziom i sztuczkom, a nawet niektórym najpopularniejszym rzeczom, o których mówisz w mediach społecznościowych. I chcielibyśmy usłyszeć, co się dzieje w twoim świecie. Czy coś przeoczyliśmy? Napisz do mnie na [email chroniony].
Jak czują się czcionki
Istnieje typografia do nauki. Mówiąc dokładniej, istnieje wiedza na temat tego, jak czcionki mogą sprawiać wrażenie. Next Web ma świetne spojrzenie na to, w jaki sposób czcionka może wpłynąć na Ciebie, i co projektanci mogą zrobić, aby lepiej wpłynąć na tekst w „The Science Behind Fonts (And How Make You Feel)”.
Podział nauki jest prostszy, niż można sobie wyobrazić:
- Pomyśl o tym, jak czytasz. (To naturalny wzór!)
- Pomyśl o tym, jak czują się właściwe czcionki. (Pasują do tonu tego, co czytasz).
- Pomyśl o tym, jak czuje się układ. (Jeśli elementy są umieszczone w sposób, który nie zakłóca przepływu tekstu, jesteś szczęśliwszy).
- Pomyśl o kulturowych skojarzeniach z krojami pisma. (Napis może reprezentować lub pomóc ci odnosić się do innych przedmiotów lub przedmiotów.)
Ale co możesz zrobić z tymi informacjami? Jak możesz go używać do projektowania czcionek, które kojarzą się z lepszym samopoczuciem? Zrozumienie typografii to miejsce, od którego można zacząć. Znajomość podstaw, takich jak kategorie krojów pisma (szeryf, bezszeryfowy, skryptowy i dekoracyjny) oraz zasady czytelności i czytelności to dobry początek.
Ale jest też kilka innych rzeczy, które możesz zrobić:
- Wybierz rozmiary czcionek większe niż 12 punktów. „Wielu projektantów wspomina, że czcionka 16pt jest nową czcionką 12pt.”
- Uważaj na długość linii. Zwróć uwagę, że idealna długość wiersza dla witryny na komputery stacjonarne wynosi od 50 do 75 znaków.
- Zwróć uwagę na odstępy. Upewnij się, że między wierszami tekstu jest wystarczająco dużo miejsca, aby ułatwić czytanie.
Zrozumienie kształtów CSS
Kształt obrazu lub bloku tekstu może sprawić, że poczujesz coś. Kształt zapewnia również dodatkowe informacje o elemencie, jego zastosowaniu i funkcji w ogólnym projekcie. Ale tworzenie kształtów do projektów internetowych nie zawsze było łatwe, szczególnie przy złożonych obrazach.
Kształty CSS tworzą rozwiązanie tego problemu. „Większość stron internetowych trzyma się prostej formy: umieszczanie treści wewnątrz prostokątów w innych, większych prostokątach, co dla większości użytkowników może być bardziej nudne niż oszałamiające”, pisze Zack Rutherford dla magazynu UX. „Z drugiej strony kształty CSS pozwalają projektantom na większą swobodę kształtowania treści w obrębie lub wokół interesujących i atrakcyjnych wizualnie parametrów”.
Ale kiedy powinieneś używać kształtów CSS w swoich projektach. Odpowiedź znajduje się w artykule „Symetria, rozmiar, szybkość i kształty CSS”.
Jest całkiem przekonująca lista powodów, dla których powinieneś pracować z kształtami CSS, poza tym, że jest to zabawne.
- Nowość: „Możliwość zmiany tekstu w celu ściśnięcia go w ciasnych przestrzeniach lub, alternatywnie, rozszerzenia w szersze zakresy, zapewni projektantom większą swobodę w tworzeniu ich układów”.
- Zaawansowana kontrola przepływów użytkowników: Umożliwia kształtowanie zawartości w postaci liczb, zmniejszanie tekstu wiersz po wierszu lub używanie tekstu jako kształtu w celu podkreślenia innych elementów strony.
- Kształtowanie treści ułatwia wizualne opowiadanie historii: „Możliwości zmienności po rzuceniu pomysłu na strukturę o ścianach w formie pisemnej są oszałamiające”.
- Symetria, rozmiar i szybkość: „Kształty CSS można wykorzystać do utrzymania kształtu treści niezależnie od rzutni, dzięki czemu jest ona ogólnie symetryczna, nie wspominając o RWD.”
Projektowanie czcionki
Tworzenie czcionek nie jest tak proste, jak szkicowanie kilku liter na serwetce. Tworzenie czcionek i krojów pisma to wieloetapowy proces, do którego musisz się zobowiązać. Ale nawet bez dużego doświadczenia możesz stworzyć własną czcionkę.
Tyler Finck, projektant maszynopisu, przygotował ostatnio 18-minutowy film i artykuł dla Creative Market, który przeprowadzi Cię przez ten proces. „Jak zrobić czcionkę” to fajne spojrzenie na tworzenie czegoś na własną rękę (ale do tego samouczka musisz mieć komputer Mac).
I chociaż prawie każdy może to zrobić, musisz być przygotowany na odrobinę cierpliwości i poświęcenia. Tworzenie czcionki nie jest tak łatwe jak 1-2-3.
„Stworzenie dobrej i użytecznej czcionki wymaga praktyki i wielu godzin”, powiedział Finck w artykule. „Nie jest to„ trudne ”, jeśli kochasz to robić, a są szanse, że od razu będziesz wiedział, czy to jest coś, co lubisz robić. Prawdopodobnie dokonasz zmian, potencjalnie uwzględnisz opinie innych użytkowników, przetestujesz w różnych okolicznościach (różne aplikacje / druk / internet) i nie tylko. ”
Jeśli tworzenie własnego kroju pisma może nie jest filiżanką herbaty, rozważ pobranie jednego z dzieł Fincka. Jest profesjonalnym projektantem od 2005 roku i miał kilka krojów dostępnych na Creative Market.
Dla żartu
Wreszcie wizualna reprezentacja języków programowania. (I dla mnie bardzo trafna.)
Bjorn Tipling przejrzał i narysował krótką sekwencję w „Jeśli języki programowania byłyby bronią”. Post omawia każdy język programowania i jego związek. Porównania są dość sprytne i możliwe do odniesienia.
„C ++ to zestaw nunchuków, potężny i imponujący, gdy się nim włada, ale opanowanie wymaga wielu lat bólu i często prawdopodobnie żałujesz, że nie używasz czegoś innego”, pisze. Ponadto: „JavaScript to miecz bez rękojeści”.
Pamiętaj, aby przeczytać. To świetna zabawa i może być nawet świetnym późnym popołudniem.
