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
170
Treatwell — the business and the app
Avatar for Jonas Lekevicius lekevicius
0
1.2k
The Dissatisfied Thief
Avatar for Jonas Lekevicius lekevicius
0
74
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
180
∞ Loop: Apie begalinį žaidimą nuo pradžios iki pabaigos
Avatar for Jonas Lekevicius lekevicius
1
490

Other Decks in Design

See All in Design
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
140
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
1
1.1k
「デザイン」を信じるには
Avatar for なつ iflection
0
250
問いの変遷
Avatar for なつ iflection
0
140
AI時代に淘汰されないデザインのしごと
Avatar for Akinen akinen
0
120
マズロー安達の弟子2期生、成功事例集（17人中17人が3ヶ月平均140万受注）
Avatar for マズロー安達 maslow_akkun
0
5.3k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
Avatar for Andrew Shapiro ashapiro
0
230
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
120
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
Avatar for kkaru kkaru
0
430
新年あけおめWSの実施スキルをみんなで振り返りタイムのススメ
Avatar for sugiyama sugiyama_sukedachi
0
120
線で考える画面構成
Avatar for natsuume natsuume
1
870
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
120

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
480
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
53k
Done Done
Avatar for chrislema chrislema
184
16k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
68
11k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.3k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
Scaling GitHub
Avatar for Zach Holman holman
459
140k

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!