Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tinklapių dizainas, 6 paskaita. CSS šriftai, an...

Avatar for Jonas Lekevicius Jonas Lekevicius
October 14, 2014
Design
0
490

Tinklapių dizainas, 6 paskaita. CSS šriftai, animacijos ir kitos galimybės.

Lecture for web design course in Vilnius College of Design.
Avatar for Jonas Lekevicius

Jonas Lekevicius

October 14, 2014
Tweet

More Decks by Jonas Lekevicius

See All by Jonas Lekevicius
Dirbtinis intelektas dizainerio gyvenime
Avatar for Jonas Lekevicius lekevicius
0
240
AI and Designer Collaboration
Avatar for Jonas Lekevicius lekevicius
0
170
Treatwell — the business and the app
Avatar for Jonas Lekevicius lekevicius
0
1.1k
The Dissatisfied Thief
Avatar for Jonas Lekevicius lekevicius
0
69
Hack @ SmallPlanetAirlines
Avatar for Jonas Lekevicius lekevicius
0
110
Interface Fiction
Avatar for Jonas Lekevicius lekevicius
0
170
Introduction to Apps for Atomic Garden
Avatar for Jonas Lekevicius lekevicius
2
140
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
Avatar for Jonas Lekevicius lekevicius
0
180
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
Avatar for Jonas Lekevicius lekevicius
1
470

Other Decks in Design

See All in Design
オリジナルのデザイン地図を作ってみた！〜OpenMapTilesとMaputnikを活用した地図スタイル〜
Avatar for Hajime Kato hjmkth
1
470
パンくずリストかわいい(breadcrumb so cute)
Avatar for Ysuda ysuda
0
240
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
Avatar for r.aoki u_ri_ta
2
180
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
Avatar for viviON Design vivion
0
490
ito aya Portfolio
Avatar for aya itoaya116
0
150
株式会社デイトラ様│コーポレートサイト│コンセプトシート
Avatar for Haruka_CAPEO haruka_capeo
0
1.5k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.5k
苦労が多かった多言語対応をFigmaで楽にした話
Avatar for Pioneer pioneer_devrel
PRO
0
170
プロダクトデザインの「守破離」の「破」について
Avatar for HAYASHIRINE hayashirine
0
340
横断組織デザイナーの働き方
Avatar for MIXI DESIGN mixi_design
PRO
0
450
ポートフォリオ_藤田歩希(ほまれ)
Avatar for Aki Fujita akifujita_homarecreate
0
450
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
150

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
205
24k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
187
11k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
21k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
57k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.4k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Scaling GitHub
Avatar for Zach Holman holman
459
140k
Designing for Performance
Avatar for Lara Hogan lara
608
69k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
34
2.2k
It's Worth the Effort
Avatar for 3n 3n
184
28k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.7k

Transcript

  1. V I PA S K A I TA CSS šriftai,

    animacijos ir kitos galimybės Tinklapių dizainas Jonas Lekevičius, 2014

  2. Šiandien matysite!

  3. Šiandien matysite! • CSS šriftai

  4. Šiandien matysite! • CSS šriftai • CSS perėjimai ir animacijos

  5. Šiandien matysite! • CSS šriftai • CSS perėjimai ir animacijos

    • Kitos CSS galimybės ir praktiniai patarimai

  6. Šiandien matysite! • CSS šriftai • CSS perėjimai ir animacijos

    • Kitos CSS galimybės ir praktiniai patarimai • Savaitės užduotis

  7. CSS šriftai

  8. 13 saugių šriftų

  9. CSS Web Fonts

  10. Nemokami servisai

  11. https://www.google.com/fonts

  12. https://edgewebfonts.adobe.com

  13. Savo šriftų generavimas

  14. http://www.fontsquirrel.com/tools/webfont-generator

  15. Mokami servisai

  16. https://typekit.com

  17. http://www.fonts.com/web-fonts

  18. http://www.fontspring.com

  19. http://www.myfonts.com/licensing/webfont/

  20. http://vdk.lekevicius.com/get/5.zip

  21. None

  22. CSS perėjimai

  23.   

  24. http://vdk.lekevicius.com/get/6.zip

  25. None

  26. Užduotis

  27. SAVAITĖS UŽDUOTIS Susikurkite puslapį!

  28. Atsakymų ir pagalbos valandėlė!

  29. Pradėkite daryti

  30. Lėtai ir tvarkingai

  31. Kopijuokite mano puslapį, savo užduotis, Google.

  32. Bootstrap

  33. Iš esmės, pradėkite daryti.

  34. PUSL APIO DARBŲ SĄR AŠAS ☐ Struktūra ir turinys ☐

    Dizainas ant popieriaus ☐ Išdėstymas ☐ Turinio įdėjimas ☐ Spalvos, šriftai, grafika ☐ Įdomybės: animacijos, efektai…

  35. Iki!