|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/wireframe-egitimi/
课程评论：没有评论
UI/UX设计师们，欢迎来到《UI ve UX Tasarımcılar İçin Detaylı Wireframe Eğitimi [FİGMA]》课程！ 本课程旨在帮助您深入理解和掌握Wireframe（线框图）的设计与制作。 **课程重点：** * **Wireframe基础知识：** 学习Wireframe是什么，它在设计流程中的作用，以及如何有效地创建Wireframe，从而简化您的设计过程。 * **Wireframe的实践应用：** Wireframe是设计输入的草图，帮助您在项目初期构建整体结构和具体组件。它们是向团队、上级和客户清晰传达设计理念、获取反馈并推动项目进展的关键工具。 * **Wireframe的设计原则：** 在Wireframe设计中，我们不关注颜色和字体，而是利用矩形、圆形等基本形状构建界面。最重要的在于用户如何接收信息，他们在屏幕上看到什么，以及整体的交互体验。因此，应确保信息流程的清晰性和关键交互组件（如导航栏、按钮、输入框、搜索框等）的完整性。 * **实操流程：** * 首先，根据现有文档在纸上绘制Wireframe。 * 随后，在Figma中使用网格系统，为移动、平板和桌面端绘制数字Wireframe。 * 在Figma绘制过程中，我们将利用预先准备好的UI元素，并重点关注颜色使用、排版、组件和自动布局等关键因素。 **学习建议：** * 请按照课程大纲的顺序进行学习，以获得最佳效果。 * 如有任何疑问，请通过问答区或私信与讲师交流。 * **先修要求：** 具备Figma的基础知识是学习本课程的前提。 通过本课程，您将能够更专业、更高效地进行UI/UX设计，打造出用户体验更佳的产品！
Merhaba sevgili tasarım sever arkadaşlar,UI ve UX Tasarımcılar İçin Detaylı Wireframe Eğitimi'ne hoş geldiniz.Eğitim setinin ilk bölümünde wireframe hakkında temel bilgilere sahip olacaksınız. Böylece bir proje düzeninin önce ana yapısını, sonra parçalarını oluşturmanızı sağlayan, tasarım süreçlerimizi kolaylaştıran "wireframe"in temelde ne olduğunu ve nasıl yapıldığını öğreneceksiniz. Ayrıca wireframe oluştururken dikkat etmeniz gereken önemli ipuçlarını da keşfedeceksiniz. Tasarım sürecinde elde ettiğiniz verilerinizi farklı akışlarda kullanıcıya sunabilirsiniz. Kısaca wireframe'leri, üreteceğiniz tasarım alternatiflerinin eskizleri olarak tanımlayabiliriz.Her tasarım sürecinde olduğu gibi eskizler tasarımın son halini oluşturmamıza yardımcı olur. Bir proje üzerinde çalışırken fikirlerinizi ekip arkadaşlarınıza, patronlarınıza, müşterilerinize sunmanız, onların geri bildirimlerini almanız ve projeyi ona göre ilerletmeniz gerekecek. Böyle durumlarda wireframe'ler, ortaya koyduğunuz tasarım fikirlerini karşı tarafa net bir şekilde anlatır. Wireframe'ler üzerinde çalışırken renk ve font gibi unsurları ön planda tutmayız, dikdörtgen, daire gibi en temel şekiller kullanarak ekranlarımızı oluştururuz. Wireframe'leri oluştururken öncelikli olan kullanıcının bizim sunduğumuz bilgiyi nasıl bir akışta alacağı, ekranda neler göreceği, kısacası deneyimidir. Bu nedenle wireframe'leri oluştururken kullanıcının alması gereken temel bilgilere akışta sunduğumuzdan ve kullanıcının sayfa üzerinde hareket edebilmesi için gerekli olan temel bileşenlere yer verdiğimizden emin olmalıyız. Bu bileşenlere, navigasyon barı, çeşitli butonlari text girişleri(geri dön, kaydet, satın al vb.), arama kutucukları örnek olarak verilebilir.* Wireframe hakkında temel bilgileri edindikten sonra elimizdeki dökümantasyona göre ilk önce kağıt üzerinde wireframe'i oluşturacağız.* Grid sistem kullanarak mobil, tablet ve masaüstü versiyonlar olmak üzere dijital ortamda Figma ile wireframe çizimini gerçekleştireceğiz.* Bu çizimi gerçekleştirirken önceden hazırladığımız ui elemanlarını kullanacağız. Renk kullanımı, tipografi, component, auto layout gibi kriterleri dikkate alarak işlemleri gerçekleştiriyor olacağız.Kursu belirtilen ders sırasına göre izlemeniz faydalı olacaktır.Herhangi bir sorunuz olduğunda soru cevap kısmından veya özel durumlar için mesaj atarak benden cevap alabileceksiniz. Temel düzeyde Figma bilgisi bu eğitimi almanın ön şartlarından birisidir.
