Elma tarzında html. "Apple tarzında" nedir? DAHA AZ nedir

Apple kültü kimseyi yalnız bırakmaz ve şu gerçeğe hayret edelim: Apple'ın popülaritesindeki en önemli faktörlerden biri benzersiz tasarımıdır. Apple tarafından California'da Tasarlanan kitap, tasarımcıların ürünlerine nasıl birer sanat eseri gibi yaklaştıklarını açıkça göstermektedir.



Cupertino, California - 16 Sonbahar, Apple, "Tasarımcı Apple in California" başlıklı yeni bir ciltli kitabın yayınlandığını duyurdu. iMac (1998) ile başlayan ve Apple Pencil (2015) ile biten, şirketin geçmiş ve mevcut ürünlerinin 450 fotoğrafında yirmi yıllık tasarım yeniliği sergilendi. Kitap 8 yıl önce yazılmış ve Steve Jobs'un anısına ithaf edilmiştir.


John Ive, "Steve'i en başından beri motive eden insanlar için önemli bir şey yaratma fikri, bu düşünce, Apple'ın gelecekte çökeceği idealimiz ve hedefimizdir" dedi.



"Designed by Apple in California", çeşitli alanlardaki zengin tasarımcı ve kolaylaştırıcı grupları arasındaki yakın işbirliğinin sonucudur. Kitabın, insanlara Apple'ın ürünlerinin neden buna dayandığını anlamalarını sağlayacağını umuyoruz. Bu fotoğraflar Endriu Zuckerman tarafından "kasıtlı olarak mütevazi bir tarz" olarak tanımlanan bir teknikle çekilmiştir. İşaretler, ürünlerin yanı sıra tasarım sürecinin ayrıntılarını da gösterir.



Bu kitap tasarımla ilgilidir, ancak tasarımcıların kendileri, yaratıcı süreç veya ürünün gelişimi ile ilgili değildir. Vaughn, Apple tasarımının stilini, imajını ve ideolojisini nesnel olarak yansıtır. Pek çok ürün makul, basit ve mantıklı görünüyor, ancak makul bir alternatif düşünemezsiniz. Cilt için, vin zrobleniy gibi enstrümanın tasarımına düşünce ekleyeceğim.

“Tasarımcılar gibi biz de gelecekte yaşıyoruz, daha önce öldürmüş olanları ve henüz mezara ulaşmadıkları gerçeğine düşenleri seviyoruz”



"20 yılı aşkın bir süredir uykulu çalışmayla edindiğimiz en önemli konuşmalardan biri, tek başına dinleme ihtiyacıdır, çünkü en iyi fikirler çoğunlukla daha sessiz konuşanlar tarafından verilir."




Apple tarafından California'da tasarlanan iki boyutta mevcuttur: küçük (25,9 x 32,4 cm) 199 ABD doları ve büyük (33 x 40,6 cm) 299 ABD doları. Vaughn, kenarları mat buruşmuş özel bir zabarvlennya'dan özel olarak yapılmış bir kağıt üzerinde geçersiz kılındı. Yalnızca Apple.com'da Amerika Birleşik Devletleri, Avustralya, Büyük Britanya, Almanya, Hong Kong, Kore, Fransa, Japonya, Tayvan ve diğer Apple Mağazalarında satılır.

Gelecekteki bir siteye olan düşkünlüklerini açıklayan birçok müşteri, kendilerini açıkça ifade ediyor: “Ben Apple stili istiyorum!”. Bir düşüncede, böyle bir sonuç daha ayrıntılı bilgi verebilir, tüm noktaları “i” nin üzerine koyabilir ve belirsizliği kapatabilir. Ale, her şey doğru, daha da katlanmış. Belki bir kişiyi Apple tarzında etkilemek için - yeni bir tabletin, basit bir iPhone kutusunun veya Apple web sitesinin kendisinin sunumu. İlk olarak, tamamen yaratıcı, görünüşe göre “Apple tarzından öğrenmek”, müşterinin kendisi bunun gerçekten ne anlama geldiğini bilmiyor. Belki de neyin kontrol edileceğini tahmin etmeyen talihsiz bir vikonavtsyu nasıl olabilirsiniz?

Büyümeye çalışalım!

Elma İlkesi

Apple'ın yaklaşımı daha da basit bir ilkeye dayanıyor - üzerinde bir avuç çalışma yapmadan iyi bir ürün üzerinde çalışamazsınız. Daha büyük bir eşit üzerinde vikona etmek için her şey gereklidir. Yeni bir telefonu piyasaya sürerken, ekranınızın olağanüstü parlaklığına ve sarsılmaz bir binadaki yanıp sönen çatlaklar ve görkemli bir reklam panosunda özür dileyen bir reklam sloganı gibi düşük fiyatına güvenemezsiniz.

"Eh, metin yazarlığından kurtuldular - metin satmıyoruz, telefon satıyoruz" - daha fazla düşünün.

Ale, bütün mesele bu! Apple'ın bakış açısından, ürünleriyle ilgili bilgiler daha önce iPod'unuz için şarkı söylediğiniz gibi duyuruldu ve bu nedenle bu dilde önemsiz bir unsur yok. Sadece teknoloji değil, sadece paketleme değil, reklam, vitrin, web sitesi ve sitedeki metinler. Burada önemsiz unsurlar yoktur. Ve "ambalajın kendisi tüm hikayeyi anlatabilir." Açıkçası, önce "Apple stili" hakkında bilgi edinelim - bu, tüm çalışanlar için titiz bir saygıdır.

Apple ürünlerinin bir diğer önemli özelliği de şık sadeliğidir. Vaughn Apple önemli bir rol oynuyor.

“Sadeliğin iyi olmasını neden önemsiyoruz? Bunun için, nesnelerle doğru bir şekilde yapabiliyorsak, o zaman onlara ne umursadığımızı düşünmek önemlidir.

Üçüncü kritik öneme sahip özellik ise ayrıntılardır. Bahsetmediğiniz, ancak yine de Apple ürünleriyle aynı şekilde günlük rahatlığı yaratan tüm bu fırfırlar - geçiş animasyonları, sesler, hissedebileceğiniz gibi, ses seviyesini ayarlama, neredeyse pürüzsüzlük, zenginlerin diğer yüzü.

Ama şimdiye kadar anlattığım her şey yine de üretime değerdi. Ve birincil uygulamamızda, bir web sitesi oluşturmakla ilgiliydi. Web tasarımına nasıl başlanır? Yemekle ilgili daha fazla bilgi için Apple'ın web sitesine bir göz atalım ve yenilerde nasıl stilistik yaklaşımlar ve vikoristani olduğunu anlamaya çalışalım.

Haydi

Fotoğraf ve illüstrasyon

Apple'ın web sitesine baktığınızda yapmanız gereken ilk şey ürünlerin fotoğrafları. Görünüşte doğru, bu fotoğrafların işin yarısını uzun bir “Vay canına!” çığlığıyla kendi üzerlerine çekmesine saygı duyuyorum. vidvіduvacha'da. Tüm kokular harika, parlak, aynı tarzda vikonan ve tüm detaylara bakmanıza izin veriyor.

Fotoğrafın büyüsü. Diyakozların "köşeleri yuvarlatılmış muhteşem bir bar" sözlerinin arkasında, ancak şarabın bu tür fotoğraflarında bir istifleme var.

Povіtryanіst bu temizlik

Bizim için başlangıç ​​noktası hafiflik olacak - yandaki elemanlar rahat ve konforlu, Beyaz arkaplan içerik alanı hafif olarak kabul edilir. Ve tüm tarafın genişlediği düşmanlığı suçlamamak için - hafif bir çerçeveden açık gri bir arka plan seçiyorum.

yazı tipi

Apple web sitesinde, başlıklar için ikiden az Adobe Myriad yazı tipi ve standart MacOS X yazı tipi Lucida Grande vardır. Saldırgan kulaklıklar - suvori ve modern ruban yazı tipleri, sanki sadece şımarık minimalist stili geliştiriyorlar. Karakteristik olan, yüksek kalite alıştırması mevcut ve burada - bajan aracılığıyla, böylece sitedeki harika manşetlerin herhangi bir akılda güzel olduğu garanti edildi, Apple metin değil, resim yazmak için hacklendi.

Apple'da yazı tiplerini kurnazca sahnelemek Steve Jobs için de bir guatrdır - hatta dahası, üniversiteye gittiğinden beri, aralarında farklı kurslara gitti - hat üzerine bir ders kursu.

yuvarlak kuti

Ayrıca sitede ünlü insanlar (onlar olmadan ne kadar!) yuvarlak kuti var. Koku kelimenin tam anlamıyla her yerde! Ne günah - bazen iPhone'un muzaffer yuvarlak kutochkiv geleneğini sürdürmek için icatlardan daha fazlası olması mümkündür.

Yuvarlatılmış kıvrımlar - telefonun gövdesinde, eklenti simgeleri ve "Ana Sayfa" düğmesinde gezinme.

etkili

Bir sonraki nokta, Aqua'yı derecelendiren vіdblіskіv etkileri için aynıdır. Arka Dinlenme saatiŞimdi sitedeki numara biraz değişti. Bir çeşit kremsi elemente yapılan vurguyu arttırmak için, koku sıklıkla vurgulanır.

Apple web sitesinde ana menü. Ünlü Aqua stiline bir övgü - Scott Forstall'ın tanıtımından sonra, minimalizm giderek skeomorfizm ve karamel efektlerinin gölgesinde kalıyor.

İçerik

Apple siteye, metne ve gönderiye daha az saygı göstermedi. Bu özelliği ile “Şirket Hakkında” dağıtılan sevilen bagatmanın bu sitede öne çıkan ürünlerin ürünler olması açısından önemini göz önünde bulundurabilirsiniz.

Mevcut efektler

Çoğu zaman, sitede muzaffer animasyon veya diğer benzer efektler başlatırlar - dinamikler ekler, yeni bir dünyada avantajlar gösterirler veya çalışma prensibini ve benzer ayrıntıları anlamaya yardımcı olurlar.

Her şey?

Açıkçası, böyle bir pidhid, ayrıştırma yapılmadan tüm siteler için kazanılamaz. Sunumlar ve promosyon siteleri için aynı yerdir. Dahası, sadece görsel referans noktaları arayarak stili tekrar edemezsiniz. Site sağlıklı, bitmiş bir üründür, bu fikir sevgisiyle yüksek düzeyde kutlanabilen bir deri yaratım aşamasıdır.

Aşamalardan sadece birinin yetersiz çalışması, “Apple stilinin” trend büyüsünü anında patlatır.

Yukarıda açıklanan yöntemlerin seçimi, güzel, temiz ve modern bir tasarım oluşturmanıza yardımcı olur, ancak yaratımın diğer aşamalarını öğrenmenize yardımcı olmaz - okuryazar metinler yazmak ve bunları gerekli miktarlarda kullanmak, video sunumları ve yüksek kaliteli fotoğraflar oluşturmak .

Apple tarzında web tasarımı, 1996'dan başlayarak uzun yıllar içinde gelişti ve gelişti. Adından da anlaşılacağı gibi, tasarım fikri Apple Corporation'a aittir: bu stil, tüm web sitesine ve ürün arayüzüne sahiptir. Sitenin Apple tarzında tasarımı, geniş bir popülerlik, minimalizm ve belirli bir ürüne saygının vurgulanması kazandı.

Apple tarzında site tasarımının karakteristik özellikleri

  1. Elementlerin bileşiminde Suvora hiyerarşisi. Ana öncelik, ürünün imajıdır. Fotoğraf yüksek kalitede, net, büyük, yan tarafın ortasına yerleştirilmiş ve büyük bir boşluk hissi veriyor. Minimalizmin en iyi geleneklerinde.
  2. Renk paleti kural olarak üç renkten oluşur: siyah, beyaz, gri. Aynı zamanda, degradeler, gölgeler ve obsyagu iletme yolları düz stilde yaygın olarak kullanılmaktadır.
  3. Karakteristik yazı tipleri. Başlıklar Adobe Myriad tarafından, geleneksel metin Lucida Grande tarafından tasarlanmıştır.
  4. İçerik. Üzerinde baş tarafı site - minimum bilgi. Rapor açıklaması kenarda suçladı. Aşırı zorlamanın belirgin etkisi. Koristuvach, cıvıldamak gibi bilgileri kendisi toplar.
  5. Teknik özellikler. Mevcut tasarım standartlarını benimseyen, HTML 5'e yönelik Apple tasarımı. Apple'ın resmi web sitesinde, prensip olarak Flash kullanılmamaktadır.

Hangi web siteleri için uygundur?

Apple stili, mal ve hizmetleri sunmak için ideal bir yola sahiptir. Bu tarz genellikle çevrimiçi mağazalar, promosyon siteleri, kurslardan şiddet içermeyen satışlara kadar her tür ürüne atanırken kullanılır. Eksen, yazılıma ayrılmış web siteleri için Apple tarzı tasarımda şöyle görünür:
    • Jumsoft http://www.jumsoft.com/money/
    • Versionsapp https://versionsapp.com/
Bu sitelerin tasarımı için stilin renkleri karakteristiktir - gri, siyah, beyaz. Zavdyaki tsomu navigasyon menüsü pratikte dikkat çekici değil. Koristuvach'ın saygısı, görüntülerin barvistim'i olan yaskravim tarafından sunulan ürüne eklenmiştir. Ek kontrastlar için satın alma düğmeleri vardı. Gönderilerin içeriği kısadır, yapılandırılmıştır ve beraberindeki simgeler bir görüntüye sahiptir. Tasarım hacmi, ayna efektleri, gölge. Bilgi portalları, bloglar, portföyler ve yaratıcılığa adanmış siteler için Apple'ın tarzı değil.

Bir zamanlar Apple, basit ve kullanımı kolay ürünleri akıllıca geliştirmesiyle ünlüydü. Vaughn, sezgisel olarak kavrayabilen, sezgisel olarak anlaşılabilen, erişilebilir ve seçilebilen grafik arayüzün şampiyonuydu. Bu chi іnsha operasyonunu yaptıktan sonra, insanlar her zaman mantıklı geri bildirimler aldı ve sonuç doğru değilmiş gibi her şeyi söyleyemem.

Tüm tsomu priyshov kіnets'e Ale. Artık Apple ürünlerinin daha iyi göründüğünden bağımsız olarak, bu modern güzelliğin küçük bir fiyatı var. Tasarımın ana ilkeleri geçmişte kaldı: zeka, dönüm noktası, ilham ve başka şeyler.

Görsel bir ideal arayışında, Apple ekibi kuru ve ince yazı tiplerinden (düşük kontrastlı) katmanlar oluşturdu, bu da normal görüşe sahip kişilerin bunları okumasını imkansız hale getirdi. Koku, perakendecilerin kendilerine ilham verecek güçleri olmadığını hatırlayarak, pek çoğumuzun temellerini tahmin edemediği bu kişisel olmayan komuta işlevlerini hatırlayarak, bir sürü etkileyici olmayan jest yaptı.

Ürünler, özellikle iOS tabanlı olanlar - Apple işletim sistemi mobil müştemilatlar, artık iyi ve yorgun tasarımın ilkelerini takip etmeyen, on yaşında kırık bir çaça. Hem deneysel bilime hem de sağlıklı bir göze dayanan bu ilkeler, bilgisayar teknolojilerini birçok kuşağa tanıtmış ve zekası, bilgeliği ve mükemmellik sadeliği ile büyük üne sahip "elma" ürünleri yaratmıştır.

Ne yazık ki aynı zamanda Apple da bu fikirleri giderek takip ediyor. iOS ve Mac OS X için modern tasarım araçları, hala bir şirketin ortasındaki birçok kişinin onlarla pratik yapmadığı benzer kavramları içeriyor. Apple kendi yolu için savaştı ve şimdi, stile ve eski moda görünümlere saygıyı vurgulayarak, rekabete karşı mücadelede ana kozlarıymış gibi shkoda değerlerinin kokusunu alıyor.

Apple tasarımı hafife alıyor.Üstelik, eylemleriyle, pis koku insanları yine ön tasarımın sadece ön kenarda spiraller çizdiğine inandıracak. Ama öyle değil! Tasarım bir düşünme biçimidir: Önce hedef kitlenizin temel ihtiyaçlarını belirlersiniz, ardından ürün ve hizmet miktarına göre onları tatmin edersiniz. Tsya disiplini, insan, teknoloji, destek ve iş bilgisinde rol oynar.

Güzel nesnelerin yaratılması, modern tasarımın sadece küçük bir parçasıdır: günümüzün modası, şehirlerin tasarımı, ulaşım sistemleri veya tıbbi sporlar gibi problemler üzerinde çalışmaktadır. Yine de Apple, konuşmaları güzelleştirmek, onları yaramaz işlevsellik, zeka ve arayüzün basitliği yapmak için çalışmak için tasarımcının tek görevi olanlar hakkında kendisi için bir fikir hazırlayarak eskiyi değiştirmeye devam ediyor.

Apple, her zaman lider olacaksın. Neden bir kerede bu kadar merkezli diyet yapıyorsun? Daha da önemlisi, Google neden tüm en iyi uygulamalarınızı takip ediyor?

Bu nedenle, Apple etkileşim, bilgisayarlar ve eklentilerin basitliği ile ünlü olduğundan, bilinçli, küçük değerli özelliklerdi ve herhangi bir talimat olmadan vikoristani olabilirlerdi. Tüm işlemler, dağılma ve düzeltmenin mümkün olup olmadığı, kolayca ortaya çıktı ve sistem size bir geri bildirim raporu verdi, böylece çalıştıklarından emin olmanız için. Coristuvachi, "elma" ek binalarının fizibilitesiyle uğraştı ve Apple'ın ilkelerinin tasarım suç ortakları sıkı, popüler ve coşkuluydu.

Tim daha az değil, şirket ilk iPhone ve tabletlerin görünümü ile jest arayüzlerine geçtiyse, seramikler daha önce eklenen zengin temel ilkelerden etkilenebilir. Herhangi bir aşikarlıktan daha fazlası - daha az zhalyugidni urivki zvorotnoy zv'yazku'dan mahrum bırakıldık. Niye ya? Apple, görsel sadelik ve zarafet konusunda köklü bir değişiklik yaptı ve çözümlerinin başlangıç, kullanılabilirliği ve üretkenliğine kendileri ciddi bir darbe vurdu.

Koku, teslimat sistemi, victoria ve vivchenny ile çalışmaya başladı, bu tür müşteriler katlamayı tanıdı, ancak ellerimden geçti, insan kırıkları bu tür sorunları tanımıyor, rıhtımlar hastalanmıyor ve kuruşlar zaten geri ödendi. Ale navitt, müştemilatlarının eksiklikleri ile aynı: "Yakby, o kadar da kötü değilim ...".

Günümüzün iPhone'ları ve iPad'leri, görsel basitlik üzerine eksiksiz bir incelemedir. Harika yazı tipleri. Temiz düzen, ücretsiz üçüncü taraf sözcükleri, menü sembolleri. Bir çok insanın metni okuyamaması önemli değil. Natomist şarap garniy.

Bir saatin altında, kadın sertleşiyordu ve Apple'ın ek araçlarını kullanmak zorunda kaldı, onları manuel okuma için harika ve zıt olan kıpkırmızı yazı tipleriyle bitirmek için. Bununla birlikte, zengin programlarda, bu seçeneğin yazı tiplerini görkemli yazı tipleriyle soyduğunu, metnin ekranda görünmediğini de söyledi. Vrakhovuyuchi'nin gözden uzak bir sorunu olmadığı gerçeği, Apple'ın daha ince vuruşlu ve daha az görsel kontrastlı yazı tiplerine geçmeden önce aynı metni kolayca okuyabiliyordu.

Tasarım felsefesi, milyonlarca coristuvach'ın bir ürün seçme sürecinde kendilerini obmezhenim olarak görmelerini nasıl şaşırtıyor? Apple, akıllı telefonunu öyle genişletebilir ki, daha fazla insan onu kazanabilir ve metnini, günlük yetersizlik etiketlerini kendilerine asmadan okuyabilir.

Daha da kötüsü, “elma” şirketinin yapması gerektiği gibi, bu güzelliğin altını oymak için ek araçlar kullananlar, bazen metinler bunlar aracılığıyla ekranda görüntülenmese de. Yakby yazı tipinin üç genişliği daha, daha yüksek kontrastı ve daha az düzleştirmesi var, Apple yalnızca güzelliği değil, aynı zamanda çeşitliliği de kurtarırdı.

taşındık. Ne olduğunu biliyor musun? Nadіyshlo kişisel olmayan skarg, bu koku döndü bu fonksiyon farklı bir formatta: soymak, bir şey söylemek için ihtiyacınız olan her şey, telefonunuzu veya tabletinizi sertçe sallamanız yeterlidir. Tim daha az değildir, skasuvannya öyledir ve evrensel olarak uygulanmaz ve bunu ancak cihazdan korkarsanız bilmek mümkündür. Dahası, pratik olmayan işlevler zamanlarında, coristuvachi sorunun ne olduğunu bilmiyordu: gadget'ın salladığı yeterince güçlü değildi, ancak bu özel durum için transfer edilmemişti.

Dokunmatik ekranlarda, özellikle küçük müştemilatlar, aktif kuvvete basılmadan önce veya düğmeler vipadkovo torkayutsya ise yanlış olabilir. Tsі vipadkovі torkannya nadsilâyut koristuvach yeni bir itirafa. "Geri" düğmesinin varlığında bu tür eksiklikleri düzeltmenin standart, basit bir yolu: Android işletim sistemi temelinde çalışan akıllı telefonlarda, bu işlev her zaman kullanılabilen evrensel bir denetleyici olarak sunulur, Apple yazılımı geride değildir . Niye ya? Görülmemiş. Belki de koku menü düğmelerine takılıp kalıyor? Sonuç olarak, koku temiz ve zarif eski görünüm Bununla birlikte, görsel sadelik caziptir çünkü arayüze katlamayı teşvik eder.

Apple "geri" okunu belirli alanlara yerleştirir, ancak Android'in görünümünde de her yerde bulunur ve "tıklama" ve "geri" düğmeleri satıcıya gönderilir. Apple dahil herkes bu yeteneğin farkında değil.

Bir kişi, hangi yönde kaydırmanın gerekli olduğunu, parmakların ne sıklıkla kaydırdığını ve ekranda herhangi bir göstergenin varlığı için ekranın hangi sıklıkta sallandığını nasıl anlayabilir? İnsanlar jestlerini hatırlamaktan, onlar hakkında bir arkadaş gibi hissetmekten, “talimatları okumaktan” (böyle bir şey yoktur) veya onları bir vipadkovy rütbesinde göstermekten suçludur.

Garnetin "Yabluchna" ürünleri çok bağımlılık yapıyor! Aynı şekilde, zіshtovhuyuchis zі kıvrımlar, її koristuvachі skhilnі kendinize çalıyor. Apple için iyidir, ancak müşterilerle ilgili olarak kesinlikle dürüst değildir.

İyi tasarım görsel olarak hatırlanabilir ve referans olarak kabul edilebilir. Ancak, anlamamız ve anlamamız için kabul edilebilirlik önemlidir. Bu tatmini kontrol etmek için bir anlayış duygusuna yol açabilecek temel psikolojik ilkelere yapabiliriz. Onlardan önce netlik, geri bildirim, iyi mayalanma, iyi bir muzaffer kuşatma ve açıkçası, kendi aklını konuşma yeteneği gelir. Tasarımın bu temel kavramları, bizim için geleceğin UX tesisi tarafından açıklanıyor ve Apple'ın yakbe'leri böyle bir bilimden paylarını aldılar, kokmazlardı.

Vikoristannya için daha zevkli, ancak katlanabilir

Tasarım için doğru metodolojinin benzersizliği ile ne sonuçlanabilir? Servis ve destek için Vysoki vitrati. Ve bu arada, talihsiz müşterilerin “savunuculuğu” ile Apple'ın basit arayüzünü açıkça övebilirler ve aynı zamanda başka bir markanın telefonu için kuruş biriktirecekler, aklını kullanarak elden çıkarmak için kullananlara güvenecekler. tüm yetenekleri.

Bu şekilde, bilgisayara hakim olamayan, ancak artık tablet gibi bu tür teknolojik cihazlara kolayca kök salan büyükanneler ve çocuklar hakkında hikayeler ödüllendirilmeyecek. Bir düşünün, yeni teknolojilerde nasıl ustalaştılar? Bu nedenle, jestler, tabletler ve telefonlar, koçanı kaydırmaya giriş için alt eşik tarafından kontrol edilir, ancak işlevlerle de eklenebilirler (örneğin, tek bir e-postada üç fotoğrafın üstesinden gelmek, tek bir metni biçimlendirmek veya çıkartmaların sonuçlarını birleştirmek) farklı işlemler) temelinde Geleneksel bilgisayarlarda kazanan sayılar ve diğer şeyler çok daha basit ve daha verimli olabilir.

Yeni nesil yazılım güvenliği, gizlilik ve sayısal sıkılık açısından devasa bir çizgi geliştirdi ve bir anda Victoria için katlanabilir hale geldi.

Bu sorun Apple tarafından paylaşılmıyor. Google Haritalar aynı prensibe göre gelişir ve cilt yinelemesi ile giderek daha fazla karışır. Aynı stosuєtsya ve Android'a. Operasyon Windows sistemi 8 Microsoft, diğer sorunların kişisel olmayan tanımlarının üstesinden gelen hareketler temelinde çalışan uzantılar için yetkin bir tasarım elde etmeye çalışıyor, ancak başka bir çalışma tarzını, üretken çalışma için tanınan gerekli masaüstü bilgisayarları entegre edemiyor.

Sorun nedir? Zengin versiyonlarda tasarımlar oluşturanlar için aynı, cilt disiplininin birkaç çeşidi olabilir. Yazılım oluşturulduğunda, programcı etkileşimli programlamayı anlayamaz ve çekirdek geliştirici telekom kodlaması hakkında hiçbir şey bilmeyebilir. Öte yandan, tasarımcılar karşılıklı olarak psikolojinin farkındadır, tıpkı bilişim alanındaki uzmanlar gibi "karanlık orman" alanındaki kavramsal modellerin, netliğin ve zekanın ilkelerini bilirler. Aynı zamanda, tasarım alanındaki fahіvtsі, etkileşimli tasarımın web sitelerinin eşiğinde nasıl olabileceğini düşünmek için akıllıdır ve kokular genellikle ince programlamayı ve insan-bilgisayar etkileşimini anlamaz.

İnsanların kendilerinden şüphe etmeye başlamaları önemlidir, kötü koku parçaları bu kadar bozuk bir arayüzle işlenemez, bu yüzden kesinlikle açık, öyle olmak istiyor ve değil є. Hem kullanılabilirlik açısından hem de maliyet açısından gerilemesi önemli, hatta ileri teknolojik ürünler.

Ne yanlış gitti?

Nielsen Norman Group'un ortaklarından Bruce Tognazzini, Apple'ın şafağında Steve Jobs ile çalıştı. Kullanılabilirlik uzmanı (Donald Norman) kısa bir süre sonra Jobs pishov gibi şirkete geldi ve ardından 1996 roci'de Steve'den ayrıldıktan sonra. Koku, basit ürünlerden popüler ürünlere ve mantıklı ürünlerden (Apple gerçekten bununla övünebilirse, talimatların gerekli olmadığı), merakın eşlik etmediği, ancak yine de sıklıkla onları gerektiren ek binalara geçişin kanıtı olmadı.

їhnіmi sözleri için, İşlerin başlangıcından önce, Apple, üç faktör hakkında bir düşünceyle ürünlerin geliştirilmesine gitti - dosvіd koristuvacha, іnzhenerії ve pazarlama - ilk günden teslimat anına kadar tasarım döngüsünde kozhen z yakih buv zadіyany Malların.

Bugün Apple artık ürünlerini daha akıllı ve daha akıllı hale getirmeye çalışmıyor. Natomista bunu genişletmeyecek, dotrimuyuchis etiği. Yazık ki, bilimsel dergilerin insan ve bilgisayar arasındaki etkileşime ve insan faktörlerine atfedilen çalışmaları, görsel olarak basit sesi basitlik noktasına getirmiyor.

Apple, ürünlerinin katlanabilirliği ile ilgilenebilir ve yönetimin önemli unsurlarıyla ilgilenebilir. Tek düğmeli bir denetleyiciden daha basit olabilir mi diye merak ettim. Bu nedenle, çözüm daha da basittir, ancak tek bir düğme ile sistemi sınırın kenarına geçirme yeteneğinizle, içinde olduğu gibi aktarım modu yoktur. Onların yardımıyla, farkın yönetimini farklı bir saatte ayarlayabilir, ancak koristuvachiv'i pantelden yenebilir ve affedebilirsiniz.

Alternatif olarak, bir kontrolör bir dizi bağlı işlevin anası olabilir, neden bir düğme (veya dokunmatik ekran) tek, iki veya üç parmakla tek, döner veya üçlü vuruşla farklı işlemler gerçekleştirmek için kullanılabilir. Aksi takdirde, parmak sayısı ayarlandığında, kaç kez ayarlandığında ve kaç kez doğrudan ayarlandığında mümkündür: sadece « panelini açın sistemik ayar» Macintosh için, Apple fare veya izleme dörtgeninde döndürme ve hareketlerin anlamlarını seçme (ve güç) seçeneklerini belirleyebilirsiniz.

Basit, çağrıştırıcı bir görünüm, yönetimi katlanabilir hale getirebilir, yapın, bu da hatırlamayı kolaylaştırır ve ara sıra afları çileden çıkarır. Aslında, Lisa bilgisayarlarının ve Macintosh'un ilk günlerinde Apple şirketine “Mod Yok” deniyordu. Değiştiricileri değiştirmenin tek yolu, kaplamaları aynı denetçileri ihlal etmekten sorumlu olan en özel denetleyicileri seçmektir.

Rejimler ilkesi ve basitliğin görünürlüğü ile çocukların gerçek sadeliği arasındaki uzlaşma, etkileşimli tasarım üzerine temel derslerde öğretilir. Apple neden bilgiyi zastosovuvat istemiyor?

Mevcut tüm bilgisayar şirketleri, geliştiricileri için corestuvacha arayüzü için yardımcılar sunar. Apple, böyle bir talimat oluşturan ilk kişiydi ve akıllı, akıllı tasarım ilkeleri için mükemmel bir tanımdı. Bilinen en eski Apple İnsan Arayüzü Yönergeleri, 1978'de Bruce Tognazin tarafından yazılmıştır. 1987'de piyasaya sürüldüğü sırada ve iki yıl boyunca (1985-1986) devam etmekteydi, bu temel ilkeler mevcut arayüzler dahil edildi. Steve Jobs 1996'da şirkete döndüğünde, koku hala devam ediyordu.

Apple konseptlerinin bu yeni koleksiyonu, Macintosh arayüzünün temel ilkelerini bünyesinde barındıran Tognazin projesinin sonucuydu. Tsgogo'ya kadar kokular, yalnızca kullanıcı arayüzünün geliştirilmesiyle uğraşan çok az sayıda insan tarafından görüldü. Zavdyaki'nin bu yardımı yazması, yeni geliştiriciler hazırlamak daha basit hale geldi ve Macintosh ürünleri için geliştiricilerin sayısı artmaya başladı.

İlkeler birleştirildiğinde, önemli bir dünyanın ekibi, iyi oluşturulmuş bir ortak insan-bilgisayar etkileşimi (CHKV) tarafından yürütülen takibe güvendi. Donald Norman ve San Diego'daki California Üniversitesi'ndeki yoga öğrencilerinin çalışmalarına, 1980'lerin ilk aşamasındaki tamamlayıcı CCA konferanslarında ve “Oryantasyon Üzerine Yönelim” başlıklı kitapta yayınlandığı için, temel saygı gösterildi. Çekirdek Sistem Tasarımı” (Kullanıcı Merkezli Sistem Tasarımı), 1986 roci'deki redagova Stephen Draper'da.

Bu temel temeller, yendikleri makineleri değil, insanların ihtiyaçlarını, konfor ihtiyaçlarını yansıtır. Koku, daha önce olduğu gibi mevcut arayüzlerde durgunlaşıyor erken sürümler 1980'ler ve böyle olanlarla kalsın, coristuvachi rıhtımları evrim geçirmiyor.

Apple'ın perakendeciler için iOS arayüzüne sahip mevcut yardımcısı, kasıtlı olarak kişisel olmayan ilgili ilkeleri ortaya koydu, ancak buradaki vurgu, genel olarak memnuniyet ve memnuniyet için olduğu kadar basitlik (zocrema, basitliğin görünümü üzerinde) için çabalamak için aynıdır. . Çok sayıda nitelik önemli bir rol oynar, ancak virishal değildir.

Daha açık olmak gerekirse, yönergeler geliştiricilere görsel iletişimlerini zayıflatması gerekenler hakkında en az 14 kez bilgi verir. Tasarımın temiz ve sade olabileceği anlaşıldı ancak gerekli yönlendirmeleri görebilmek adına yapılması gerekiyor. Bir tasarımcı olarak hangi kokulara ihtiyacınız olduğunu anlayabiliyor musunuz? Bunu yapmanın tek yolu bir corystuvach testi yapmaktır. Kullanılabilirlik testi hakkında daha fazla bilgi verebilir misiniz?

Bu doğru fikir. Apple gibi meslektaşlarınızla değil, hedef kitlenizi temsil ediyormuş gibi, insanların katılımı için testler yapmaktan siz sorumlusunuz.

Apple'ın özgün tasarım ilkeleri, akıllı, kendi kendine hakim olmak için kolay yaratmanın önemini pekiştiriyor. fonksiyonel sistemler. Ve burada, bir maliyetle şirket, her zaman takip ettiği gibi, temel temelleri harcadı. Aşağıdaki resim, Apple'ın temel yönergelerinin zaman içinde nasıl değiştiğini göstermektedir.

Bu tablo, 1995'ten 2015'e kadar Apple arabirim özelliklerinin gelişimini açıklamaktadır. iOS sistemi daha geleneksel OS X için 2015 yönergelerinde її, roztashovani levoruch değerinde ilkeler.

Bir bachit gibi, kabul gören istikrar ve bezrezhimnist 2008'den sonra burada ortaya çıktı. Bu zihinsel modelin hoşgörüsü (bağışlama), iOS'a geçiş sırasında, aynı zamanda bariz ve ochіkuvanih diy'in değerlendirilmesinden de mahvoldu. See-and-Point (“Divysya-i-Vkazuy”), örneğin 2010 yılında iOS 4'ün ortaya çıkmasıyla birlikte iOS'tan kaldırıldı. anlam. Arka arkaya, koristuvach'ın metaforları ve yönetimi çok fazla pozisyon harcadı ve aşağı kaydı.

Günlük ilkeler

iOS'ta genellikle veya sıklıkla göz ardı edilen en önemli ilkeler netlik, geri bildirim, yenilik, kolaylık ve büyümeye olan ilgidir:

netlik

Netlik veya mitteva'nın tüm proponovannyh diї, zavzhd Bula'yı ortaya çıkaran sisteme bakma yeteneği, Apple tasarımının başarısı için kilit bir unsurdu. İlk aşamalarda, "gör ve göster" adları ilkesi kullanılır, böylece mevcut tüm işlemler, menüdeki kısaltma için not edilen düğmeler, simgeler veya öğeler şeklinde sunulur: görmek istiyorsanız, imleci nesnenin üzerine getirin ve yenisine bir kez tıklayın.

Daha basit görünüyor, netlik arayüzü daha akılda kalıcı ve mantıklı unsurlarla aktarıyor, bu yüzden insanların onları hatırlamalarına gerek yok. Geleneksel bilgisayarlardaki menüler, mucizevi bir şekilde fikirlere katkıda bulunur. İşaretli simgeler de İşaretlenmemiş simgeler çoğunlukla hatalar tarafından tanınır, ancak hata, etkileşim üzerinde bazı baskıların olmasıdır. Bu netliğin artık Apple'ın destekçilerinde tahmin edilmediğine saygı gösterin.

Geri bildirim

Yogo "arkadaş" yönlendirmesinin (feedforward) geri bildirimi, insanların vikonan gününden sonra ne olduğunu anlamalarını veya ne olacağını anlamalarını sağlar, böylece gün alınacaktır.

İnsanlar, faaliyetlerinin etkinliğini değerlendirmek için sürekli geri dönüş akışına güvenirler. Gerçek dünya otomatik olarak geri bildirim alır, sanal şarap onu suçlar, tıpkı tasarımcının düşündüğü gibi. Sağlıklı bir bağlantı olmadan, coristuvachi kendi bağlantılarından etkilenmeyebilir. sıralı çelik sistemin ortasında ve kendi canlılıklarını hesaba katmazlar.

yeniden icat

Affedersiniz tuzağı. İlham prensibi, operasyonun mümkün olduğunca kolay gerçekleştirilebileceğini söylemenin çok kolay olduğunu söylemektir. Küfür isimleri, şarap da dokuzuncu yardımcıların bir işareti ve sofraların yeridir. Bula 1974'te Xerox Corporation'ın Palo Alto Araştırma Merkezi (PARC) tarafından, açıkçası Warren Teitelman tarafından icat edildiğinden, yenilik "söyle" düğmesinin yardımıyla uygulandı.Beklendiği gibi, Lisa ve Macintosh bilgisayarları temel yapılar erken PARC perakendecilerinden (Apple, hakları Xerox'tan satın aldı).

Skew komutu, "Repeat" (Tekrarla) butonu yardımıyla arkadan eğriltilebilir. Söylemek ve tekrar etmek, insanlara peygamberlerin gücünü nasıl düzelteceklerine ve yeni konuşmaları daha fazla denemeye yardımcı olur.

Skasuvannya, koristuvach'ların içeriği tekrar ziyaret etmesine izin verdi ve “geri” düğmesi, bir pis kokunun arka tarafı için navigasyon sisteminin ön konumuna dönebilecekleri ek bir komuttu. Orijinal grafik arayüzleri insanları yedek kopya navigasyonu kapatın. Tüm belgeler ve araçlar koristuvachlara ulaştı. Tarayıcılar ve iOS, insanların kalıcı ekranlara yol açan bir geçiş labirentinde gezindiği erken gezinme arayüzlerinden kalmadır.

İnternetin navigasyon sistemini destekleyen tarayıcılar, "geri" düğmesine basın, böylece kısacık yolculuklarının aşamalarını geçmek için arkasını dönebilir. iOS o kadar gelişmiş bir araca sahip ki aktarma yapmıyor, örneğin programın ortasındaki butona tıklamak gibi, sizi Safari'ye veya Youtube'a veya başka bir yere yönlendiriyor, size hiçbir şey sağlamıyor. girişte doğru yol. "Geri" ve "ileri" düğmelerinin iOS'ta standart olması gerekiyordu, böylece arayüz insanları atlama için affedecek ve tse için karav їх değil.

Zevk

Mevcut koristuvachiv'in çoğunda bir dizi cihaz olabilir, ancak bu cihazların işlemleri genellikle örtüşür. Birinin sınırlarında gezinin ek Apple Kolaylığı yok etmeyi başardılar: iPhone'u döndürün ve klavyenin düzeni değişir, iPad'i döndürün ve ana ekrandaki simgeler aktarılamaz bir sıraya dönüşür.

Uzgodzhenist hala kerіvnitstvah'ta listeleniyor, ancak bu ilke pratik olarak elde edilemez. Sihirli Fare Bir izleme dörtgeni gibi çalışmaz, ancak kendi başına kontrolü, bir iPhone veya tablete takılmış gibi, hareketler biçimindedir. Niye ya? Tasarımcılar, meslektaşları ile fikir alışverişinde bulunmadan yalıtım üzerinde çalışırken gıcırtılı bir ses çıkarır.

perili büyüme

İyi tasarım, insanları öğrenmeye ve büyümeye teşvik eder, temel konularda uzmanlaştıktan sonra yeni zorluklar üstlenir. Taklit severler fotoğrafçı olmak için gelişiyor, özel öğrencilerin yazarları blogculara dönüşüyor ve çocuklar programlamada ellerini deniyorlar ve cidden bilgisayar bilimi galerisinde bir kariyere dalmaya çalışıyorlar. On yıldır, zenginlerin büyümesi Apple için en önemli ilke olmuştur ve coristuvachi tarafından her zaman kabul edilmiştir.

Merhaba sevgili okuyucular! Web tasarımı ve web geliştirme hızla gelişmektedir. Her gün, ister programlar ister yeni hizmetler olsun, hayatımızı daha üretken ve verimli hale getirmek için daha fazla yeni ürün görüyoruz. Ve web tasarımı, "sanatçının" (tasarımcının) yeteneğinden daha az geniş bir alan. Yani eksen, bugün hakkında konuşalım AZ- dinamik stil işaretlemem, basitçe söylemek gerekirse, CSS stillerinin yazımı.

DAHA AZ nedir?

LESS, CSS üzerinde süper tomurcuktur. Bu, herhangi bir CSS kodunun geçerli LESS olduğu, ancak ek LESS öğelerinin basit CSS kodu için geçerli olmadığı anlamına gelir. CSS kullanmanın, yeni bir teknolojiye giriş eşiğini değiştiren pratik bir DAHA AZ kod olması harika.

LESS, . Değişiklikleri, işlemleri, öğeleri ve ev öğelerini girebilirsiniz. Stil sayfalarını modüler bir şekilde yazabilme özelliği, sizi birçok sorundan kurtaracaktır.

LESS, stil yazmak için önemli ölçüde daha kolaydır. Örneğin, zastosovuyuchi evleri (mixins), argümanları kabul edebildikleri için fonksiyonlara benzer şekilde yaratırız. karışımlar- sınıfın tüm yetkilerini, sınıfın adını güçlerden birinin anlamı olarak ekleyerek başka bir sınıfa dahil etmenize izin verir.

1
2
3
4
5
6
7
8
9
10
11

Yuvarlatılmış köşeler (@yarıçap : 5px ) (
sınır yarıçapı: @yarıçap;
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
}
#başlık(
.yuvarlatılmış köşeler;
}
#altbilgi (
.yuvarlak köşeler(10px );
}

Ve derlenmiş CSS şöyle görünür:

1
2
3
4
5
6
7
8
9
10

#başlık(
sınır yarıçapı: 5 piksel;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#altbilgi (
sınır yarıçapı: 10 piksel;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}


Prefix-free.js kitaplığını ekliyoruz ve index.html'ye ekliyoruz:

< script src= "prefix-free.js" type= "text/javascript" >

Apple.com tarzında menünün oluşturulmasına kadar aracısız son hazırlığın hazırlanmasına geçelim.

HTML işaretlemesi

Menünün düzeni basittir. Menü, sırasız bir listeye göre bölünmüştür. HTML düzenleyiciyi açın ve aşağıdaki kodu yapıştırın:

1
2
3
4
5
6
7
8
9

DAHA AZ stiller

DAHA AZ menü kodunu benimkiyle kimde paylaştılar. Programlamaya yeni başlayanlar için, bu şekilde ve LESS sözdiziminde yazıldığı için övünmeyin, anlaşılır olması için her şeyi açıklığa kavuşturmaya çalışacağım. Gerçekten üretken olsa bile, site için böyle bir yazı stiliyle birine ilham vermek mümkün.

Menünün bazı depolama bölümlerine bir göz atalım:

Ekran görüntüsünde gördüğümüz gibi, Apple.com navigasyonunun 6 ana bölümü olabilir:

  • Vykoristovuєtsya teneke;
  • kordon;
  • Menü öğeleri arasında Rozdilyuvach;
  • Kül için gradyan;
  • Mouse üzerinde gezinirken karartmanın etkisi;
  • Menü metni.

Yazılı stilleri işaretlemenin iki yolu vardır:

  • çıtır çıtır

Önemli: ilk yöntemi seçerken, style.less'ın dahil edilmesi, less.js kitaplığını eklemeden önce olurdu! Ayrıca, takmayı unutmayın ön eksiz.
Bu sırayla, stillerin bağlantısı şöyle görünür:

1
2
3
4
5


girme