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
510

Other Decks in Design

See All in Design
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
840
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
2k
文字コントラストを改めて考える / Reevaluating Text Contrast
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
480
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
420
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
150
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
Avatar for Miwa Kuramitsu transit_kix
1
1.1k
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
840
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
260
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
770
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.4k
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
120

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.8k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.4k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.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!