Düz tasarım, önümüzdeki yıllarda tasarımda önemli bir trend, bu yüzden ona daha yakından bakalım ve temelini oluşturan 5 temel ilkeyi öğrenelim.

Düz tasarıma giriş

Rusça'da düz tasarım "düz tasarım" olarak çevrilir ve sonrasında mutlak bir favori haline geldi. elma sunumları iOS işletim sistemi. Kullanılabilirlik için tasarıma minimalist bir yaklaşım, merkez sahneyi aldı. Odak noktası kullanıcı konforudur. Bu, "squeeformism"e (gerçekte olduğu gibi nesnelerin görselleştirilmesi) karşı belirgin bir protestodur. Seçim, daha basitleştirilmiş ve aynı zamanda estetik açıdan basit çözümlere düştü. Gerçekçi görselleştirmelerden bıkan kullanıcılar bu yönü coşkuyla karşıladı ve giderek daha fazla web projesi bu formata geçiyor.

“Düz”ün “sıkıcı” anlamına gelmediğini belirtmek isterim. Düz tasarım çözümleri güzel olabilir, daha rafine, temiz, fazlalıklardan arınmış, bir “sakin adasına” dönüşebilir. Sonunda içeriği anlaşılır hale getiriyorlar. Geriye onları uygulamaya koymak için temel ilkeleri öğrenmek kalıyor.

"Düz" tasarım, hacimleri aktarmaya çalışmaz, bu nedenle iki boyutlu görselleştirme temeldir. Bu, dokularla herhangi bir gölge, yansıma veya vurgu görmeyeceğiniz anlamına gelir (uzun gölgeler istisnadır). Sadece kontür transferi, başka bir şey değil.

Tasarımda tek heceli figürlerin kullanılması, hafifliği ve ağırlıksızlığı vurgulamak için tasarlanan konturların netliğini takip etmesi önerilir. Ek olarak, bu tür özlü öğeler, sensörü iyi taklit ederek nesneyle etkileşime girme arzusu yaratır (basma, dokunma çağrısı). Bununla birlikte, elemanların sadeliği, bir bütün olarak tasarımın sadeliğine eşit değildir - bu sadece ana hatlar için geçerlidir. Sonuç olarak, kullanıcının gördüğü her şey onun için açıktır ve kolayca kullanabilir.

Düz tasarım, yazı tipleriyle son derece dikkatli çalışmayı gerektirir. Yani karakterleri, tasarım şemasını çelişmeden tamamlamalıdır. Ayrıca, düz tasarımda yazı tipi de önemli bir gezinme öğesidir.

Sadece tip değil, renk de düz tasarımın önemli bir parçasıdır. Paletlerin büyük çoğunluğu 2-3 renge dayanmaktadır, ancak elbette istisnalar da vardır. Genellikle sulu ve parlaktır, ancak saf renkler seçilir. Belirtildiği gibi, degradeler veya gereksiz geçişler yoktur.

Düz tasarım, minimalizm gibi dünya çapında bir trendin en iyi örneğidir. Tasarımcılar, kullanıcı etkinliği şeklinde meyve veren karmaşık ve örtük görselleştirme yaklaşımlarından uzaklaşarak gereksiz "çan ve ıslıklardan" vazgeçiyorlar.

Düz mü yoksa neredeyse düz mü? Bir uzlaşma arıyorsunuz!

Sonuç olarak, bugün düz ve düz olmayan tasarım arasında bir sinerji olduğunu belirtmek isterim. "Neredeyse düz" bir tasarımdan bahsediyoruz. Bu, açıklanan kavramın en yaygın uygulamasıdır, basit ve özlü öğeler ve iki boyutlu alan ile birlikte tasarımcılar derinlik ve perspektif için 1-2 numara kullanır.

Ayrıca, 2017'nin trendi yarı düz bir tasarım olan Semi Flat Design oldu. Materyal Tasarımından etkilenerek, biraz daha mekansal hale geldi. Tasarımı yarı düz yapan hafif gölgeler var. Düz tasarım bugün hala geçerlidir, gölgeler nedeniyle daha derin ve daha karmaşık hale gelmiştir, ancak ana konsept ihlal edilmemiştir.

gelişmekte olan mobil uygulamalar ve web siteleri, bizim için bir köşe yazdı ve düz ve malzeme tasarımıyla ilgili her şeyi yerine koydu.

Genel olarak, düz tasarım (Düz tasarım) ve malzeme tasarımı (Malzeme Tasarımı) arasındaki fark incedir. Derin bir grafik tasarım bilgisine sahip olmayan bir kişiye gerçekten çok benzer görünebilirler. Bu yazıda, aralarındaki bazı farklara biraz ışık tutmaya çalışacağım. Tasarımcının hassas doğasına kazara zarar vermemek için çok gerekli olan ek bilgi edineceksiniz.

biraz tarih

En popüler iki tasarım trendi arasındaki farklardan bahsetmeye başlamadan önce, bunların nereden geldiğini öğrenelim. Malzeme tasarımının daire bazında oluşturulduğuna dair bir görüş var. O zaman düz tasarım nereden geldi?

skeuomorfizm

Kullanıcı arayüzü ve web tasarımı söz konusu olduğunda, skeuomorfizm kavramı, ana fikri taklit olan bir yaklaşımı ifade eder. Çok fazla detaya girmeden Apple'ın iOS 7 öncesi arayüzlerini "gerçekçi dokuları, ışıklandırmaları ve gösterişli efektleri" ile hatırlayalım.

Dijital nesnelerin gerçek dünyadaki benzerleri gibi görünmesini sağlama girişimi, cihazla kullanıcı etkileşimini kolaylaştırma ihtiyacıyla doğrulandı. Nitekim bu nedenle gerçekçi dokulara sahip tüm arayüzler uzun yıllar dijital dünyaya hakim olmuştur. Skeuomorfik tasarım, kullanıcıların gerçek dünyadan dijital dünyaya sorunsuz bir şekilde geçiş yapmasına yardımcı olmak için harika bir iş çıkardı.

Ancak yükselişle birlikte mobil teknolojiler yavaş yavaş, öncelikle rahatlık ve kullanım kolaylığına odaklanmaya ihtiyaç vardır. Katılıyorum, bu alanda yaratma ihtiyacı mobil çözümlerşuradan temin edilebilir farklı cihazlar, katlanarak artar. Şu anda sadelik yeni tasarım standardı haline geliyor.

Not: Skeuomorfizmin tamamen ortadan kalktığını düşünmeyin. Gerçekçi bir dünya yaratmanın ve oyuncuların kendilerini oyun sürecine sokmak için karakterlerini hissetmelerine yardımcı olmanın gerekli olduğu oyunlarda yaygın olarak kullanılır.

düz tasarım

Bu stil, herhangi bir üç boyutlu nesneden tamamen yoksundur. Kabaca söylemek gerekirse, düz tasarımda alt gölge, dokular, degradeler gibi stilistik öğeler yoktur, ancak yazı tiplerinin, renklerin ve simgelerin oynamasına dikkat edilir. Ama bütün bunlar neden gerekliydi? Cevap basit.

İlk olarak, düz tasarım, sayfa yükleme sürelerini önemli ölçüde azaltır. "Ağır" skeuomorfik ayrıntıların olmaması (sadece hayal edin: katmanlar, serifler, gradyanlar) düz tasarım öğelerini "daha hafif" yapar ve bu da yükleme sürelerini önemli ölçüde hızlandırır. Ayrıca, düz öğeler ekranlarda olduğu gibi aynı derecede çekici görünür. yüksek çözünürlük, Ve düşük.

İkincisi, basit görüntüler fikrinizi kullanıcılara ayrıntılı resimlerden daha hızlı iletebilir: bunlar kabataslaktır ve bu nedenle anlaşılması oldukça kolaydır.

Ve elbette, nispeten düz simgeler basit yazı tipi kullanıcıların dikkatini gerçekten önemli içeriğe yönlendirebilir.

Bugün, düz tasarım haklı bir tanıma aldı, ancak yine de sorunsuz olmadı. Bu tür sorunların en belirgin örneği, Microsoft tarafından Windows 8'in piyasaya sürülmesiydi. Bu işletim sistemi, düz tasarımın öncüsü olarak kabul edilir ve Metro tasarım konseptini destekler. Sorunlara yol açan şey, şirketin gerçek grafiklerden ziyade tipografiye daha fazla dikkat etmeyi gerekli bulmasıydı.

NN Group tarafından gerçekleştirilen Windows 8 kullanılabilirlik testinin sonuçları, kullanıcıların tıklanabilir nesneleri tıklanabilir olmayanlardan ayırt etmekte zorlandıklarını gösterdi. Kullanıcılar, statik görünen nesnelerin aslında tıklanabilir olduğundan şikayet ettiler. Sonuç olarak, şirketin ana görevi - kullanıcıların sistemi doğru bir şekilde yorumlamalarına yardımcı olmak - başarısız oldu.

Düz tasarımla sıklıkla ilişkilendirilen bir diğer şirket ise Apple. 2013'te piyasaya sürülen mobil işletim sistemi iOS 7'deki skeuomorfik tasarım öğelerinden uzaklaştılar. Bu sefer, şirketin konsepti tamamen güncellemeye çalışmaması nedeniyle geçiş biraz daha iyi karşılandı. Kullanıcı arayüzü, ancak düz bir tasarıma doğru birkaç değişiklik ekledi. Bu, kullanıcılara, işletim sistemleri ve web siteleriyle ilgili önceki deneyimlerine dayanarak ürünü kullanma fırsatı verdi.

malzeme tasarımı

Hemen açıklığa kavuşturalım: malzeme tasarımı, geniş çapta kabul görmüş spontane bir tasarım trendinden çok markalı bir üründür. Temel olarak düz tasarımdan ayıran şey budur.

Materyal tasarımına “imza” derken, kendine saygısı olan her tasarımcının izlediği, açıkça tanımlanmış bir dizi tavsiye ve ilkeye sahip olduğunu kastediyorum. Google'ın Materyal Tasarımını neden tanıttığı oldukça açık: Uygulamaların birçok Android cihazında aynı görünmesi için tasarımı birleştirmeye ihtiyaç vardı.

Oldukça işlevsel olmasına rağmen, düz tasarımın anlaşılması hala zor kabul edilir. Gerçek şu ki, ekrandaki düz nesneler kullanıcıların (özellikle mobil ve web arayüzlerini kullanma konusunda deneyimli olmayanların) kafasını karıştırabilir. Bu nedenle, malzeme tasarımı, skeuomorfizm unsurlarını geri getirmeye çalışır, ancak büyük ölçüde basitleştirilmiş bir biçimde. Görüntüler, özellikle renkler söz konusu olduğunda düz görünüyor, ancak z ekseninin varlığı sayesinde hala çok boyutlu.

Başka bir deyişle, malzeme tasarımı, animasyon, gölgeler ve katmanlar gibi skeuomorfizm unsurlarıyla düz tasarımın geliştirilmiş bir versiyonu olarak adlandırılabilir. Bu sayede ürünü navigasyon açısından daha sezgisel hale getirebilir ve genel olarak stil açısından gereksiz karmaşıklığın önüne geçebilirsiniz.

Düz tasarımın avantajları ve dezavantajları

Stillerin evrim tarihini geride bırakalım ve daha önemli bir şeye geçelim - güçlü yönleri ve zayıf taraflar düz tasarım.

• Minimalizm ve stil
• Sezgisellik. Fikrinizi kullanıcılara iletmeniz daha kolay olacaktır.
• Zaman ve kaynak tasarrufu. Sayfalar, daha az bant genişliği tüketimiyle çok daha hızlı yüklenir.
• İçeriğe odaklanın. Gerçekten değerli bilgilerden uzaklaşabilecek gereksiz ayrıntılar içermeyen bir arayüz.
• Eşit derecede iyi görünüyor çeşitli cihazlar, ister PC ister akıllı telefon tarayıcısı olsun.
• Gereksiz tasarım dokunuşlarından kurtularak bir web sitesi veya uygulamanın tasarım sürecini hızlandırır.

• Minimalist tarz.
• Oldukça sezgisel. Materyal tasarımının algılanması aynı derecede kolay olacaktır. deneyimli kullanıcılar hem de yeni gelenler.
• Orta derecede skeuomorfizm. Z ekseninin (Google'ın benzersiz konsepti) kullanımı sayesinde her şey daha gerçekçi görünüyor.
• Sürekli güncellenen bir dizi kılavuz vardır. Bu nedenle, çalışma sürecinde zorluklar varsa, herhangi bir tasarımcı her zaman onlara dönebilir.
• Web çözümleri için animasyon teşvik edilir. İnsanların hareketi ne kadar çok sevdiğini hatırlatmaya gerek yok. Ayrıca animasyon, arayüzü daha anlaşılır ve sezgisel hale getirmenizi sağlar.

• sahibi var ( Google). Bu nedenle, iyileştirme için herhangi bir soru ve öneri sahibine yöneltilmelidir.
• Z ekseninin varlığı nedeniyle tasarım süreci daha uzun sürebilir.
• Animasyonlu öğeler daha fazla kaynak gerektirir.
• Yönergelere sıkı sıkıya bağlı kalmak, bir tasarımın özgünlüğünü sınırlayabilir.

özetle

Aslında, düz ve malzeme stilleri yan yana geldiğinden, söz konusu tasarım yaklaşımlarından birinin diğerine açık bir üstünlüğü olduğu düşünülmemelidir. İkisi de çılgınca popüler ve ikisi de aşırı gerçekçilikten yoksun. Materyal tasarımı, düz tasarımın halefi iken, düz tasarımın kendisi çok ağır ve gerçekçi çözümlere bir tepkiydi. Materyal tasarımı, düz tasarımın her zaman uzaklaşmaya çalıştığı bir şeyi ekledi - biraz skeuomorfizm. Yine de bu yaklaşımlar arasında bir şey her zaman farklılık gösterecektir: Materyal tasarımı Google'ın patentli bir ürünüdür, düz tasarım ise öncelikle genel basitlik için çabalayan çeşitli tasarım uygulamalarının birleşiminin sonucudur.

Gerçekte, düz tasarım son yıllarda tamamen "düz" bir tarzdan "yarı düz" bir tarza doğru çok gelişti. Artık nesnelerin daha önce göründüklerinden daha derin görünmesini sağlamak için katmanların ve ince gölgelerin kullanılmasına izin veriyor. Yani, biz düz tasarım 2.0'ın mutlu çağdaşlarıyız.

Son olarak, gerçekten işlevsel ve kullanıcı dostu bir ürün oluşturmak için bu iki yaklaşımı birleştirmeye çalışmanızı hiçbir şey engelleyemez. Öyleyse düz ve malzeme tasarım gurularından ilham alın ve işe koyulun!

Bir yazım hatası bulursanız - vurgulayın ve Ctrl + Enter tuşlarına basın! Bizimle iletişime geçmek için kullanabilirsiniz.

Yazardan: Sizi selamlıyorum arkadaşlar! Bugün düz tasarım veya düz web sitesi tasarımı hakkında konuşacağız. Bu terim uzun zamandır web tasarımcılarının kalbini fethetti ve hala güvenle trend olmaya devam ediyor. En büyük şirketler (Google, YouTube, Microsoft, Apple Inc., vb.) bunu web sitelerini ve uygulamalarını tasarlamak için kullanır. Hala düz web sitesi tasarımının destekçileri mezhebinde değil misiniz? O zaman sana gidiyoruz!

Düz tasarımın bu kadar çılgınca popüler olmasının nedeni nedir sizce? Size kısaca cevap vereceğim: gerçekten işe yarıyor! Bu yazıda size bu tarzın ne olduğunu açıklayacağım, artılarını ve eksilerini anlatacağım ve size kesinlikle istismarlara ilham verecek harika düz web sitesi tasarımı örnekleri göstereceğim. O zaman hadi gidelim!

Her şey skeuomorfizm ile başladı

Bilmeyenler için, skeuomorfizm kötü bir kelime değil, başka bir web tasarımı tarzıdır. Düz tasarım genellikle, bence tamamen doğru olmayan skeuomorfizmin tersi olarak sunulur. Bu, bir antagonizmadan çok bir basitleştirmedir.

2010 yılına kadar arayüz tasarımında skeuomorfizm baskın stildi. Üç boyutlu bir görüntünün dokularını, gölgelerini, yansımalarını ve diğer özelliklerini aktif olarak kullanarak öğeleri gerçekte göründükleri gibi sergiledi. Bu konuda özellikle çok çalıştım. elma şirketi, yazılım nesnelerinin çoğunu gerçek hayattaki nesnelerden dikkatlice kopyalayan.

Yakında, sözde yükseltilmiş simgeler, düz web sitesi tasarımı çağını başlatan çoğu kullanıcıya ve web geliştiricisine hitap etmeyi bıraktı. Dünya, tüm dekoratif unsurların kaldırılması gerektiği ve yalnızca son kullanıcının etkileşime girmesi için uygun olanın bırakılması gerektiği sonucuna vardı.

"En iyi tasarım, mümkün olduğunca az tasarımdır"

Dieter Rams suya nasıl baktı - müdahaleci tasarıma, animasyon efektlerine vb. karşı çıkan tanınmış bir endüstriyel tasarımcı. Haziran 2013'te Apple Inc. düz web tasarımı tarzında tüm özellikleri alan devrim niteliğindeki iOS 7'yi tanıttı. Ancak, uçak gerçekçiliği ve hacmi hemen "yenmedi".

Kullanıcılar uzun süre Steve Jobs'un büyüsünü ve "yalamak istediğiniz" simgeleri unutamadılar. Hatta birçoğu "sefil yedi" ye veda etti ve "parlak Android" e geçti. Ateşe yakıt ve iOS 7'de bulunan çok sayıda hata ve uygulamaları açarken "sümük" şeklinde paralaks ve animasyonlu beyazımsı, yarı saydam bir tasarım eklendi.

Kaçınılmaz gerçekliğe boyun eğip "elma" işletim sistemine bağlı kalanlar, sonunda, düz web tasarımının sadece ilginç görünmekle kalmayıp, aynı zamanda tüm uygulamalara düzen ve tek bir görsel stil getirdiğini fark ettiler.

Düz tasarımın artıları ve eksileri

Bu stili kullanmanın faydaları şunlardır:

kompozisyonun netliği ve görsel araçların kısalığı. Kullanıcıların kendilerine iletmek istediklerini çabucak fark etmeleri için "başka bir şey değil" tarzında duyarlı arayüz;

iyi tipografiye odaklanın. Günümüzün bilgi bolluğunda son derece önemli olan içerik önce gelir;

daha küçük beden Web sayfalarının minimum sayıda olması nedeniyle sitenin hızlandırılması görsel efektler. Bu, özellikle duyarlı sürümler oluştururken kullanışlıdır, çünkü formlar ne kadar basitse, mobil cihazların küçük ekranlarında görüntülenmeleri o kadar kolay olur.

Düz web tasarımının dezavantajları da vardır:

web tasarımcısının hayal gücünü basitleştirilmiş renkler, tipografi ve ikonografi ile sınırlamak. Bu nedenle sıkıcı ve ifadesiz bir site oluşturma riski daha yüksektir;

üç boyutluluğun ve gölgelerin olmaması bazen öğenin tıklanabilir olup olmadığını anlamanıza izin vermez;

belirli sabit kuralların olmaması.

Bu stili sitenizde kullanmaya karar verdiyseniz, tebrikler - bu, kullanıcıların rahatlığını önemsediğinizi ve zamana ayak uydurduğunuzu gösterir. Bir web tasarımcısı olarak yeni başlıyorsanız ve sitenizin alakalı görünmesi için düz tasarımı nasıl doğru kullanacağınızı bilmiyorsanız, ancak ilkel değil, işte bazı ipuçları:

"Tuğla duvarları" ve parlak arka planları unutun. Düz web tasarımında basit, pürüzsüz, yumuşak arka plan resimleri kullanmak yaygındır.

Modern eğilimler ve web geliştirme yaklaşımları

Web sitesi oluşturmada sıfırdan hızlı büyüme için algoritmayı öğrenin

Degradeler, 3D simgeler, animasyonlu geçişler veya diğer özel efektler yok. Bütün bunlar sitenizi ağır ve telaşlı yapacak - buna ihtiyacınız var mı?

Kolaylık ve işlevsellik katan net hatlara sahip düz simgeler kullanın.

Parlak, sulu bir renk paleti kullanın. Şimdi trend güneş spektrumunun tonları: açık sarılar, pembeler ve yeşiller. Ana şey aşırıya kaçmamaktır - sayfada 3'ten fazla renk olmamalıdır.

Tipografiye odaklanın. Düz tasarım, harekete geçirici mesaj oluşturan ve sitede kolay gezinme sağlayan parlak, orijinal etiketleri tercih eder. Burada da aşırıya kaçmamak önemlidir. "El yazısı" ve diğer süslü yazı tiplerini unutun. Başlıkları vurgulamak için kullanabilirsiniz. büyük harfler.

Çeşitli geometrik şekiller kullanmaktan çekinmeyin. Kareler, daireler, çizgiler ve diğer şekiller yalnızca web sitesinin yapısını iyileştirmeye yardımcı olmakla kalmaz, aynı zamanda net bir hiyerarşi ve ayrı içerik oluşturur. Kullanıcılar bunu takdir edecek, inan bana.

Mümkün olduğunca kolay hale getirin navigasyon menüsü ve sitenin diğer unsurları. Düğmeler olarak, gölgeler ve vurgular olmadan normal dikdörtgenler kullanın.

Böylece, yıllar içinde düz tasarım web siteleri kesinlikle herkes tarafından kabul edilen bir standart haline geldi. Modern sitelerin çoğuna bakın - "kemiğe kadar" düzdürler.

Son olarak, kendi başyapıtlarınızı yaratmanız için size ilham kaynağı olabilecek başarılı düz tasarımın söz verdiğim örneklerini vereceğim.

1. Site http://dunked.com.

Çeşitli yaratıcı mesleklerin temsilcilerine yönelik portföy yayınlamak için popüler bir platform. Minimalist düz web tasarımı, gereksiz özel efektlerle dikkat dağıtmayan, güvenilir ve anlaşılır bir hizmet duygusu uyandırır.

2. Microsoft arayüzü.

Microsoft, düz stili bu kadar popüler yapan şirketlerden biridir. Microsoft'un 2000'lerin ortalarında piyasaya sürdüğü iPod rakibi Zune'u hatırlıyor musunuz? Bu nedenle, bu ürünün tasarımı, büyük ölçüde büyük tipografi, düz simgeler, büyük ve parlak formlar nedeniyle o zamanın çoğu uygulamasından çok farklıydı.

Metro olarak adlandırılan bu arayüz daha sonra kişisel bilgisayarlar(Windows 8), Xbox 360 arayüzü ve diğerleri yazılım ürünleri Microsoft.

3. Web sitesi http://www.vox.com.

Peki, ilham aldın mı? Aşağı sözde gerçekçi 3D estetikle!

Bu kadar. Abone olun, makalelerimizi arkadaşlarınızla paylaşın sosyal ağlarda. Sizin için yüksek dönüşümler!

Web geliştirmede modern eğilimler ve yaklaşımlar

Web sitesi oluşturmada sıfırdan hızlı büyüme için algoritmayı öğrenin

Bu yazımda sizlere düz tasarımdan bahsedeceğim. Düz, son birkaç yılda web'deki önde gelen trendlerden biri haline geldiğinden, bununla ilgili bir şeyler duymuş olmalısınız.

Bugün düz tasarımın ne olduğunu, nasıl ortaya çıktığını ve temiz, parlak ve duyarlı bir tasarım oluşturmak için neye ihtiyacınız olduğunu anlayacağız.

Bulabilirsin iyi örnekler http://market.envato.com/ adresinde düz tasarım. Modern tasarımın neye benzediği hakkında size net bir fikir verecek çok sayıda düzen, simge ve şablon var. .

1. Düz tasarım nedir?

Düz tasarım - modern tarz kullanıcı arayüzü ve minimalizm ile karakterize edilen grafik tasarım. Düz tasarım, minimum öğelerin kullanılması ve doku, gölge ve ışığın çeşitli etkilerinin olmaması ile karakterize edilir, örneğin: karışık renkler, degradeler, vurgular vb.

Düz ve skeuomorfizm( Skeuomorfizm, bir ürüne diğerinin görünümü verildiğinde bir tasarım ilkesidir, yani. çeşitli arayüz öğeleri gerçek nesnelerden kopyalandığında - yaklaşık çeviri.) , zengin tasarımın yanı sıra, düz tasarımın ilk bakışta göründüğü kadar basit olmadığını söylemekte fayda var. Skeuomorfizmin bazı özelliklerini içerir, ancak bundan biraz sonra bahsedeceğiz.

Genel olarak, düz, kullanıcının görseller tarafından dikkati dağılmadan içeriğe odaklanmasına yardımcı olur. Düz tasarım, arayüzü daha duyarlı, hoş ve kullanımı kolay hale getirirken öğelerin basitliğini vurgular.

2. Biraz tarih

Düz tasarım, bildiğiniz gibi, web'de küresel bir trend haline geldiği andan çok önce vardı. Düz tasarım 80'lerde oldukça popülerdi çünkü o zamanlar tekniğin henüz karmaşık efektleri, dokuları ve gölgeleri destekleyecek kadar gelişmemiş olması. Bununla birlikte, o zaman bile, tasarım, arayüz öğelerini olabildiğince gerçekçi hale getirmeye çalışarak, skephomorphism için çabaladı.

Düz tasarım, şimdi gördüğümüz formda, Microsoft'un metro tarzı olarak adlandırılan ürünler üretmeye başlamasından sonra popülerlik kazanmaya başladı. Metro, stili ve sadeliği ile etkileyici bir Microsoft UI tasarımıdır.

2010 yılında Microsoft piyasaya çıktı Windows telefon Keskin kenarlı düz tasarımı ve ilk ürünlerden birinden miras kalan basit grafikleri kullanan 7, Microsoft (Zun). Daha sonra, başarıdan ilham alan Microsoft, işletim sistemi Aynı Metro düz stiline dayalı Windows 8.

Ne de olsa, düz tasarım 2013'te Apple piyasaya çıktığında zirveye ulaştı. iOS 7 temelde gösteriyor yeni tasarım simgeler ve yazı tipleri dahil olmak üzere tamamen yeniden tasarlanmış kullanıcı arabirimi öğeleriyle. elma oluşturuldu UI ve simge tasarımının görsel ilkeleri .

Kısa bir süre sonra Google, uygulamalarında ve web sayfalarında düz stili kullanmaya başladı. malzeme tasarımı. Google, web tasarımının amaçlarının bir açıklaması, çeşitli tasarım nesneleri oluşturma ilkeleri ve talimatları da dahil olmak üzere bu stile ayrılmış tam bir bölüme sahiptir: simgeler, düzenler vb.

O zamandan beri düz, web tasarımında önemli bir trend haline geldi ve web sitelerini, uygulamaları ve arayüz öğelerini zarif, temiz ve şık hale getirdi.

Bu nedenle, firmalardan onsuz hayal etmenin zor olduğu üç küresel düz tasarım örneği vardır. modern dünya teknolojiler:

Microsoft'un Metro tasarımı

Apple iOS 7 tasarımı

Google'ın Materyal Tasarımı

3. Temizliği hatırlayın

Düz tasarım, 3B öğelerin ve degradeler, dokular, vurgular, orta tonlar, gölgeler gibi gerçekçi efektlerin olmaması nedeniyle görünüşe göre "düz" olarak adlandırılıyor. Unutmayın, düz stil, nesneleri tasvir etmenin iki boyutlu (düz) bir yoludur.

Ayrıca düz tasarımda nesneler çok basitleştirilmiş ve stilize bir şekilde tasvir edilmiştir.

Ve bazen bir nesnenin sadece bir silueti veya dış hatları bile kullanılır, yani. nesneyi tanınabilir kılmak için yeterli, ancak küçük ayrıntılarla aşırı yüklememek.

Minimalizm bugünlerde küresel bir trend haline geldi: şekillerin sadeliği ve keskin kenarların kullanımı temiz ve hoş bir tasarım yaratıyor. Basit formlar daha anlaşılır ve anlaşılması daha kolaydır. Bu, tasarımı minimalist, temiz tutar ve yoğun, dağınık bir görünüm almasını engeller.

4. Mükemmel

Düz simgeler ve UI öğeleri oluşturmaya gelince, bunların net, düzenli ve piksel olarak mükemmel görünmesini sağlamanız gerektiğini bilin. mümkün olduğunca. Ayrıca, bu hem raster hem de vektör grafikleri için geçerlidir.

program ile Adobe Photoshop burada her şey açıktır: piksellere dayalı raster grafiklerle çalışır.

programa gelince Adobe Illustrator, daha sonra matematiksel formüllerle verilen vektör adı verilen eğri ve çizgilerden oluşan vektör grafiklerini kullanır.

Bir zamanlar Adobe Illustrator, piksel mükemmelliğinde grafikler oluşturmak için özellikle uygun bir program değildi. İyi haber şu ki en son sürümler Illustrator, iyi grafikler oluşturmak için harika bir araç haline geldi.

bunu söylemeliyim Vektör grafikleriçoğunlukla basit, düz şekiller, düz renkler ve ızgaralarla çalışmayı içerir.Adobe Illustrator çok esnektir ve ızgarayı ihtiyaçlarınıza göre uyarlamanıza, nesneleri hizalamanıza ve farklı şekiller koparma. Bu, her ekranda temiz ve şık görünen mükemmel tasarımı oluşturmayı kolaylaştırır. Mükemmel grafiklerin nasıl oluşturulacağını öğrenmek istiyorsanız, makaleyi okumalısınız: Adobe Illustrator kullanarak mükemmel piksel resmi nasıl oluşturulur .

5. Renk

Düz tasarımın gölgeler dışında daha belirgin özelliklerinden biri de renk kullanımıdır. Düz tasarımın elemanlarında kullandığı renklerin çoğu sadece birkaç temel renkten oluşur.

Düz tasarımdaki renk, parlaklık, doygunluk, sululık ile ayırt edilir.Düz renk şeması birkaç özel renkle sınırlı değildir, birçok renk içerirler ve seçimleri sadece tasvir ettiğiniz şeye bağlıdır, ister tatlı ikonları ister sofistike bir retro paletindeki retro tarzı nesneler olsun.

Diyelim ki bir UI tasarımcısısınız ve renk paletleri konusunda iyisiniz ve Photoshop ve Illustrator'daki renk çubuğuyla denemeler yapıyor, renkleri istediğiniz gibi karıştırıyorsunuz. Ancak bu süreç oldukça karmaşıktır ve iyi bir sezgi, deneyim ve beceri gerektirir. Burada kendi renk paletinizi oluşturmanıza yardımcı olabilecek bazı araçlar bulacaksınız.

Bazıları sadece düz tasarımlar değil, her türlü tasarım ve illüstrasyon için uygundur. Örneğin, daha çok Cooler olarak bilinen Adobe Color CC. Bugün hem web sitesi hem de doğrudan Adobe ürünleri aracılığıyla buna erişim var. Soğutucu, kendi renk paletinizi oluşturmanıza veya kitaplıktan özel paletler arasından seçim yapmanıza olanak tanıyan çok esnek bir araçtır.

Başka bir basit ve kullanışlı renk paleti oluşturucu Coolors'tur. Sadece boşluk tuşuna basın ve program bir renk paleti oluşturacaktır, renkleri ayarlayabilirsiniz, ayrıca bir dışa aktarma işlevi de vardır.

Yararlı olabilecek özel paletlere sahip birkaç benzer hizmet daha vardır. Ancak, özellikle düz tasarım için yapılmış bir araç vardır: Designmodo'nun FlatUIColors.com'u, çalışmak için çok uygun bir dizi "düz" renk içeren bir hizmettir. Bu site, mükemmel tasarımlar için iyi renk seçenekleri arayan tasarımcılar arasında oldukça popüler hale geldi. Dene!

Ve içinde daha fazla renk ve palet çeşidi bulabilirsiniz. Google'ın Materyal Tasarım Kılavuzu.

6. Uzun gölgeler

Yukarıda bahsedildiği gibi, düz tasarım sadelik, çok fazla boş alan ile karakterize edilir - bu nedenle düz, herhangi bir efekt kullanımını reddeder. Ancak düz tasarıma özgü bir efekt vardır. Bu etki bir trend haline geldi ve Karakteristik özellik düz.

Şimdi uzun gölgelerden bahsediyoruz. Onlar biraz var tipik özellikler, bu etkiyi tanınabilir kılan, yani: 45 derecelik bir eğim ve büyük bir boyut (gölge, öznenin kendisinden birkaç kat daha uzun olabilir. Sonuç olarak, uzun gölgeler düze bir miktar derinlik etkisi verir.

Bu efekt, nesneyi daha üç boyutlu yapar, ancak aynı zamanda onu düz bir tasarım bağlamında bırakır.

7. Yazı tipleriyle çalışma

Tipografi düz tasarımda büyük rol oynar. Çoğu zaman metin, kompozisyonun ana unsuru haline gelir.

Flat genellikle tüm tasarımı temiz ve okunabilir kılan basit yazı tipi stilleri kullanır. Adobe ürünlerini kullanıyorsanız Adobe Typekit'te birçok ücretsiz yazı tipi bulabilirsiniz. Ayrıca Font Squirrel'da birçok iyi ücretsiz yazı tipi bulabilirsiniz. Ancak yazı tipini ticari amaçla kullanacaksanız lisansı okumayı unutmayın.

Çoğu zaman düz tasarımda kullanmak gelenekseldir büyük harf ve zıt renkler, metni daha okunaklı hale getirir.

Yazı tiplerini dikkatli kullanın, tasarımı vurgulaması ve uyması gerektiğini ve ayrı bir unsur gibi görünmemesi gerektiğini unutmayın, bu serif yazı tiplerini veya bitişik el yazısı karmaşık yazı tiplerini kullanamayacağınız anlamına gelmez. Sadece minimalist olmayı ve her şeyi dengede tutmayı unutmayın. Bununla birlikte, düz, daha katı ve düzgün göründükleri için sans-serif yazı tiplerini daha sık kullanır.

8. Düz Tasarımın Artıları ve Eksileri

Düz tasarım birçok avantajı nedeniyle bu kadar popüler hale gelse de, tasarımcıların bu stili kullanırken karşılaştıkları bazı dezavantajlar hala var. Artılarına ve eksilerine bakalım.

profesyoneller

Popülerlik

Düz tasarım, tasarımcılardan ve web tasarımcılarından giderek daha fazla olumlu geri bildirim alarak bir trend haline geldi ve hiç de zemin kaybediyor gibi görünmüyor. Aksine gitgide yayılıyor, yeni biçimler ve özellikler kazanıyor, giderek daha yaratıcı hale geliyor.

Basitlik

Düz tasarım basit, minimalist ve temizdir. Web'de düz, kullanıcıların görsellerle dikkatlerini dağıtmak yerine içeriğe odaklanmasına yardımcı olur. Bu, mobil uygulama arayüzleri için de geçerlidir: temiz tasarım büyük düğmeler mobil cihazların kullanımını mükemmel hale getirir.

Parlaklık

Renk, düz tasarımda bir başka harika artıdır. Parlak ve doygun renkler çekici ve temiz görünüyor ve degradelerin olmaması tasarımı şık hale getiriyor. Üstelik bu tür saf renkler onu daha pozitif kılıyor, prezentabl, düz tasarım doğru havayı yaratıyor.

Kusurlar

Flat'in daha birçok avantajı vardır, ancak hiçbir tasarım mükemmel değildir ve onu idealize edemeyiz. İşte düz tasarımın bahsetmemiz gereken bazı dezavantajları:

tepkisizlik

Bazen önemli ayrıntıların veya görsel efektlerin olmaması, kullanıcı dostu bir arayüz oluşturma sürecini zorlaştırır ve bu genellikle tüm tasarımı yanıtsız hale getirir. Bir web sayfasında tıklamanız veya ekrana dokunmanız gereken öğeleri bulmak zor olabileceğinden, tüm kullanıcılar flat ile rahat hissetmez. cep telefonuçünkü etkileşimli değiller.

Tipografi ile ilgili sorunlar

Daha önce de belirtildiği gibi, her yazı tipi düz tasarıma uygun olmayabilir. Bazen keskin kenarlı bu kadar zengin bir yazı tipi gerçekten dengeli ve şık görünüyor. Ancak yazı tipinin yanlış seçilmesi durumunda tüm tasarım bozulabilir. Hangi fontların düz için uygun olup hangilerinin uygun olmadığı konusunda gerçekten iyi bir fikir sahibi olmalısınız.Tecrübe eksikliği bir font seçimini çok zorlaştırıyor.

Zayıf görseller

Efektlerin, renklerin ve yazı tiplerinin kullanımındaki kısıtlamalar nedeniyle, düz çok basit ve soğuk görünebilir. Minimalizmi aynı zamanda ana dezavantajı olabilir - diğer düz tasarımlar tamamen sizinki gibi görünür. Bu nedenle, aynı basitleştirilmiş şekilleri, sınırlı renk paletlerini ve benzer yazı tiplerini kullandığınız için simgelerinizi veya web sayfalarınızı başka birinin tasarımından farklı göstermek çok zordur. Sonuç olarak, düz tasarım zamanla sıkıcı hale gelebilir.

9. Geleceğin Düz Tasarım Trendleri

Flat tasarımın tam olarak oluştuğu ve kendi kendine durduğu söylenemez, belki de yukarıda bahsettiğimiz eksikliklerden dolayı dairenin gelişmeye ve değişmeye meyilli olması, yeni özellikler kazanması ve görsel ifadeyi arttırması olabilir.

Düz tasarımın son örneğine dikkatlice bakarsanız, gerçekten olduğunu görebilirsiniz.yavaş yavaş titiz araçlarından çıkar ve degradeler, gölgeler, aydınlatma ve diğer görsel efektler gibi ince efektler eklemeye başlar.

Bu küçük dokunuşlar, düz tasarımlara, skeuomorfik tasarımlar gibi aşırı detaylandırmadan biraz derinlik verir.Bu küçük iyileştirmeler, düzlüğü daha duyarlı ve rahat hale getirmenin yanı sıra, yeni bir görünümle düz daha esnek ve çok yönlü hale getirir.

Böylece daire özelliklerini kaybetmez, daha ilginç, esnek hale gelir.- Gerçekten iyileşiyor.

sonuçlar

Böylece düz tasarımın tarihinden bazı gerçekleri tartıştık ve renkler, şekiller ve tipografi hakkında konuştuk. Farklı bakış açılarına baktık, dairenin avantajları ve dezavantajları üzerinde durduk ve iyi tasarım yaratmanın bazı temel ilkelerini öğrendik.

Umarım bu makaleden yeni bir şeyler öğrenmişsinizdir veya en azından ilginç bulmuşsunuzdur. Daha önce yapmadıysanız düz tasarımı denemelisiniz.

Sonuçta, düz tasarım hakkında başka ne belirtilmelidir?

Keskin kenarları, canlı renkleri ve canlı yazı tipleri, temizliği ve minimalizmi ile gerçekten düz seviyorsanız, o zaman bunun için gidin!

Trendde, ancak diğer grafik stillerinde olduğu gibi, kendinizi tek bir teknikle sınırlamayın. Düz trend ise, bu, projenizde başka stiller kullanamayacağınız anlamına gelmez. Küçük detayları ve dokuları ile skeuomorfizm de iyi karar. En önemlisi, tasarımın her proje için farklı olduğunu, kullanışlı ve işlevsel kalırken ruhunu, amacını, özünü ifade etmesi gerektiğini unutmayın. İleri!

Düz tasarım nedir? Bu tasarım yönü internette en çok tartışılanlardan biridir. Kısacası, düz tasarım, kökleri minimalizme dayanan, son derece basitleştirilmiş bir stildir. Ancak bu tam olarak minimalizm değildir, çünkü verilen stil tasarım gereksinimlerine bağlı olarak çeşitli biçimler alabilir. Düz tasarımın ne olduğunu daha iyi anlamak için geriye gitmek ve tam olarak ne olmadığını tanımlamak en iyisidir.

bu 3 değilD. Kendi başına, 3D grafikler çok gerçekçi, ancak aynı zamanda iki boyutlu görüntüler elde etmenizi sağlar. Düz tasarım, 3D'nin aksine, gölgeler, vurgular ve dokular gibi derinlik ve boyut oluşturan ayrıntılara fazla dikkat etmez.

Bu bir skeuomorfizm değil. Düz tasarım, gerçek nesneleri veya süreçleri taklit eden sözde boyutlu tasarım öğelerine bir alternatif olarak ortaya çıktı. Skeuomorfizm, çeşitli efektlerin aktif kullanımını içerir: gölgeler, yansımalar, yansımalar ve gerçekçi dokular. Düz tasarımda böyle bir şey yoktur ve olamaz.

İnsanlar ilk kez bu tarzın ortaya çıktığı 2012-2013 yıllarında düz tasarımdan bahsetmeye başladılar. Eğilim çok dikkat çekiciydi ve çok fazla gürültü yaptı, çünkü bu yönü geliştirmeye ilk başlayanlardan biri Microsoft idi. Windows 8'in yeni bir arayüzle piyasaya sürülmesi, tasarımı sonsuza dek değiştirdi ve web'in geliştirme vektörünü, en azından görsel bileşenini büyük ölçüde önceden belirledi.

Apple, cihazlarının arayüzlerinin tasarımında sözde hacimsel unsurları da terk eden bir yana durmadı. Microsoft ve Apple, modası geçmiş web sitelerinin yerinin olmadığı yeni bir gerçeklik yarattı. Aynı zamanda, Apple ebedi rakibi kadar radikal davranmadı ve yavaş yavaş skeuomorfizm unsurlarından kurtuldu.

Düz tasarımın kendisi ne kötü ne de iyi, web tasarımcıları onu uygun veya elverişsiz hale getiriyor. Ancak dürüst olmak gerekirse, uçlarında düz tasarım çok estetik olarak hoş değil. Muhtemelen, bu durumda tatlı nokta, düz ve sözde hacimsel öğeler arasında ortada bir yerdedir.

Birkaç kişi için baskın olanın olması oldukça olasıdır. son yıllar aşırı basitleştirme eğiliminin yerini başka bir şey alacak. Bunun için bazı ön koşullar vardır - örneğin, Google Corporation'ın tasarımcıları tarafından oluşturulan Materyal Tasarım yönü.

UYARLANABİLİR TASARIMLA UYUMLU

Microsoft ve Apple'ın arayüz tasarımında skeuomorfizmden uzaklaşması büyük yankı uyandırdı. Yeni stil, neredeyse anında UX'e yeni bir yaklaşım olarak benimsendi. O zamandan beri, düz tasarım hala geçerli olan baskın bir trend haline geldi. Günümüzde düz elemanlar her yerde bulunur, bunları web sitelerinde, uygulamalarda ve çeşitli cihazların ekranlarında görüyoruz.

Düz tasarım ilkeleri, çok çeşitli tasarım kategorileri için geçerlidir, ancak katı ızgaraları ve basit grafikleri en iyi küçük ekranlı cihazlarda görüntülenir.

Minimalizme yönelik eğilim, tasarımcıların işini büyük ölçüde basitleştirdi - her tür cihazda doğru şekilde görüntülenen arayüzler tasarlamaları onlar için daha kolay hale geldi. Sözde-3D öğeler söz konusu olduğunda, durum böyle değildi - bazen bir masaüstü ekranında harika görünen bir arayüz, bir mobil cihazda belirsiz bir balkabağına dönüştü.

Düz tasarımın ana avantajlarından biri ölçeklenebilirliğidir. Düz öğeler, boyutları ne olursa olsun güzel görünür ve çalışmak, piksel mükemmelliğindeki tasarımlardan çok daha kolaydır.

ESNEK PLATFORM

Sadelik arayışındaki düz tasarım, iyi esneklik ile karakterize edilir: tüm öğeler genellikle tek tip geometrik şekillerden oluşturulur, bu da her modülün veya bloğun yerini aldığı dengeli bir düzen oluşturmayı kolaylaştırır. Aynı zamanda, tüm elemanlar kolayca ayırt edilebilir ve daha da önemlisi, orijinal ayarları ihlal etmeden çalışma sırasında hızlı bir şekilde değiştirilebilirler.

Izgaralar ayrıca çeşitli konfigürasyonlarda sunulabilen esnek bir yapıya sahiptir. Bu, tasarımcıların ellerindeki içeriği en iyi şekilde sergileyen en uygun yaklaşımları oluşturmalarına olanak tanır. Kısıtlamaların olmaması ve yeni öğelerin değiştirilmesi veya eklenmesi durumunda ızgarayı ayarlama ihtiyacı, iş akışını önemli ölçüde hızlandırır.

OKUNABİLİR TİPOGRAFİ

Düz tasarım, tasarımcıların tipografi hakkındaki düşüncelerini temelden değiştirdi. Yeni stil, yazı tipi seçimine ve mizanpaj kalitesine farklı bir yaklaşım gerektiriyordu. Sonuç olarak, gölgelerin olmaması ve çeşitli efektler, metinleri daha okunaklı hale getirdi.

Düz tasarım birçok sans-serif yazı tipi kullanma eğilimindedir, ancak bu akisome değildir ve serifler düz öğelerle birlikte iyi görünebilir. Serif yazı tipleri başlık olarak oldukça uygun olacağı gibi, tipografi kompozisyon bütünlüğünü ihlal etmiyorsa gövde metninde de kullanılabilir.

EKSİ

Düz tasarımın kusuru yokmuş gibi görünebilir, ama öyle değil. Bazı tasarımcılar, temiz çizgileri ve şekilleri vurgulama arayışlarında, kullanılabilirliği unuturken estetiğe odaklanma tuzağına düşerler. Gereksiz hiçbir şeyin olmadığı basit ve güzel bir tasarım her zaman uygun değildir ve bu tür hatalar özellikle mobil cihazlar kullanılırken belirgindir.

Düz tasarımda, hangi öğenin etkileşimli olduğunu ve hangisinin olmadığını söylemek genellikle zordur. Her şey aynı, bariz bir fark yok, tüm unsurlar aynı düzlemde. Basitlik arayışında, tasarımcılar önemli özellikleri veya eylemleri istemeden gizleyebilir veya istemeden maskeleyebilir ve kullanıcı, olağan istemleri görmeden sitedeki yönünü kaybedebilir.

Örnek olarak bu siteyi ele alalım. İçindeki hangi öğeler etkileşimlidir. Herşey? Yoksa sadece bazıları mı? belirsiz. Bu sadece “dürtme yöntemi” ile bulunabilir, ancak bunlar zaten istenmeyen hareketlerdir.

BİREYSELLİK KAYBI

Herhangi bir marka, işletme veya tasarım projesi için benzersizlik son derece önemlidir. Bir web sitesi, bir uygulama, bir kitapçık, bir poster veya bir kartvizit olsun, tasarım özgün ve iyi tanınabilir olmalıdır.

Düz tasarımın dezavantajlarından biri görsel tarzıdır. Basit geometrik şekillerin kullanımı genellikle iki tamamen farklı tasarımın birbirine çok benzer olmasına neden olur. Düz elemanlar kullanan tasarımcıların yapabilecekleri kısıtlı çünkü ellerinde fazla bir şey yok. büyük seçim kabul edilebilir seçenekler Son zamanlarda internette aslında klon olmayan birçok klon sitesi görebilirsiniz. Bu sadece bir tesadüf. Ayrıca, site benzer bir tasarıma sahip diğer kaynakların arka planına karşı kaybolarak çok ihtiyaç duyulan bireyselliğini kaybettiği için tesadüf hoş değildir.

Bazen komik oluyor. Bu resimlere bakarak aynı uygulamanın farklı bölümlerine sahip olduğumuzu düşünebilirsiniz. Ama hayır, tasarımcılar Marco La Mantia ve Simone Lippolis bağımsız çalıştılar. Ana tasarım öğeleri olarak temel geometrik şekiller ve beyaz sans-serif yazı tipi kullanılır - çözüm mantıklı olmaktan daha fazlasıdır. Ancak sonuç içler acısı - aynı renk şeması benzersiz tasarımı tamamen mahrum etti. Ve bunun gibi birçok vaka var.

MODA TAKİP ET

Düz tasarım, mobil cihaz ekranlarında iyi göründüğü için uzun süre en sıcak trendlerden biri olmaya devam edecek. Ancak birçok tasarımcı, yalnızca görevlerin çoğunu hızlı bir şekilde çözmenize izin verdiği için değil, aynı zamanda modern ve modaya uygun bir şey yaratma arzusu nedeniyle de daireyi seçiyor.

Bununla birlikte, moda arayışında ciddi bir hata yapılabilir: Tüm trendleri dikkatsizce takip ederseniz, tasarımın faydasını unutmak oldukça mümkündür. Daire çok güzel, zarif ve hatta zarif olabilir, ancak yine de bir tasarımcının seçimi, güzellik arzusuna göre değil, işlevselliğe göre belirlenmelidir. Bazen modaya uygun bir şeyi tasarımın içine "götürme" arzusu, örneğin en çok tanınan düz tasarım yongalarından biri olan uzun gölgeler gibi yalnızca can yakar.

Önümüzde tasarımcılar Alexander Lototsky ve Erik Malmskeld'in eserleri var. Bunlar, tasarımda uzun gölge kullanımının tipik örnekleridir. Şimdi bununla kimseyi şaşırtmayacaksınız, ancak bir zamanlar ve her iki eser de 2013'te, düz tasarımın yeni moda haline geldiği zaman yaratıldı, yeni görsel stil çok ilginç ve çekiciydi. Sonuç olarak, o kadar çok benzer simge var ki, günümüzde gölge kullanımı formüle edilmiş ve ilginç olmayan bir çözüm. Eskiden modaydı ama artık değil. Gölgeler, gölgeler gibidir. Onların bir anlamı yok, hayır faydalı fonksiyon performans göstermezler.

ZAYIF YAZI TİPİ SEÇİMİ

Her tasarımcı aynı anda hem güzel hem de işlevsel bir şey yaratmanın hayalini kurar. Ancak estetik arayışında, kullanılabilirliği etkileyecek kötü seçimler yapabilirsiniz. Bir örnek, ince ve hafif yazı tiplerinin çılgınlığıdır. Bu tipografi temiz ve hafif görünüyor, ancak okunması zor.

Bazen ince bir yazı tipi seçmek haklıdır - örneğin başlıklarda kullanım için. Ancak ana metin aynı yazı tipinde yazıldığında, çoğu zaman okumak imkansızdır. Bu tür hatalar özellikle mobil cihazlar – küçük boy ekran, içeriğin okunabilirliğini önemli ölçüde azaltır.

DÜZ 2.0

Geçtiğimiz birkaç yıl içinde, tasarımcılar düz elemanlarla deneyler yaptılar ve düz tasarıma birçok yeni şey getirdiler. Tarz tamamen biçimlendirilmiştir ve diğer yerleşik stiller gibi, artıları ve eksileri vardır.

Görünümünün başlangıcında, düz katı görsel sadelik ile ayırt edildi, içinde hiçbir gölge ve yapı ipucu yoktu. Düz tasarım ilkeleriyle çelişmese de, eğimler bile yüksek itibar görmedi.

Ama yavaş yavaş, tasarımcılar da onlardan uzaklaşmaya başladı. basit çözümler, düz ve skeuomorfizm arasında bir uzlaşma çözümü bulmaya çalışıyor. Sonuç, bazı tasarımcıların Flat 2.0 dediği yeni bir stil. Tasarım öğelerinde yavaş yavaş gölgeler, gradyanlar ve hatta hafif, neredeyse algılanamayan yapılar ortaya çıkmaya başladı. Düz tasarım açıkça derinlikten yoksundur ve tasarımcılar hibrit yaklaşımları kullanmaya başlamıştır. Örneğin, öğeleri görsel olarak düzenleyin farklı seviyeler, gölgeler ve gölgelerle denemeler yapın. Hibrit yaklaşımın sıklıkla kullanılan bir diğer örneği, dairede sadece ikonların ve düz vektör benzeri illüstrasyonların değil, fotoğrafların da kullanılmasıdır.

Google, Flat 2.0'ı tanıtmak için çok şey yaptı. Materyal Tasarım Kılavuzu, düz ve üç boyutlu tasarım öğelerini birleştiren yeni bir görsel dil yaratma girişimidir. Google'ın önerileri çok ayrıntılı ve takip edilmesi kolaydır. Aynı zamanda, Google, kılavuzda belirtilen tüm kurallara sıkı sıkıya bağlı kalmakta ısrar etmez - tasarımcılar, çeşitli unsurların birleştirilebileceği kendi orijinal projelerini oluşturarak deney yapabilir.

ÇÖZÜM

Bugün, Flat 2.0 emekleme aşamasındadır, ancak bu tarzın gelişeceği yön zaten oldukça belirgindir. Önemli değişiklikler beklenmiyor - trend belirleyiciler Google, Apple ve Microsoft daireyi terk etmeyecek. Herhangi bir değişiklik varsa, bunlar küçük olacak - yeni yaklaşımlar ortaya çıkacak, biri ilginç bir "çip" bulacak, girişimler en iyi skeuomorfizmi almaya devam edecek. Ancak küresel anlamda, gerçekten yeni bir şey beklememelisiniz - düz tasarım uzun vadeli bir trend ve yalnızca henüz var olmayan yeni teknolojilerle en iyi şekilde buluşan bir stil, onu kazanılmış konumlarından değiştirebilir.