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
500

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
260
AI and Designer Collaboration
Avatar for Jonas Lekevicius lekevicius
0
180
Treatwell — the business and the app
Avatar for Jonas Lekevicius lekevicius
0
1.2k
The Dissatisfied Thief
Avatar for Jonas Lekevicius lekevicius
0
77
Hack @ SmallPlanetAirlines
Avatar for Jonas Lekevicius lekevicius
0
120
Interface Fiction
Avatar for Jonas Lekevicius lekevicius
0
170
Introduction to Apps for Atomic Garden
Avatar for Jonas Lekevicius lekevicius
2
150
Keturios ateitys: didžiausių pasaulio kompanijų vizijos
Avatar for Jonas Lekevicius lekevicius
0
190
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
Avatar for Jonas Lekevicius lekevicius
1
500

Other Decks in Design

See All in Design
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
460
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
600
ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -
Avatar for tetsuya kitauji kitau
0
110
AI動画生成ガチャ紹介
Avatar for Takatomo Torigoe piyo7
1
200
Them Middle School Kids Pitch
Avatar for Steven Vargas stevie_vee
0
110
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
150
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
380
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
670
freee + Product Design FY25Q4
Avatar for freee freee
4
15k
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
240
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
Avatar for Andrew Shapiro ashapiro
0
130
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
380

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.3k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Building an army of robots
Avatar for Kyle Neath kneath
306
45k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.8k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k

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!