Kullanıcı arayüzlerinin tasarımı genellikle çekici ve kullanıcı dostu bir deneyim yaratmak için şekiller ve semboller kullanmayı gerektirir. Bu eğitimde, Adobe XD içinde şekilleri nasıl kendiniz oluşturup simetrik bir şekilde kullanabileceğinizi öğrenirsiniz, böylece tasarımınızı daha verimli hale getirebilirsiniz. Hızla farklı simgeler ve semboller oluşturmak için temel araçlarla nasıl başa çıkacağımızı konuşacağız; böylece bu simgeleri projelerinizde sürekli olarak yeniden kullanabilirsiniz.
En Önemli Bilgiler
- Semboller ve şekiller Adobe XD içinde doğrudan oluşturulabilir veya içe aktarılabilir.
- Pathfinder aracını kullanmak, karmaşık şekiller oluşturmak için çizgaları verimli bir şekilde birleştirmeyi sağlar.
- Semboller, zaman kazanmak ve tutarlılığı sağlamak için birden fazla kez ihtiyaç duyulan nesneler için kullanılmalıdır.
Adım Adım Kılavuz
1. Izgarayı etkinleştir ve çizgi aracı ile başla
Şekil oluşturmaya başlamak için önce çalışma alanına yakınlaştırarak ızgarayı etkinleştir. Izgara, elemanları hassas bir şekilde hizalamada yardımcı olur. Çizgi aracı ile çok şey başarabilirsiniz. Ona tıklayın ve düz bir çizgi çekmek için Shift tuşunu basılı tutun.
2. Pathfinder ile oklar oluşturma
Artık çizdiğiniz çizgileri aynı boyuta ayarlayabilirsiniz. Pathfinder aracını kullanmak için çizdiğiniz tüm çizgileri seçin. Çizgileri tek bir ok haline getirmek için "Ekle" işlevini kullanın. Köşeler çok keskinse, yuvarlatılmış köşeler seçeneğini etkinleştirin.
3. Hamburger simgesi oluşturma
Hamburger simgesi için önce belirli bir kalınlıkta bir çizgi çekin. Ardından, tekrar alanını seçin ve simge için üç çizgiyi oluşturmak üzere iki çizgi daha ekleyin. Sonrasında, simgeyi sağlam tutmak için çizgileri gruplayın.
4. Yaratıcı şekiller için yol aracı kullanma
Şimdi yol aracını kullanarak daha yaratıcı şekiller oluşturacağız. Bir daire çizin ve ardından Pathfinder ile birkaç ek bir nokta ekleyin. Bu, Wi-Fi simgesi gibi kıvrımlı şekillerin oluşturulmasını sağlar. Çizgi kalınlığını ayarlamayı ve tüm şekli gruplamayı unutmayın.
5. Düğmeler oluşturma ve metin ayarlama
Bir düğme oluşturmak için bir dikdörtgen çizin ve ona uygun bir renk veya degrade seçin. Ardından, düğmeye bir etiket vermek için bir metin alanı ekleyin. Unutmayın, metin değişiklikleri sembol olarak kaydedildiklerinde tüm düğmelere küresel olarak uygulanmaz.
6. Semboller oluşturma ve kaydetme
Semboller oluşturmak için kullanmak istediğiniz öğeleri seçin ve bunları simge çubuğuna aktarmak için Kısayol Command (Ctrl) + K tuşlarına basın. Böylelikle aynı öğeleri birden çok kez kullanabilir, her kullanımda yeniden oluşturmanıza gerek kalmaz.
7. Sembol düzenleme becerilerini kullanma
Eğer tasarımınızdaki bir sembolü değiştirmek isterseniz, ancak değişikliğin küresel olmasını istemiyorsanız, sembolün gruplamasını kaldırabilir veya onu normal bir şekle dönüştürebilirsiniz. Bu, diğer sembol örneklerini etkilemeden özel ayarlamalar yapmanıza olanak tanır.
8. Pratik arama işlevini kullanma
Tasarımınızda birçok öğe varsa, simge çubuğundaki arama işlevi, belirli bir sembolü hızlıca bulmanıza yardımcı olur. Sembolleri tarayıp onları daha kolay yönetmek için filtreyi kullanın.
Özet - Adobe XD: Sembolleri ve Şekilleri Etkili Kullanma
Özetlemek gerekirse, Adobe XD şekil ve sembolleri verimli bir şekilde oluşturup yönetmek için size araçlar sunar. Tanıtılan teknikler ve kısayollar ile tasarım süreçlerinizi optimize edebilir ve tutarlı tasarımlar oluşturabilirsiniz.
Sık Sorulan Sorular
Adobe XD'de yeni bir sembol nasıl oluşturabilirim?İstediğiniz öğeyi seçin ve Command (Ctrl) + K tuşlarına basarak sembol çubuğuna kaydedin.
Sembol çubuğundan bir sembol silerseniz ne olur?Sembol kütüphaneden kaldırılır, ancak yine de çalışma alanında görünür kalır.
Önceden oluşturulmuş bir sembolün boyutunu değiştirebilir miyim?Evet, çizgi kalınlığını ayarlarsanız, sembolün tüm örnekleri otomatik olarak değişir.
Bir sembolün birden fazla örneğini küresel olarak değiştirmeden nasıl düzenleyebilirim?Gruplamayı sağ tıklayarak kaldırın veya Command (Shift) + G kısayolunu kullanın.
Sembollerdeki metinler diğer unsurlar gibi mi çalışır?Hayır, bir sembolün metnindeki değişiklikler yalnızca belirli örneğe etki eder ve diğerlerini etkilemez.
