Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Çizilen tasarım ile kodlanan tasarımın farkı?

 11 Mesajlar 1.841 Okunma
lstbozum
tr.link

#1
oguzhan oguzhan WM Aracı Kullanıcı
  • Üyelik 22.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad O** T**
  • Mesajlar 1201
  • Beğeniler 310 / 296
  • Ticaret 2, (%100)
Photoshop ile çizdiğim tasarımı aynı şekilde php, html, css olarak uyarlıyorum siteme. Aynı fontları yükleyip aynı görselleri aynı boyutları kullanıyorum. Ama nedense üst kısımdaki siyah menünün fontları çizdiğim gibi hoş durmuyor, biraz itici duruyor. Farkı anlamanız için şöyle gösterim:



üstteki görsel Photoshop ile çizdiğim alttaki ise aynı tasarımı html, css uyarlaması. web-font ile aynı fontları kullanıyorum aynı boyutu ve rengi kullanıyorum yinede kaba ve itici duruyor. sebebi ne acaba? Photoshopta degrade, iç ışıma gibi csste yapamayacağım efektler vermedim sadece text-shadow var.
 

 

wmaraci
reklam

#2
portal portal https://portalciyiz.com Kullanıcı
  • Üyelik 30.10.2015
  • Yaş/Cinsiyet 29 / E
  • Meslek Webmaster
  • Konum Bursa
  • Ad Soyad Y** Ö**
  • Mesajlar 689
  • Beğeniler 101 / 288
  • Ticaret 14, (%100)
Alttaki daha kalın gözüküyor font büyüklüğündende olabilir ve rengide üsttekine göre daha açık. Menü yazı fontunu #c0c1c2 yapın birazda küçültün belki daha çok benzer
 

 

#3
oguzhan oguzhan WM Aracı Kullanıcı
  • Üyelik 22.06.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum Adana
  • Ad Soyad O** T**
  • Mesajlar 1201
  • Beğeniler 310 / 296
  • Ticaret 2, (%100)
portal fontu bold'tayken semibolda düşürüp gölgesini azalttım. biraz göz yoruculuğu gitti ama nedense photoshopta yazılar yumuşakken kodlamaya geçince sertleşiyor :D html'le css'in genel yapısı böyle sanırım.
 

 

#4
YORci YORci yorci.com Kullanıcı
  • Üyelik 06.02.2016
  • Yaş/Cinsiyet 29 / E
  • Meslek Arkaplan Yazılım
  • Konum Ankara
  • Ad Soyad I** Y**
  • Mesajlar 261
  • Beğeniler 88 / 127
  • Ticaret 21, (%100)
Bana renk ve font farklı gibi geldi sanki, font'u doğru eklediğinizden eminseniz aşağıdaki css kodunu yazıları yumuşatmak için kullanabilirsiniz.


html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
 

 

wmaraci
wmaraci

#5
muhammetdemirel muhammetdemirel Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 24.10.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Muğla
  • Ad Soyad M** D**
  • Mesajlar 302
  • Beğeniler 109 / 73
  • Ticaret 0, (%0)
photoshop da o yazının css kodlarını isteyin :D böyle bir özelliği var
 

 

#6
Bonimax Bonimax Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 10.08.2014
  • Yaş/Cinsiyet 36 / E
  • Meslek Öğrenci
  • Konum Kocaeli
  • Ad Soyad C** G**
  • Mesajlar 271
  • Beğeniler 196 / 71
  • Ticaret 2, (%100)
Photoshopta çizduiğimiz şeyi css olarak nasıl çeviriyoruz ?
 

 

#7
brown brown WM Aracı Kullanıcı
  • Üyelik 28.10.2013
  • Yaş/Cinsiyet 25 / E
  • Meslek öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad H** E**
  • Mesajlar 1748
  • Beğeniler 385 / 385
  • Ticaret 27, (%96)

Bonimax adlı üyeden alıntı

Photoshopta çizduiğimiz şeyi css olarak nasıl çeviriyoruz ?


http://css3ps.com/
Bonimax

kişi bu mesajı beğendi.

#8
bypangea bypangea Dert Etme Dua Et Kullanıcı
  • Üyelik 23.05.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum Şanlıurfa
  • Ad Soyad A** T**
  • Mesajlar 561
  • Beğeniler 204 / 125
  • Ticaret 6, (%100)
Alttakinin fontunu biraz küçültün ve rengini biraz daha gri yaparsanız aynısı olacaktır.
 

 

#9
ontedi ontedi www.ontedi.com Kullanıcı
  • Üyelik 03.10.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Yazılım Uzmanı, Matematikçi
  • Konum Ankara
  • Ad Soyad S** T**
  • Mesajlar 1118
  • Beğeniler 325 / 324
  • Ticaret 2, (%100)
Hocam, css'te öncelik olarak reset (sıfırlama) kullanın daha sonra css yazın. Yoksa browser (tarayıcının) okuma değerlerine göre farklılıklar gösterebilir.
 

 

www.ontedi.com
www.cizgi.site

#10
xFeyz xFeyz creative solutions Kullanıcı
  • Üyelik 05.02.2014
  • Yaş/Cinsiyet 28 / E
  • Meslek developer
  • Konum Bursa
  • Ad Soyad F** Ö**
  • Mesajlar 704
  • Beğeniler 195 / 222
  • Ticaret 8, (%100)
iki arkadaşın da yazdıklarını uygula, sorunun çözülmesi gerekli.

ontedi adlı üyeden alıntı

Hocam, css'te öncelik olarak reset (sıfırlama) kullanın daha sonra css yazın. Yoksa browser (tarayıcının) okuma değerlerine göre farklılıklar gösterebilir.


YORÇI adlı üyeden alıntı

Bana renk ve font farklı gibi geldi sanki, font'u doğru eklediğinizden eminseniz aşağıdaki css kodunu yazıları yumuşatmak için kullanabilirsiniz.


html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
 

 

EFSANE! | omerbeyoglu.me
İçeriğe (content) göre css nasıl yapılır?
İletişim formunda hata nedeni
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al