İlk arayüz denemem
21
●800
- 31-12-2019, 14:15:29Merhaba,
- Menüdeki alt çizgi işaretini kaldırmanızı öneririz.
- Menü öğelerinin arka plan rengi, site arka plan rengi ile aynı olmamalı, eğer aynı olacak ise, border olmamalı. Aksi halde kötü gözükür.
- Menü arka plan rengi çok keskin olduğunda göz yorabilir. Sade bir renk olması ya da rengin daha az yorucu tonlarda ayarlanması önemlidir.
- Sorgu text alanı metni, tüm yönlerden padding 10px şeklinde ayarlanmalı. Farklı bir ayar yapmak istiyorsanız, tüm yönlerden boşluk eşit olmalı. Bu alandaki metin kalın yazı olmamalı.
- Sorgu text alanı etrafına d9d9d9 renginde bir 1px solid border koyabilirsiniz.
- Aynı borderı sorgu butonuna da koyabilirsiniz. Sorgu butonuna ayrıca 10px 18px padding yapmanızı öneririz. Eğer isterseniz, hem buton hem de text alanı 8px e indirilebilir. Ancak, buton sol/sağ padding, üst/alt padding değerinin 2 katına yakın olmalıdır.
- Paketlerin olduğu alanın arka planındaki background mavisi, daha soluk bir renk olmalı ve göz yormamalı.
- Paketlerin arka planında farklı bir renk olmalı. Border 1px solid ve mümkünse d9d9d9 renginde olmalı.
- Paket başlığına arka plan rengini verirken, 100% width aldığından emin olmalısınız. Aksi halde kötü bir görünüm olur. Paket başlığına koyduğunuz arka plana ilaveten, border-bottom değeri olarak, 1px solid d9d9d9 yapabilirsiniz.
- Sipariş ver butonu kırmızı olmamalı. Sarı, yeşil ya da farklı bir renk seçilebilir. Sipariş ver butonu fontu bu kadar büyük olmamalı ve mümkünse büyük harflerle yazılmalı. Padding değerini yaparken, üstteki butona göre hareket etmelisiniz ancak buton arka arka plan rengini aynı yapmamalısınız.
- Alt kısımda bulunan borderler f0f0f0 ya da e5e5e5 olabilir. D9D9D9 fazla kaçabilir. Kırmızı kesinlikle kötü durur. Footerdaki kırmızıları değiştirmelisiniz ya da okunabilir bir açık kırmızı yapmalısınız. Bu kırmızıyı tutmak istiyorsanız, arka plana kontrasta uyumlu renk koymalısınız.
Bunlar ilk etapta gözümüze çarpan bazı öneriler.
Umarım faydalı olmuştur.
Teşekkür ederiz - 31-12-2019, 14:22:27Yorumunuz içi çok teşekkür ediyorum. Tüm bu söylediklerinize göre tasarımı yeniden düzenleyeceğim bu şekilde nasıl durur bende merak ediyorum açıkçası.Panacea Worldwide adlı üyeden alıntı: mesajı görüntüle
teşekkür ederimdzzalfa adlı üyeden alıntı: mesajı görüntüle
- 31-12-2019, 14:30:01Merhaba,webortami adlı üyeden alıntı: mesajı görüntüle
Tasarımınızı değiştirmeden önce yedeğini alıp, V1-V2 biçiminde öncesi/sonrası yapmanızı öneririz. Tasarımı geliştirdikçe yaptığınız hataları keşfeder öğrenirsiniz. Eğer versiyon yapmazsanız, A/B Testing yapamamış olursunuz. Bu da sizin değişimlerinizi analiz etmenizi engeller.
Tavsiyelerimize;
- Renk çalışması yaparken, Microsoft'un 4 renkli kare logosu gibi düşünmelisiniz. Logodaki mavi, kırmızı, yeşil ve turuncumsu sarı; çok kolay bir biçimde kontrast yapabileceğiniz, parlak olmayan renkler. Renkler parlak olursa, kontrast yapmak zorlayıcı olabilir.
- Profesyonel arayüzlerde, tüm sayfa öğeleri birbirleri ile ilişkilidir. Butonlara uyguladığınız padding, site genelindeki font büyüklüğü, font tipleri, renkler.. Bunlar daima tekrar eder ve belirli bir düzenle ilerlerler. Seçtiğiniz renge göre, d9d9d9 border önerimi e0-9 arası ya da f0-9 arası hafifleştirmeniz ya da a0-9 arası ağırlaştırmanız gerekebilir.
- 1px den daha kalın border kullanıyorsanız, çok seçici olmalısınız. Bu tip borderların kullanımı hem yorucu hem de kaba bir tasarıma neden olabilir.
- Ve en önemlilerinden biri, bir alanın hem dışı hem içi aynı arka plan rengine sahip ise, border uygulanmaz. Uygularsanız, hoş durmaz.
Bunları ekleyebiliriz. Umarım katkısı olur.
Teşekkür ederiz - 31-12-2019, 14:35:41ywebortami adlı üyeden alıntı: mesajı görüntüleMerhaba sevgili forum üyeleri. Birkaç gündür daha çok can sıkıntısından arayüz yapımlarına sarmış bulunmaktayım.
İlk denemem de bir hosting arayüzü oldu amacım güzel tasarımlar yapabilmek bununla ilgili değerli yorumlarınıza ihtiyacım var.
Aslında sitede bu kadar büyük durmayacaktır. Tuval 1366px olduğu için bu kadar büyük görünüyor çalışmamı 1024px üzerinden yaptım.
Merhaba,
Ellerinize sağlık, güzel olmuş hocam ancak turuncu rengi değiştirmeniz gerekiyor diye düşünüyorum. Header kısmında durabilir hoşta durmuş ama input içlerini beyaz yaparsanız daha hoş durabilir renklerde ufak tefek oynamalarla çok çok daha hoş duracaktır. Mutlu Yıllar dilerim. - 31-12-2019, 14:37:12Gayet güzel olmuş
Başarılarının devamını dilerim.
Ama bir çalışma alanı belirle ve o alan içinde çalış sağ sola dağınık olmasın ☺️😊👍👍
Gayet güzel bir çalışma. İlk deneyime göre ileride daha iyi olacağına inanıyorum.
