Web Tasarımı için Adobe Photoshop
Arturo Servín tarafından , Web tasarımcısı
Duyarlı web sitelerini kolayca tasarlamayı ve düzenlemeyi öğrenin
Domestika'nın Temelleri · 6 ders dahil
-
Course 1 – Basic Principles
Arturo Servín tarafından
Discover the software interface and all the possibilities it offers you
-
Course 2 – Website Layout
Arturo Servín tarafından
Learn how to create grids to define the layout and structure of your web page
-
Course 3 – Working with Layers
Arturo Servín tarafından
Discover the options for organizing objects and optimizing your web design
-
Course 4 – Typography
Arturo Servín tarafından
Find the ideal typography and learn how to style your texts
-
Course 5 – Responsive Design
Arturo Servín tarafından
Learn how to adjust the design of your web project for tablet and mobile
-
Course 6 – Creating Resources
Arturo Servín tarafından
Learn how to prepare and export your project for development
Bir web sitesi tasarlamak için birçok araç vardır, ancak bunlardan biri bunu yapmak için en eksiksiz olanıdır ve Adobe Photoshop'tan başkası değildir. Bu 6 kurstan oluşan Domestika Temelleri dersinde, web tasarımında uzman grafik tasarımcısı ve Adobe Sertifikalı Eğitmen Arturo Servín, basit ve karmaşık olmayan bir şekilde duyarlı web sitelerini tasarlamak ve düzenlemek için Photoshop'u nasıl kullanacağınızı adım adım öğretecek. yol .
Öğretmenin adı size tanıdık geliyorsa, muhtemelen ilk Domestika Basics'inden kaynaklanmaktadır: Mobil uygulamalar için Adobe XD'ye giriş , burada iOS ve Android için sıfırdan uygulama tasarlama konusundaki bilgisini paylaşıyor.
Bu kursa, arayüzün nasıl yapılandırılacağını öğrenmekten yeni belgeler oluşturmaya ve web sitenizi farklı cihazlar için şekillendirmeye kadar programın temel ilkelerini bilerek başlayacaksınız.
Daha sonra, sayfanızın tüm bölümlerinin düzenini ve yapısını tanımlamak için bir ızgara oluşturmanıza olanak tanıyan kılavuzları ve akıllı kılavuzları kullanarak web sitenizin düzenini yapmayı öğreneceksiniz.
Üçüncü kursa kahraman olarak sırayla devam edeceksiniz. Tüm öğeleri düzenli tutmak için katmanların nasıl çalıştığını göreceksiniz ve nesneleri konumlandırmak için farklı seçenekleri öğrenerek web tasarımınızın çalışmasını optimize edeceksiniz.
Dördüncü kursta ekranlar için tipografi dünyasını tam olarak keşfedeceksiniz. Web için en uygun yazı tiplerinin hangileri olduğunu keşfedecek ve Photoshop araçlarıyla metinleri nasıl düzenleyip biçimlendireceğinizi ve stillendireceğinizi öğreneceksiniz.
Daha sonra Arturo, duyarlı tasarım hakkında bilmeniz gereken her şeyi açıklayacak. Böylece, mobil veya tablet modeline bağlı olarak web sitenizin formatını nasıl optimize edeceğinizi, tasarımınızı bozulmadan ve her zaman her cihaza uyarlanmış halde nasıl tutacağınızı bileceksiniz.
Son kursta, sayfanız için kaynak oluşturmayı öğreneceksiniz, dosyayı dışa aktarmak için formatları göreceksiniz, CSS stilleri oluşturacaksınız ve diğer kaynakların yanı sıra, geliştirici ekibiyle web sitenizin montajını mükemmelleştirmeyi ve geliştirmeyi öğreneceksiniz.
Teknik gereksinimler
- ⦁ Windows 10 veya macOS 10.12 Sierra (veya üzeri) yüklü bir bilgisayar.
⦁ Adobe Photoshop CC (satın alabilir veya 7 günlük deneme sürümünü Adobe web sitesinden indirebilirsiniz).
⦁ Grafik tablet bulundurmanız tavsiye edilir.
- 99% olumlu yorumlar ( 353 )
- 1 öğrenci
- 1 ders ( 7h 42m )
- 1 kurs
- 1 indirme (1 dosya)
- Çevrimiçi ve kendi hızınızda
- Uygulamada mevcut
- Ses: İspanyol, İngilizce, Fransızca, İtalyan, Portekizce, Türkçe
- İspanyol · İngilizce · Portekizce · Almanca · Fransızca · İtalyan · Lehçe · Flemenkçe · Türkçe · Romanian · Indonesian
- Seviye: Acemi
- Sonsuza kadar sınırsız erişim
Bu kurs için önerilen yazılım ve araçlar
Adobe PhotoshopYorumlar
Arturo Servín
Arturo Servín tarafından
Monky, web tasarımı konusunda uzmanlaşmış bir grafik tasarımcıdır. a! Diseño dergisinde ve Meksikalı tasarım markası Tixinda'da web tasarımcısı olarak çalışmış ve Dr. Morbito ile çeşitli web projelerinde iş birliği yapmıştır. Birkaç yıl boyunca Meksika...
İçerik
Course 1 – Basic Principles
-
U 1
Hoş geldin
-
Hoş geldin
-
-
U 2
Web tasarımı için Adobe Photoshop arayüzü
-
Web tasarımı için Adobe Photoshop arayüzü
-
-
U 3
Web, mobil ve diğer cihazlar için yeni belge
-
Web, mobil ve diğer cihazlar için yeni belge
-
-
U 4
Bir web sitesinin genel ölçümleri
-
Bir web sitesinin genel ölçümleri
-
-
U 5
Alıştırma: Bir web sitesinin genel ekran ölçümlerini oluşturun
-
Alıştırma: Bir web sitesinin genel ekran ölçümlerini oluşturun
-
Course 2 – Website Layout
-
U 1
Kılavuz çizgilerini kullanmanın avantajı
-
Kılavuz çizgilerini kullanmanın avantajı
-
-
U 2
Bilgisayarda bir web sitesi tasarlamak için ızgaralar
-
Bilgisayarda bir web sitesi tasarlamak için ızgaralar
-
-
U 3
Mobil web sitesi tasarımı için ızgaralar
-
Mobil web sitesi tasarımı için ızgaralar
-
-
U 4
Bir web sitesinin genel grafik diyagramı
-
Bir web sitesinin genel grafik diyagramı
-
-
U 5
Alıştırma: Web sitenizin genel tasarım yapısını oluşturun
-
Alıştırma: Web sitenizin genel tasarım yapısını oluşturun
-
Course 3 – Working with Layers
-
U 1
Katmanları düzenleme
-
Katmanları düzenleme
-
-
U 2
Katman grupları
-
Katman grupları
-
-
U 3
Gömülü nesneler VS. bağlantılı nesneler
-
Photoshop'ta Gömülü ve Bağlantılı Öğeler
-
-
U 4
Akıllı nesneler
-
Akıllı nesneler
-
-
U 5
Şekiller
-
Şekiller
-
-
U 6
Eleman Hizalaması
-
Eleman Hizalaması
-
-
U 7
Alıştırma: Web sitenizin ana sayfasını tasarlayın
-
Alıştırma: Web sitenizin ana sayfasını tasarlama - Bölüm 1
-
Alıştırma: Web sitenizin ana sayfasını tasarlama - Bölüm 2
-
Course 4 – Typography
-
U 1
Web tasarımı için yazı tipleri
-
Web tasarımı için yazı tipleri
-
-
U 2
Tipografik araçlar
-
Tipografik araçlar
-
-
U 3
Karakter stilleri
-
Karakter stilleri
-
-
U 4
Paragraf stilleri
-
Paragraf stilleri
-
-
U 5
Bilgisayar navigasyonu VS. mobil navigasyon
-
Bilgisayar navigasyonu VS. mobil navigasyon
-
-
U 6
Alıştırma: Web sitenizin gezinme menüsünü tasarlayın
-
Alıştırma: Web sitenizin gezinme menüsünü tasarlama - Bölüm 1
-
Alıştırma: Web sitenizin gezinme menüsünü tasarlama - Bölüm 2
-
Course 5 – Responsive Design
-
U 1
Farklı markalar, farklı ekranlar
-
Farklı markalar, farklı ekranlar
-
-
U 2
Tasarımın tabletlere uyarlanması
-
Tasarımın tabletlere uyarlanması
-
-
U 3
Tasarımın mobile uyarlanması
-
Tasarımın mobile uyarlanması
-
-
U 4
Dikey VS. yatay
-
Dikey VS. yatay
-
-
U 5
Alıştırma: Web sitenizin tasarımını tablet ve mobil cihazlar için ayarlayın
-
Alıştırma: Web sitenizin tasarımını tablet ve mobil cihazlar için ayarlayın
-
Course 6 – Creating Resources
-
U 1
JPG, PNG ve SVG arasındaki fark
-
JPG, PNG ve SVG arasındaki fark
-
-
U 2
Web için bir görüntüyü dışa aktarma
-
Web için bir görüntüyü dışa aktarma
-
-
U 3
Bir nesnenin CSS stilini dışa aktarma
-
Bir nesnenin CSS stilini dışa aktarma
-
-
U 4
Tipografik CSS stilini dışa aktarma
-
Tipografik CSS stilini dışa aktarma
-
-
U 5
Bir katmandan kaynak oluşturma
-
Bir katmandan kaynak oluşturma
-
-
U 6
Bir grup katmandan kaynak oluşturma
-
Bir grup katmandan kaynak oluşturma
-
-
U 7
Tek tıklamayla çoklu formatlar
-
Tek tıklamayla çoklu formatlar
-
-
U 8
Alıştırma: Web sitenizin kaynaklarını oluşturun
-
Alıştırma: Web sitenizin kaynaklarını oluşturun
-
Domestika Basics Hakkında
Domestika Basics, dünya çapında yaratıcı profesyoneller tarafından en sık kullanılan yazılımların öğretilmesine odaklanan bir dizi kurstur.
İçerik titizlikle seçilmiştir ve hem yeni bir yaratıcı alana giren öğrencilere hem de becerilerini geliştirmek isteyen daha deneyimli profesyonellere yöneliktir.
Uygulamalı dersler, tonlarca kaynak ve sonuçları ilk günden itibaren görmenizi sağlayacak aşamalı zorluk seviyesi aracılığıyla en iyi Domestika öğretmenleriyle öğrenin.
Domestika Basics, profesyonel oyununuzu geliştirmenize ve daha iyi projelere imza atmaya hazırlanmanıza olanak tanıyacak.
-
Ön bilgi olmadan.
Domestika Basics, yeni bir yaratıcı alana başlamanız ve bu alanda uzman olmanız için ihtiyacınız olan her şeyi size sunar.
-
Alete odaklanıldı.
Ana bileşenlerini, tekniklerini ve bu konuda uzmanlaşmak için ihtiyacınız olan denenmiş ve doğrulanmış yöntemleri keşfedin.
-
Hızlı öğren
Basit, adım adım ilerleyen bir yaklaşımla seçkin profesyonellerimiz size programdan en iyi şekilde nasıl yararlanabileceğinizi öğretecek.
-
Sertifikalar Artı
Plus üyesiyseniz her kurs için öğretmeninizden imzalı bir özel sertifika alın. Portföyünüzde, sosyal medyada veya istediğiniz yerde paylaşın.
Adobe Photoshop
Muy bien estructurrado el curso, facil de seguir y ayuda mucho para entender la logica del diseno web, aunque sin saber Photoshop esta muy bien explicado, al final da las bases para empezar a disenar sitios web de manera profesional!
Muito bom 👍
Very informative and lots of details.
Excelente curso, muy bien explicadas tosas las unidades, he aprendido muchisimo sobre Photoshop.
Buenisimo!!