|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/responsive-design-web-tasarim-kursu/
课程评论：没有评论
**课程摘要：使用 Photoshop CS6 进行响应式网页设计（从零开始）** 本课程旨在教授学员如何利用 Photoshop CS6 配合 Bootstrap 4.0 网格系统，制作响应式（兼容性）网页设计。课程内容循序渐进，共分为四个阶段： * **第一阶段：** 以 PowerPoint 演示文稿为起点，介绍课程内容。 * **第二阶段：** 学习并设计基于 Bootstrap 网格系统的线框图（Wireframe），理解相关术语。 * **第三阶段：** 构建并完善桌面视图的网页设计，完成个人网页设计。 * **第四阶段：** 基于 Bootstrap 基础，完成 Photoshop 网页设计文件的移动视图设计。 完成设计后，熟悉前端编码的学员可进一步将其转换为 HTML+CSS 代码实现功能。课程还包含字体图标（Font Awesome）在 Photoshop 中的使用、Google 字体下载及安装等技巧，并涵盖网页设计基本规则、从 Photoshop 导出透明 PNG 等实用内容。 课程总计约 6 小时，包含 22 个教学视频。完成后，学员将能够胜任以下技能： * 使用 Photoshop (PSD) 进行网页设计。 * 制作符合 Bootstrap (4.0) 网格系统规范的设计。 * 理解响应式设计原理。 * 将桌面视图网页设计转换为移动视图。 * 掌握网页设计基本规则。 * 从 Photoshop 导出透明 PNG 格式图片。 * 在 Photoshop 中使用 Font Awesome 图标。 * 下载并安装 Google 字体。 学员在学习过程中遇到的任何问题，均可通过消息功能提问，课程讲师将及时解答。欢迎学员提出对课程的改进建议或新的学习需求。
Bu kurstan öğreneceğiniz bilgiler ile Bootstrap 4.0 grid sistemine uygun Responsive (uyumlu) web tasarım yapabileceksiniz. Aşamalı olarak kurguladığımız ders videolarından başlangıç olarak bir PowerPoint sunumu ile başlıyoruz. İkinci aşamada Bootstrap Grid yapısına bağlı kalarak bir Şablon Tasarım (Wireframe) tasarlıyor ve bu terimlerin ne anlama geldiğini öğreniyoruz.Üçüncü aşamada Masaüstü görünüm Web Tasarımımızı kurguluyor ve son şeklini vererek kendi bireysel web tasarımımızı oluşturuyoruz.Dördüncü ve son aşamada ise son şeklini almış olan Photoshop Web Tasarım dosyamızı Mobil Görünüm tasarımını yine Bootstrap temellerine bağlı kalarak oluşturuyoruz.Tasarımı tamamlamanızın ardından, dilerseniz frontend kodlama bilenler html + css kodlama yaparak tasarımı çalışır hale getirebilirler. Bilmeyenler için bir sonraki dersimde aynı tasarım üzerinden html + css ve javascript kullanarak tasarımımızı tıklanabilir çalışır hale getirmeye çalışacağız.Toplamda sunum dahil 22 ders videosu ve 6 saate yakın bir süre sonunda, aşağıda madde halinde listelemiş olduğum iş başlıklarının tamamını yapacak duruma gelebiliyorsunuz.Photoshop ile (PSD) web tasarımı yapmakBootstrap (4.0) Grid yapısına uygun tasarım yapabilmekResponsive (Uyumlu) tasarım nasıl yapılıyor kavrayabilmek.Masaüstü görünüm bir web tasarımı Mobil görünüme çevirebilmekWeb tasarım temel kurallarını kavrayabilmekPhotoshop'tan transparent png çıktı alabilmekFont Awesome iconların Photoshop üzerinde kullanımıGoogle font indirme ve bilgisayarımıza yükleyebilmegibi içeriklere sahip olan kursumuzda, daha belirtemediğimiz bir çok püf noktaya da değiniyor olacağız.Kurs sırasında takıldığını yerleri, aklınıza takılan konuları bana mesaj bölümünden yazabilirsiniz. En kısa sürede sorularınızı yanıtlamaya çalışacağım.Eklememi istediğiniz, eksiklik gördüğünüz veya benden talep ettiğiniz kurs hakkında ne varsa lütfen yazmaktan çekinmeyin. Şimdiden başarılar diliyorum.
