15 Temmuz 2015, ÇARŞAMBA

#8 Css Düzenleri Kroki Bölüm 3 - Düzen Prototipler

Bununla tamam nereye devam edeceğiz bugün turist ve yalayıp yutmak diyor Biz kroki kullanarak bıraktığınız Esnek düzen kroki 3 eklenti ve kullanabileceğiniz nasıl seni göstermek konum senin tasarım için düzen göstergeleri olarak prototipler Bu desenleri yeniden sonra bir kez şeyleri tasarım ve bu şekilde ve biz size farklı düzenler ve desenleri uygulayabilirsiniz görebilirsiniz İki farklı görsel stiller de bu yüzden hemen başlayalım check it out do son video biz o burada okudum Arstan yaptın biz için kullandığınız bu metin vardı go ahead üzerine kentte şimdi bu düzenini tanımlamak ve sad

ece basit silin Şimdi sen, stat sayfasını yanı sıra, bu protesto da olabilir tam olarak ne olup bittiğini yüzün üzerinde sokaklar bu nedenle burada bu protestocular biz iPhone Biz bu burada doğdu bilinen olduğunuz

bir düzen, yeni bir hale getirmek için Bu havaalanında kötü yağmur meydan gidiyor vardır kalp bu belge için stilleri tamam bu kadar yol biz sadece bir havaalanı oluşturarak bunu ve gerçekten herhangi b

“Bu videoda, ben otomatik yatay ve dikey düzenleri için bir prototip çalışma yüzeyini kullanarak Sketch düzenleri tanımlamak için nasıl göstereceğim. Bu oyun değiş...”
LevelUpTuts

ir boyutta olabilir Bunu istiyorum ne olursa olsun bingo bir isim vardı Eğer prototip tam olarak ne bildirmek deniz koruyorsun nerede bunu yapabilirsiniz nereye seviyorum koyabilirsiniz çünkü Durum Ben satır içinde bu rosen her biri için düzen stilleri seviyorum Kap yani tek prototip bunu biz yapacağız aslında konum birden içine kayma nerede hem de biraz olacak edildi Biz içermek zorunda gidiyoruz sadece konteyner için kazanmış başla

#8 Css Düzenleri Kroki Bölüm 3 - Düzen Prototipler Resim 1 #8 Css Düzenleri Kroki Bölüm 3 - Düzen Prototipler Resim 2 #8 Css Düzenleri Kroki Bölüm 3 - Düzen Prototipler Resim 3 #8 Css Düzenleri Kroki Bölüm 3 - Düzen Prototipler Resim 4

yın bu yüzden en önde gidelim olan tüm konteynerler stilleri ve Bu şunlardır sıkılmış kabı isim şimdi gerçekten bir şey yapmaz konteyner adlandırma ama şimdi olacak do iç konteyner ile yeni bir grup oluşturmak olduğunu konum ve içine bir olması için gidiyoruz dikdörtgen bazı özelliklerini belirlemek için gidiyor o Bu yüzden ileride gidelim ve bazıları için bir dikdörtgen olacak isim Her şey olacak bir kare yapamaz hale ve komut gns bir gruba yapmak do net değilim şimdi ben bu önemli olduğunu biliyorum bu isim gidiyor

um bu proto tipi adlandırılacak gidiyor gibi pek ardından şimdi sınıf olacak pro almak biz olmak istedim çünkü eklenecek gidiyor konteyner Biz dönem konteyner K söyleyeceğini Bu klasör içinde şimdi her şey Bir değiştirme için gitmiyor İçeri burada Dow başka grup var olsaydı konteyner şimdi kendisi Onlar kap içinde yuvalanmış çünkü bu gül satır Prototip nokta yapmak zorunda kalmadan aldı alacağı Satır ama biz ayrı görmek yapacaksın görünebilir yapmak konum Biz önde ve sadece merak sınırları gitmek için burada dikdörtgen sona böylece biz sadece bu dikdörtgenler neler yapabileceğini şimdi burada bir kare var ve Kullanabileceğimiz olarak biz kalırsa biz şimdi bu adlandırabilirsiniz olduğunu işareti ilk ve sonra biz Bu dikdörtgen belirtmek istiyorum özelliğinin kullanıcı adı o yüzden biz bu marjları olmak istedim diyelim biz bu konteyner yapılan hatırlıyorum olduğunu olmak dört kadın 15 resimler bir marj tüm yol etrafında biz söylemek böylece var at Bu dikdörtgenin için şimdi marj XO yapacağız devam edin ve genişliğini ve yüksekliğini tanımlamak konum elli tarafından 15 olarak biraz bu yüzden hazırlıklı Ben bunu 15 ile 15 vermek ve biz bu var Şimdi bu basın kendi stilinizi yapmanın kendi yolunu tanımlayabilirsiniz burada küp şeyleri ben en ben sizi taklit sanıyordum diyelim Gerçekten olmak marjları gibi bu dikdörtgen belki istiyorsun şeffaf, kırmızı ya da bir şey tarafından merkezi olması olurdu selam doldurup en kırmızı içine bu yapalım değiştirmek ve Sadece yapmak şeffaf Excel ve biz orada neler yapabileceğini, çünkü biz aslında başka bir dikdörtgen koyabilirsiniz burada bazı içerik koymak olmasıdır İşte ve istediğimiz bile eylem görmek için Burada bu dikdörtgen iman ve sadece bu prototip kendisi bu dikdörtgen olması için vardı o çünkü gerçekten bir şey yapmaz o işareti bir verilen varlık değil ve Andy özelliği çok Bu çalışma şekli bu dat kabı görmek için gidiyor olmasıdır ve bu koruma ben konteynerine buraya kadar gelebilir ve gördüğü işareti bir olan bir şey için etrafa bakmak marjı azından boyutları onbeş onbeş cinsindendir görür onbeş farkla onbeş uygulamak bilir biz yapmak olsaydı şimdi bu çevresindeki tüm yol Kontrol komutu L Bir sürü şeyler görürsünüz eskisi gibi yaptık Bunu bu kare oldukça çok şey biliyorum artık boyutlara sahip gerekiyordu pazar olanlar var boyutlara sahiptir boyutları bulmak Robert Hava Cess tarafından özü iki devletli arka plan dikdörtgen gerçekten kilo ve boy ve her şeyi o kadar tanımlamak için bu CSS ihtiyacı oldu Bu geçmesi ve bir çok şey görebilirsiniz Bu ağırlık ve yükseklik 20 ama Elimizdeki tek şey bu kabın olduğunu bir marj var % uh 15 piksel o yönü şeyler çalışıyorlardı bu yüzden doğru ama hala komutları burada içinde atalım ve artık beni korumak için geçelim Armani yapacak satır başka yapmak olduğunu böylece biz sadece bir yapabileceğimiz Teri din içindir ve şimdi daha çok zaman var bilmek istiyor yaşları Büyük biraz yapmak adlandırmak o yazdı ve bu tutarak Ben kolay altında hareketli ve en önde gidelim ve yeni yapmak konum hatırlıyorum bro dikdörtgen yine ben şimdi bu sefer buna Manje ve bu yapıyorum İçerik proto tipi ve sonra uzay dönemini olacak kardeşim şimdi bu bize başka bir özel yardımı olduğunu biliyorum icar ve şişmiş bro sınıfı ile be katmanları bakarak biz istedik hatırlıyorum eğer şimdi burada amaçlanan Bu belli bir zekâ biz olmak istedim yol olmak 345 piksel genişliğinde yüzden biz bu dikdörtgen alabilir Biz sınırları açabilirsiniz duruşmayı tekrarlamak ve biz 345 piksel genişliğinde yapabilir Burada bazı oda var ve bu yüzden tüm bu kurul çok geniş pikselleri sipariş yapmak ve tamam üzerinden bu geçelim yüzden bu dikdörtgen var onun 345 piksel genişliğinde ve biz sadece söyleyebiliriz ve şimdi üzerine azından yapıyor Ben görürdünüz kontrol komutu tell değilim Gül böyle hareket etmemesi ve biz istedik bu geçmesine olduğunu Gerçek tüm boyutları bu sadece 22 piksel yüksek yükseldi kazandı söyleyebilirim Eğer aslında olacak bu dikdörtgenin bu boyut alacak boyutta söyleyebiliriz ve satıra uygulanmasını biz biz sadece gidiyoruz tavsiye sadece söylemek wyd kadar at ile öylesine yapmak ve sonra ben bir kopyasını aslında ben başka bir dikdörtgen yapabilirsiniz Burada bu kırmızı ve onbeş tarafından onbeş beri zaten biz devam edebilir ve bu herhangi bir başında ve belki demek Şuna en doğru klasöre içine bu geçelim Gertha Biz kenarında var outro korumak için eski yüzden niyet ama biz bu sadece margin-bottom olmak istiyorum: bu yüzden marjı yapabiliriz ama çok hastalıklı ve deve durumda daha önce olduğu gibi bu kullanmak için gidiş değil margin-bottom: ve bu yüzden yolu var ve biz hiç margin-bottom var: Şimdi başka ne şimdi biz aslında can burada ihtiyacım var ve bazı stil özelliklerinin yanı sıra metin katmanında yani Daha önce bir esnek özelliklere sahipti Böyle oldu Lastik eylem ve esnek yönünü var büyümeye eşit yani Unisys metin katmanı yoğun olmak zorundadır Diğer ve yapım prototip bir S stilleri bu yeniden adlandırmak bu yüzden Lookit gidiyor onun hikayeleri var Biz o özellik callin ediyor olamaz var bizim stilleri Size virgül de o kadar sarın ve sonra margin-bottom olabilir: Hangi Kevin F onbeş piksel ve biz her satır için bir kötü var Şimdi biz burada üzerimize düşeni 8 öğeleri vermek istiyorum bazı sitelerini go ahead ve Kızıl Meydan olduğunu buluştu yapalım onlara vermek istiyorum Bir hareket başka bir yol olarak Burada ve eğer daire ile bu biraz daha büyük şimdi bakana yapmak Bir daire kırk kırk oldu konum olacak sadece bir korkunç hakkı gibi her türlü boyutları sizi bunu make diyor şimdi Manjit Bu klasörün yeniden adlandırmak edelim yeni bir grup torrent yapma o ve bu biz ne olduğunu korur olarak Aslında bu klasörde açmak bu yüzden biz bu onun adıydı yapabilirsiniz dot fotoğraf böylece biz sadece bu klasörü sadece adlandırılır olabilir dot fotoğraf öyle düşünüyorum ve şimdi bilmek gidiyor Bu klasöre ve ardından bakmak için bu fotoğrafı karşılaştığında biz önde gitmek ve yapmak, böylece buradan özelliklerini kontrol bir Boyut 1 nedenle bu boyutta olacak Biz Evet'i seçin ve ona 40 en iyi 40 var olacaksın ve ben de o biraz öne yapmak oldu tabii bu ölçü şeyleri onlara maç yapmak olabilir yapabilirsiniz mükemmel bir şekilde nesneleri ve aslında bunu tamam bu yüzden şimdi fotoğraf bu toplam boyutta kapma var ve biz de bu fotoğrafı içinde burada başka dikdörtgen eğlendirmek olabilir ve biz bu adlandırabilir marj oranları ve marj oranı en yapalım sadece 10 piksel mümkün olacak Bu yolu 10 piksel sen o kadar değil burada biraz soyut görebilirsiniz diyor basit sadece basit bunları yaptırmayı olarak ancak Ben size komut kontrol ne zaman anladınız lol Şimdi gitmek bu bilgiyi kullanıyor o şekil almaya başlayan bkz çok iyi biz bunu burada ne sorunu bilmek soyut ilk aslında benziyor yapmayın biz burada bizim satırı Gül doğru boyutta var ve bu yüzden sonuçta ama o değil gerçekten doğru yükseklik Bu olsa bile, böylece sonunda kavga yaklaşık 60 piksel olmak Sadece kendisi ile ölçüm en önde gidelim ve bu 60 piksel çini yapmak şimdi ve o da öncesinde bir satır hatırladı o bütün etrafında yeterli tentacles olmuştu böylece yerine buradan en başka dikdörtgen yapalım ve en 10 tarafından 10 yapalım 10 10 bu boy ve kilo kullanarak olacak çünkü ve bu nedenle bu belirleyebilir sarı gibi bu bir şey yapmak için gidiyordu Bu aslında İstediğiniz her türlü renk beni doldurma alabilir ve biz bunu yer almaktadır yeniden adlandırmak için gidiyoruz hey K ve irade korumak outro dans etmek Biz istiyorsa OKC bu nasıl oluyor görebilirsiniz esnek gece gibi gelişmiş daha biz o zaman bir klasör olacaktır isim olurdu Daha önce vardı alan ile özellikleri daha önce de vardı ve size söyleyebilirim Biz şeyler tabii ki kendi yolunda olan komut lol kontrol ne zaman Biz marjı ihtiyacımız Burada biz denemek gerekir ve ben edeceğiz ama onun eğer öyleyse bu stilleri tanımlayan biz burada yapılan prototip Oldukça stilleri bulmak için Gördüğünüz gibi burada var okul olduğunu biz grubuna kadar tüm bu koruma satır olsaydı Burada başka bir klasörde yüzden şimdi prototip satır var biz olsaydı bu burada yanlısı bant sözcüğü kaldırmak ve endişeler ortaya Burada konteyner dürüst burada konteyner oranı prototip tanımlamak vardır Sadece biz tanımlanan vardır Ben aslında grad gidiyor Burada yüzden onların do bakalım Komuta Kontrol Bu kabın at Angeles söyle anında bu tarz oluyor sen uzakta 15 15 15 olduğunu gördüğünüz gibi esans havaalanı onun aynı sadece biraz daha büyük Haftasonu düzeltme burada birlikte 375 olarak aynı boyutta yaparak bu yüzden önde gidelim ve 375 bunu tamam biz bile aynı arka plan rengini yapabilir ve o yardımcı olmalıdır Bu merkez alanını vermek için artık sadece bir kontrollü mandel şeyler iddialı mekik ve o yolu nasıl taşıyabilirsiniz biz onu istediğiniz yere sahip ve şimdi biz alıyoruz demek Bu kaplar olarak mesafede itiraz 0 ve istediğiniz gibi korumak, onun birçok granül ile aşağı basamaklı tutabilir tek şeyi yuvalama kendini sadece sadece korumak tüm dahilinde ya da bunu yapabilir Bu özel bir kap gibi bir şey altında ben bu dediğim gibi protestocu yaklaşık olarak basit değil ama gerçekten Diğer tekneler süper güç millet belki bir kez ve daha sonra oynamak ve mantıklı tasarımlar Eğer sadece tamamen o gördüğünüz gibi bu tweet olabilir ve komuta hit biri tasarım% uygulamak zorunda ah tüm satırlar ve sütunlar ama her yolu boyunca Serin yüzden bu kroki esnek olduğunu Yeni Duke İnningler 'N. kelime içine kabuklarını prototip Aslında benim gibi o kaldırabilirsiniz mutlu tercihleri ​​ve sonra biz katmanlara gelebilir ve sonra Dük Görüşürüz değiştirildi onların yol wiki mutlu kelime için gitmiyor emin olun Bir kahraman gibi bir şey yapmak biz Euro içine bir delik yapabilirsiniz komuta ve komuta kontrol cehennem yapmak ve böylece oldu adlandırmak zorunda kalmadan onları sahip olduğunu görebilirsiniz süper verimli ve biz şimdi bir bahanesi var Her zaman lazım aşk hikayeleri gibi herhangi bir sorunuz varsa veya olabilir comments eğer senin Facebook'a ben öğreticiler sizden duymak için seviyorum seviye yukarı ulaştığında izliyor ve biz bir sonraki I görürsünüz için teşekkürler.

Açıklama

Bu videoda, ben otomatik yatay ve dikey düzenleri için bir prototip çalışma yüzeyini kullanarak Sketch düzenleri tanımlamak için nasıl göstereceğim. Bu oyun değişen bir işlevdir. https://github.com/hrescak/Sketch-Flex-Layout En iyi paylaşılan web hosting http://www.bluehost.com/track/leveluptutorials/ Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Level Up Haber Bülteni Abone http://eepurl.com/AWjGz Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations Geliştiriciler için inşa basit bulut barındırma, .: https://www.digitalocean.com/?refcode=67357174b09e

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



10/10

  • 11
    Olumlu
  • 0
    Olumsuz
  • 2
    Yorum
  • 1656
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • DONFANTASTICKYPESS

    DONFANTASTIC

    1 Temmuz 2007
  • Eddie Bravo

    Eddie Bravo

    17 EKİM 2006
  • Tire Rack

    Tire Rack

    31 Mayıs 2007

ANKET



Bu sayfa işinize yaradı mı?