30 Yepyeni Yaratıcı VIP PSD ve CSS Tasarım Kaynakları
Her gün yeni yükler ve açık kaynak kodları çevrimiçi olarak yerleştirilir. Web ve mobil tasarımcılar daha yeni arayüz trendlerini ve tasarım düzenlerini inceleyerek çok şey öğrenebilirler. Creative VIP, freebies ve premium içerik yayınlayan böyle bir web sitesidir. Bu, web için kullanılabilir düzenler oluşturmak için biraz daha derine inmek isteyen tasarımcılar için mükemmel bir kaynaktır.
Bu toplamada Creative VIP'den en son 30 freebiyi bir araya getirdim. Hem PSD'leri hem de HTML / CSS kodlarını birbirine karıştırılmış olarak bulacaksınız. Bazı kaynaklar hem grafikleri hem de kodu bir arada sunar! Ancak, hangi öğeleri aradığınız önemli değil, bu vitrin havalı bir şeye sahip olmak zorunda.
Envato Elements'i keşfedin
Google Haritalar İşaretçileri (PSD)
Bu çeşitli Google Harita Oluşturucular, tasarım koleksiyonunuzda bulunması gereken harika bir kaynak grubudur. Farklı şeyleri temsil ederler - bir restoran, telefon, gaz, havaalanı, tren istasyonu ve tamirci. Bunları katıştırılmış bir Google Haritasına uygulamak çok kolay!
Özel Slayt Gösterisi (PSD + CSS)
Bu özel slayt gösterisi hem PSD olarak sağlanır hem de CSS ve HTML'de tam olarak kodlanır. İnce gölgeler, kenarlıklar ve dokularla son derece basit bir tasarıma sahiptir. Kendi resimlerinizi, altyazılarınızı ve bilgilerinizi eklemek için birkaç ince ayar yapmak basittir. Zevk almak!
Bilgi Widget'ı (PSD)
Bu, bir blog yayını için başlık, yazar bilgileri, yorumlar ve beğenileri içeren küçük bir bilgi widget'ıdır. Kendi tasarımlarınıza entegre etmek için iyi organize edilmiş bir PSD dosyası olarak sunulur!
Yapışkan Not kağıdı (PSD)
“Yapışkan Notepaper” - çizgili kağıt, indirme düğmesi ve hepsini bir arada saran yapışkan bant içeren bir kağıt parçası! Gerçekten basit, ancak kendi not stili arayüzünüz için kullanışlı bir başlangıç noktası.
Windows 8 Metro Düğmeleri (CSS)
Metro tarzı, Windows 8 düğmeleri ve simgeleri seçimi. Hepsi HTML ve CSS kullanılarak kodlanmıştır, bu nedenle kendi tasarımınıza düşmek, renkleri özelleştirmek vb. Bir sonraki arayüzünüze biraz basit bir metro stili ekleyin!
Bildirim Merkezi kullanıcı arayüzü (PSD + CSS)
Bildirim stili arayüzünün çok yönlü bir PSD'si. Son bildirimlerin / mesajların açılır listesini, giriş / bağlantı penceresini ve daha fazla bilgi içeren açılır mesajları da içerir. Bir sonraki uygulamanız için potansiyel işlevsellik ile paketlenmiştir ve ayrıca tamamen kodlanmış bir CSS / HTML sürümü de ekledik. Zevk almak!
Zamanlayıcı Arayüzü (PSD)
Oynat / durdur / yeniden başlat düğmeleri, geri sayım basamakları, geçerli saat ve bazı basit OS X kromu ile şık bir geri sayım / kronometre / zamanlayıcı arayüzü.
Sarı abone kutusu (PSD)
Okuyucularınıza sitenize abone olmak için ihtiyaç duydukları bilgileri veren şık bir abonelik kutusu. Biri e-posta bülten aboneliği ve diğeri RSS için olmak üzere iki seçenek içerir. Temel renk sarıdır, ancak kendi tasarımınıza uyacak şekilde ince ayar yapmak kolaydır.
Spotify Mini Oynatıcı (PSD)
Spotify için şık bir mini oynatıcı arayüzü. Bir parça listesi, basit oynatma / ses seviyesi kontrolleri ve tam ekran bir grafik içerir. Spotify veya başka bir üçüncü taraf hizmeti için bir medya oynatıcıyı kullanmaya başlamak için mükemmel bir yol!
Onay İletişim Kutusu (PSD)
İnce bir degradeler ve dokular, bir başlık, kapat düğmesi, iki farklı düğme stili ve bazı açıklayıcı metinlerden oluşan güzel bir onay iletişim kutusu. Üzerinde inşa edilecek gerçekten muhteşem bir arayüz!
Bülten Kayıt Formu (PSD)
Posta listesinin açıklaması, ad ve e-posta adresi alanları, istenmeyen posta önleme iletisi ve göze çarpan bir “Katıl” düğmesi dahil ayrıntılı bir bülten kayıt formu PSD. Zevk almak!
Metro Twitter Yayını
Microsoft, basit "Metro" stilleriyle harika bir iş çıkarıyor ve bugün güzel bir Metro tarzı twitter feed'i sunuyoruz. Farklı tweet'ler, bağlantılar ve zamanlama için çeşitli durumlar içerir. Gerçekten harika bir küçük widget!
Pro Yönetici Arayüzü (PSD + CSS)
bu bir biz gerçekten aşk hakkında bir şey var! Çeşitli gezinme seçenekleri / bildirimleri ve bir içerik kutusu ile basit bir yönetim arayüzü tasarımının üst kısmıdır. Size orijinal PSD'yi sunmanın yanı sıra, hepsini sizin için CSS ve HTML'de kodlama sorununa da gittik. Zevk almak!
Bulanıklaştırma Giriş Formu (PSD)
Giriş formları zor olabilir. Basit olmaları, temel bilgileri aktarmaları ve biraz stil vermeleri gerekiyor. Bu, bazı güzel arayüz stilleri ve tipografi ile tüm doğru düğmelere basar. Zevk almak!
Günlük iPhone Uygulama Arayüzü (PSD + CSS)
PixelsDaily için korkak bir uygulama arayüzü oluşturmanın eğlenceli olacağını düşündük, sonra kullanmanız için ücretsiz verin! Hem tam kodlanmış bir HTML / CSS sürümü hem de bir PSD olarak sağlanır. Benzersiz olarak oluşturulmuş bazı iOS arayüz öğeleri, bir yazar alanı ve bir dizi kaynak küçük resmi vardır.
Popüler Nav Bar
PSD olarak sağlanan şık bir gezinti çubuğu. Dört farklı renkte geliyor ve bir sonraki web tasarım projenizin en üstüne mükemmel bir ek olabilir!
Ayarlar Paneli (PSD + CSS)
Bundan gerçekten memnunuz. Fırçalanmış metal arayüz elemanları / geçiş anahtarlarına sahip bir ayar paneli. Bu sadece her zamanki PSD formatında değil, aynı zamanda sizin için tamamen işlevsel bir HTML / CSS sürümü olarak kodladık!
Küçük Not (PSD)
Bunun hakkında kısa bir not. Bu bir not. Güzel, piksel mükemmel bir not. İnce bir arka planda, yakın / küçültme simgeleri, daha fazlasını okumak için bir bağlantı ve bazı hoş tipografi içeren bir kağıt "yığını" dır. Umarım faydalı bulursunuz!
vCard MiniSite (PSD + CSS)
Bu PSD formatında güzel bir minisite vCard. Sosyal medya profilleriniz için öğeler, bir avatar, küçük bir biyografi ve birisinin vCard'ınızın bir kopyasını indirmesi için bir "katlanmış köşe" içerir. Bir vCard web sitesi kurmak istiyorsanız, bu mükemmel bir yoldur! Animasyonlu bir köşe geçişi ile birlikte tam kodlanmış bir CSS ve HTML sürümü de ekledik. Zevk almak!
Tasarım Ajansı Düzeni (PSD)
Tam yüklü bir PSD dosyası olan bu grafik, bir tasarım ajansı veya portföy için şık ve profesyonel bir düzen içerir. Logonuz, navigasyonunuz, tanıtım metni alanı / videosu ve sunabileceğiniz bir dizi farklı “hizmet” için geniş bir alana sahiptir. Kendi ihtiyaçlarınıza göre özelleştirmek gerçekten çok kolay!
PHP Metro Jeneratör Web Uygulaması (CSS / PHP)
Bugün biraz farklı bir şey, bu benzersiz metro tarzı arayüzleri kolayca oluşturmanıza yardımcı olan bir PHP uygulamasıdır. Sadece sunucunuza bırakın ve denemek! Komut dosyasını çalıştırmak ve nasıl çalıştığını görmek için bunu bir web sunucusuna yüklemeniz gerekir.
Şık şerit (PSD)
3D görünümü ve hissine sahip dört (4) renkli şerit, dikenli dış desen ve kabının üzerine düşen şeridin etkisini oluşturmak için üst gölge. Kendi tasarımınıza entegre ederek eğlenin!
Kredi Kartı Formu (PSD + CSS)
Bu, kart numarası, türü, son kullanma tarihi ve CVV numaranız için alanlar içeren inanılmaz derecede kullanışlı bir kredi kartı bilgi formudur. Herhangi bir tasarıma dahil edilecek kadar basittir ve hem PSD olarak sağlanır hem de CSS / HTML tasarımı olarak tamamen kodlanır. Zevk almak!
Çeşitli Uyarı Kutuları (PSD + CSS)
Bu PSD'ye üç farklı uyarı kutusu stili dahildir - Yeşil bir “başarı” uyarısı, sarı bir “uyarı”… uyarısı ve kırmızı bir “hata” uyarısı! Ayrıca, bunlardan birini sizin için CSS ve HTML'de oluşturduk, sadece biraz zaman kazanmak için!
Lezzetli not defteri ve şerit (PSD)
Klasik çizgili / deri görünüm ve hissi ile basit bir not defteri Freebie ve kırmızı kurdele ayrıntı gelişir. Kendi tasarımlarınıza dahil edebilmeniz için iyi organize edilmiş bir PSD dosyası olarak sağlanmıştır!
Not Defteri Arabirimi (PSD)
En yeni Mac uygulamasından bir piksel mükemmel not defteri arayüzü oluşturduk! Kendi uygulama arayüzünüzü oluşturmak için harika bir temel.
Animasyonlu Düğmeler (CSS)
Bu çok güzel. Muhteşem bir animasyonlu düğmenin iki örneği - her ikisi de arka planda ince animasyonlar ve üzerine geldiğinizde bolca heyecan var! “Favori” ikonu, indirmenin dışarı çıkması ve ardından tekrar geri atması ile atan bir kalp şeklini alır. Onları kendiniz görmek için freebie'yi indirmeniz gerekecek - sadece bizim sözümüze güvenmeyin!
Yırtık Görevler Listesi (PSD)
Kağıt efekti, tamamlanmış görevler için onay kutuları, simgeleri silme ve yeni bir görev eklemek için bir düğme içeren “kopyalanmış” skeumorphic yapılacaklar listesi. Al, üzerine inşa et ve tadını çıkar! Basit katmanlı PSD dosyası olarak sağlanır.
Saat iOS Uygulama Simgesi (PSD)
Bir iOS uygulaması için tasarlanmış hoş bir kol saati / saat simgesi. Her bir iOS cihazı için uygun farklı boyutlarda sunulmaktadır ve sonucu istediğiniz gibi kullanmanızı isteriz!
Kağıt yığını (PSD)
Bir teklif, avatar, şık pin ve ince dokulu bir arka plan ile tamamlanmış güzel bir kağıt yığını. Arayüz tasarımı çalışmalarının keyifli bir parçası ve umarız beğenirsiniz!
Sonuç
Bu öğelerin çoğu karmaşık düzenler ve uygulamalar oluşturmak için mükemmeldir. Mobil tasarımcılar özellikle düğmeler ve not defterleri gibi estetik parçaların tadını çıkaracaklar. Ama bence bu freebies seti yeni yıla güçlü bir başlangıç sunuyor. Emin olun ve 2013 boyunca yeni sürümler için güncel tutun.
