Buradasın
Android ve iOS Uygulamaları İçin Web Sitesi Tasarımı Eğitimi
youtube.com/watch?v=edACC_edwNsYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Uğur adlı bir eğitimcinin sunduğu web tasarım eğitim videosudur. Eğitmen, izleyicilere Android ve iOS uygulamaları için web sitesi tasarımı konusunda rehberlik etmektedir.
- Videoda, web sitesi tasarımı için örnekler üzerinden başlayarak, logo tasarımı, HTML ve CSS kodlarıyla web sitesi yapısı oluşturma süreci adım adım gösterilmektedir. "Evreni Keşfet" adlı bir teleskop uygulaması örneği üzerinden, logo tasarımından başlayarak yazı formatlandırma, renk ayarlama ve bağlantılar ekleme gibi temel web tasarım teknikleri anlatılmaktadır.
- Eğitimde ayrıca mor renk kullanımı, çocuk boyama kitaplarından esinlenen tasarım fikirleri ve matematiksel simetrik şekiller tercih edilmektedir. Apple Store ve Play Store bağlantılarını eklemek için gerekli kodlar da paylaşılmaktadır.
- 00:00Android ve iOS Uygulamaları İçin Web Sitesi Tasarımı
- Videoda Android ve iOS uygulamaları için web sitesi tasarımı gösterilecek.
- İyi bir web tasarımı yapmak için rakiplerinizi incelemek ve güncel web tasarım trendlerini takip etmek önemlidir.
- Flat (düz) tasarımlar günümüzde popülerdir ve web sitelerinde sade renkler tercih edilmektedir.
- 01:21Web Sitesi Tasarım Örnekleri
- Skorpa web sitesinde düz renkler ve sade tasarımlar kullanılmıştır.
- MSQR web sitesinde telefon resmi ve ekran tasarımı detaylı bir şekilde gösterilmiştir.
- Instagram web sitesinde telefon çerçevesi ve ekran tasarımı farklı renklerle vurgulanmıştır.
- 03:28Logo Tasarımı
- Web sitesi tasarımı için öncelikle logo tasarımı yapılmalıdır.
- Teleskopla ilgili logo tasarımı için "teleskop boyama" araması yapılmalıdır.
- Çocukların hayal gücü ve boyama kitaplarındaki tasarımlar ilham kaynağı olabilir.
- 05:31Teleskop Logo Tasarımı
- Teleskop logosunda mercek odaklanılmış ve mor renk tercih edilmiştir.
- Logo yuvarlak (daire) şeklinde tasarlanmıştır.
- Yazı tipi olarak Century Gothic kullanılmış ve beyaz renkte gösterilmiştir.
- 08:30Web Sitesi Kodlaması
- HTML kodlamasında title kısmına "Teleskop" yazısı eklenmiştir.
- Logo resmi eklenerek ortalanmıştır.
- Menü tasarımı için CSS kodları kullanılarak white renk ve font-weight özellikleri uygulanmıştır.
- 11:48HTML ve CSS Kullanımı
- Üzerine geldiğinde değişmesini isteyen bir öğe için "how" kullanılıyor.
- İngilizce terimlerin önemli olduğu belirtiliyor.
- Arka plan rengi için "background" ve metin için "text decoration" kullanılıyor.
- 12:33Logolar ve Metin Düzenlemesi
- Logolar ekleniyor ve boyutları ayarlanıyor.
- Yazı boyutu ve konumlandırması düzenleniyor.
- App Store ve Play Store logoları ekleniyor ve boyutlandırılıyor.
- 15:28HTML Etiketleri ve Sınıflar
- "Get this strap" yazısı ekleniyor.
- Span etiketi ve class özelliği kullanılıyor.
- Elma logosu ekleniyor ve düzenleniyor.
- 16:21Diğer Sayfa Oluşturma
- Hakkında kısmına tıklayarak yeni bir dosya oluşturulabilir.
- Sayfa düzenlemeleri yapılıyor.