Mobil arayüzü tasarımında Modern eğilimleri

hafif tasarım

ışık düz tasarım estetik bir eğilim vardı. bir nesnenin etrafında yer alan kullanılmaz ya da (gradyanlar, gölgeler ve benzerlerini kullanarak) çerçevelenir. Bu sadece önemli bilgilere odaklanarak, basit bir arayüz oluşturmanıza olanak sağlar. Değil semantik yük tasarım öğeleri kaldırılır taşıyan, boş süslemeleri açık bir reddini izler.

Hafif tasarım gözlerine distract çok fazla dikkat etmez ve sessizce ekran boyunca kayar ve yalnızca içerik odaklanmak yardımcı olur. Bu çözüm kolaylıkla kullanıcı için önemli olan arayüz, gezinmek mümkün kılar. Şık, modern estetik sadece Göze hoş, ama iyi bir izlenim bırakır değildir.

Herkes için bir yazı biçimi

Tasarımcılar tipografiye ekran ve ödeme dikkat fontları çok çeşitli reddediyorum. Bunun yerine çok yönlü yazı karakterlerine veya yazı biçimleri kullanarak basitçe yazı tipi boyutunu değiştirin. Bu sayede tek tek içerik parçalarının ayrılması mümkün kılar.

uygulamalar, sitenin mobil ve web sürümü: uygulama boyunca maksimum tek yazı kullanma tanıma, aynı zamanda farklı kanalların iletişim için sadece çalışır. Bu, tek bir entegre arayüzde tüm öğeleri toplamak için izin verir. Buna ek olarak, kullanıcılar uygun bilgiyi bulmak kolay metin kaydırma.

Modüller ve bloklar - hayır hatları

çizgi öncesi ve ayırıcılar ekranda belirli bir bölümünü veya kategoriyi tanımlamak için kullanılan. Sonuç kompakt ama aşırı arayüzüdür. boşlukla - hatlar terk tasarımcılar birbirlerine "hava" dan ayırarak grup blokları başladı. Sonuç olarak, uygulamanın görünümünü daha saf serbest hale gelir.

Arzu resmi hatları ve ayırıcılar kurtulmak için uygulamanın çağdaş görünüm gereksinimleri nedeniyle görünen ilk etapta hangi - işlevselliği. Bu nedenle, mümkün olduğunca alanı kullanmak için, tasarımcılar izolasyon az müdahaleci yöntemler aramaya başladı. Örneğin, yerine çizilen çizgilerin yazı tipi boyutunu veya büyütülmüş görüntü bağlantılar kullanılır.

gündemde rakamlar

Kullanıcı tercihleri ​​giderek basit arayüzler doğru kaymaktadır. Bu nedenle, önemli bilgiler ön plana sunulacaktır: Rakamlar izleyicilerin dikkatini çekmek için (yazı tipi boyutu ve parlak renkler artırarak tekrar) göze çarpıyor.

Geliştirilmiş yazı tipleri ve zengin renkler kullanarak, rahatsızlık verici ek komutlar ve tuş vuruşları olmadan belirli bir alana dikkat çekmek için daha kolaydır. kullanıcının hızlı elverişli konumu ve kolay gezinme yoluyla bilgi alır.

Mikrointeraktiv

Mikrointeraktiv - kullanımı senaryolarına bağlı olarak görünen animasyon gibi küçük elemanlar, bulunmaktadır. Farklı durumlarda bu tür senaryolar açılan ekranda mesajlar, cevap veren o basmaya elemanları, standart işlemleri içerebilir.

Mikrointeraktiv herhangi bir işlem gerçekleştirmek kullanıcı için bir sinyal olarak kullanılır. Örneğin, kendileri için ayarları ve pop-up yardım mesajı ona yardım. Etkileşimli iyi kolay daha iyi hatırlanır kullanımı eğlenceli ve kullanıcıya, düzenlendiği olduğunu Uygulamaları.

Renklerin Küçük paleti

tasarımının tüm solunan netlik ve basitlik, rağbet basit renk şemalarının kullanımı dahil, 2013, bir uçak tasarım gelişigüzel yayılma sonra. Bugün, hem tasarımcılar ve kullanıcılar hem renklerin az sayıda tercih ederim.

Renkler marka ile bağlantı kurmak için gerekli olduğu kullanıcının dikkatini yönlendirmek için, genel bir ruh halini vurgulamak gerekir. kolay renklerin az sayıda kurumsal kimliğini yansıtacak. Buna ek olarak, bu estetik gibi kullanıcıların, dikkat örneğinde olduğu gibi, dağınık olmadığından çeşitli tonlarla kullanarak ve yüzden tuş işlevleri bulmak daha kolaydır ve akışı gezinmek bilgileri.

Çok katmanlı arayüzü

Daha önce skeuomorph ilkelere için tasarlanmış arabirimleri. Bu tasarım (örneğin, bütün simgeleri 3D olarak yapılmaktadır bir masaüstü kağıt takvim gibi görünüyordu bilgisayarda bir takvim gibi) gerçek nesnelerin şeklini aldığından kabul edilmiştir. Şimdi - Düz tasarıma popülaritesi ile - gibi diğer yollarla derinliğini temsil etmek fırsatına sahip, yol kenarına bu ilkeye çekilmesi görülebilir. Esas olarak - tabaka kullanarak. Bu somut bir nesne oluşturmak için derinlik ve boyut hissi yaratmak için yardımcı olur.

Bu düz tasarım "çok düz" olmak riskleri ve hat incedir: Bir kullanıcı düz uygulamada gezinmek ve kullanmak üzere, 3D surround kullanılırsa? Bir çözüm var - katmanları. Katmanlar yardım elemanları arasında inşa ilişkiler, başka bir nesneyi empoze ve en önemli vurgulamak.

şeffaf düğmeler

Şeffaf düğme - dolgu rengi olmadan bir düğme, sınırları çok ince inme belirtilmiştir. Bu durumda, sadece basit bir biçimde kullanılır: dikdörtgen veya kare, düz ya da köşeleri yuvarlatılmıştır. Böyle bir basit ve minimalist Metin düğmeleri.

, Derli toplu bir göze batmayan ve modern bir görünüm kalırken Şeffaf düğmeler, kullanıcının dikkatini çekmek. Buna ek olarak, düğmelerin çeşitli kullanırsanız, bir hiyerarşi oluşturmak mümkündür. Bu durumda, şeffaf düğmeler ek fonksiyonlar ya da ara-hareket eden işaret etmek gerekir ve gölgeler uygulandığı için, kullanıcının kolaylıkla hiyerarşik ilişki okuyabilir.

jestleri

Sensörler ve jiroskop kullanıcı cihazlarının tanıtımı ile daha akıllı hareket olur. cihazla İnsan etkileşim musluklar aracılığıyla, ama gerçek işaretiyle sadece mümkün yapılır.

Cihaz jest nasıl tepki İnsanlar sezgisel anlıyoruz. Eğer kullanıcı sorarsanız (hayır cinsiyet veya yaş ne olduğu önemli), bir öğeyi kaldırmak için nasıl, bu ekrandan o smahnot sadece bir harekettir. Kullanıcıların artan deneyimi ile daha az ve daha kaydırma düğmesine tıklayın. cihazla etkileşim yöntemleri daha interaktif hale gelmektedir ve ekran daha fazla tıklama için bir alan olmasının bir şeye dönüşür.

hareket

teknoloji tasarımcıları yenilikler sayesinde stilleri ile tabakaların hareketi kontrol başardık. Hareketli tasarım öğeleri 3D-derinliğini taklit geçişler, animasyon ve hatta dokular dahil olmak üzere birçok şekillerde olabilir. Üye tasarımcıları veya geliştiriciler sormadan harekete şeyi getirmeyi öğrendik. Hızla en önemli okunan, elementler, nesneleri, verileri değiştirmek, kendi içeriklerini dönüştürmektedir.

Hareket ilgi gördü. Ama buna kullanıcıya yardımcı olabilir ve onu rahatsız olduğunu anlamak önemlidir. Ve hareketlerle durdurmak için bilmek gerekir. Ancak genel olarak, tepkinin görsel tezahürü nedeniyle genellikle vay faktöre erişimlerini arttırmaktadır.

Kısa kullanıcı senaryoları

Kullanıcılar artık sayfaların karmaşık yapısını anlamak gerekir. Tasarımcı tek bir sayfa, gerektiği gibi hangi, ek unsur vardır oluşturur. Bu çözüm, zaman ve emekten tasarruf için yardımcı olur. Örneğin, form otomatik olarak görüntülenir yada belirli bir bölgesine ulaşıncaya ve sonrakine hareket ederken kaybolur vurgulanır.

bunun gibi akıllı telefon kullanıcılarının her şey uygulamasında kolay ve basittir. tüm tasarım tecrübesi, kullanıcı çaba en aza indirmek ve tepki hızını artırmak için birçok imkandan komut böylece kısalarak edilir.

Tasarım standartları - en iyi çözüm

Tasarım Standartları - ilk tasarım aşamasında bir görsel bir dil bir proses. Standartların Tanımlı gruplar: renk, simgeler, malzemenin genel tanıtımı.

Standartların Tanımı Farklı platformlarda uyuşmazlığı olmadan mantıklı ve tutarlı bir ürün oluşturmak için yardımcı olur. Bu sayede projenin uygulanmasında hata olasılığını sıfıra azaltmak ve gelecekte değişime daha kolay hale getirir.

prototipleme

Prototip - Bu ürünün erken versiyonunda ön çalışmadır. prototipler kullanarak olası değişiklikleri öngörmek ve israf zaman ve kuvvetler tasarımcı olmadan kullanıcıların isteklerine yanıt verdiklerini, fonksiyonel bir tasarım oluşturmak için.

Önemli özellikleri ve teknik gereksinimleri: niteliksel olmak projenin anahtar bileşenlerini çalışabilir prototipler - ekonomik deneysel çözümler üretmek. Bu tecrübe ile öğrenmek ve daha iyi ürün oluşturma işlemini yönetmek için, zaman ve kaynak tasarrufu sağlar.