كورس تعليم برنامج #Adobe_xd UI & UX باللغة العربية من الصفر#12 Repeat Grid

كورس تعليم برنامج #Adobe_xd UI & UX باللغة العربية من الصفر
Ui - UX Design Course by Mena Boules Fouad
كورس تصميم واجهة البرامج و المواقع تقديم المبرمج مينا بولس (UI - UX Designing)
___
استكشاف تكرار الشبكة في Adobe XD
صغيرة على عناصر مرئية متعددة . ربما قرر عميلك أنه يحتاج إلى عدد قليل من وحدات البكسل من الحشو بين كل عنصر من عناصرك ، أو ربما قرر أن جميع الصور الرمزية الخاصة به تحتاج إلى زوايا مستديرة. بأي طريقة ، قد تجد نفسك تقوم بنفس الضبط في تصميمك مرارًا وتكرارًا . ومرة ​​أخرى.
في Adobe Experience Design CC (Beta) ، قدمنا ​​ميزة Repeat Grid لمعالجة هذا الجانب الممل من سير عمل المصمم. في هذه المقالة ، سنحفر بعمق لاكتشاف القوة الحقيقية لهذه الميزة الموفرة للوقت. سننشئ ونضبط شبكة التكرار ، ونضيف محتوى إليها ، ونعمل على توصيلها في وضع النموذج الأولي البسيط والقوي في Adobe XD . إذا كنت ترغب في المتابعة ، يمكنك تنزيل Adobe XD واختباره مجانًا.
إنشاء وتعديل شبكة متكررة
في جوهرها ، تعد شبكة التكرار نوعًا خاصًا من المجموعات. تمامًا مثلما نقوم بتجميع الكائنات ، سننشئ شبكة التكرار الخاصة بنا عن طريق تحديد كائن أو مجموعة من الكائنات وتحويلها إلى شبكة تكرار. في هذا التمرين ، سننشئ قائمة بسيطة لجهات اتصال الهاتف مع صورة واسم.
ـــــ
في هذا الدرس سنتحدث عن الادوات المستخدمة في بناء التصميم
User interface design , User Experience
كلمة UI هي اختصار ل User Interface ومعناها واجهة المستخدم وهي الواجهة التي يراها المستخدم عند الدخول لموقعك أو التطبيق الخاص بك أما UX هي اختصار ل User Experience ومعناها تجربة المستخدم وهي كل ما يخص التجربة التي يقوم بها المستخدم داخل موقعك أو تطبيقك, وهي تعتمد على تسهيل التجربة الخاصة به عن طريق أن تقوم بعمل ألوان جيدة مريحة للعين وأن تجعل العناصر سهل الوصول إليها وأن تجعل التجربة بسيطة وسلسة في موقعك والوصول لكل شيء يكون بسيط ولا يوجد أي شيء معقد في موقعك.
__
وظيفة UI/UX Designer هي الوظيفة الخاصة بتصميم Prototype + Mockup للتطبيق الخاص بك ورسم رحلة المستخدم كاملة User Journey وتجربة المستخدم والألوان المستخدمة وكل ما يخص التصميم قبل تنفيذ الكود وطبعا هذا تعريف بسيط جدا للوظيفة لمعرفة الفكرة فقط ومن أهم الأدوات برامج مثل Adobe XD أو Experience Design أو برنامج مثل Figma وهناك برنامج رائع على نظام Apple Mac هو Sketch.
__
ما هو برنامج Adobe XD ?
برنامج أدوبي اكس دي هو من البرامج المميزة لتصميم واجهات الاستخدام بأنواعها المتعددة , ظهرت النسخة الأولية من أدوبي اكس دي في عام 2015 (قبل 3 سنوات) وكان الهدف الأساسي من البرنامج هو تدعيم مصممي واجهة الاستخدام ببرنامج يلبي احتياجاتهم ويسهل عليهم العمل , تطرق المصممين لوجود برامج منافسة كثيرة ك Sketch و inVision وغيرها وأن أدوبي قامت بخطوة متأخرة , حيث أن برنامج Sketch في الاساس قد استحوذ على نسبة كبيرة من السوق ولا يمكن لمنافس جديد أن يأخذ مكانه بسهولة وقد أتفق كثير من المصممين على هذا الرأي وكنت أنا بنفسي من بينهم , حتى جاء العام 2017 .
أولاً لنفهم الفائدة الأساسية من Adobe XD علينا أن نفهم ما هو معنى UI/UX Designer بشكل صحيح , فمصمم واجهة الاستخدام UI/UX Designer فعلياً لا يقوم بكتابة الأكواد ولكن كتابة الأكواد هي عمل UI/UX Developer , فالمصمم هو من يقوم بعمل مخطط للتصميم ثم يقوم المختص بتحويلها الى كود فعلي , في بدايات ظهور هذا المجال كان النصيب الأكبر للورقة والقلم في التصميم , اعتمد المصممين لاحقاً على برامج مثل فوتوشوب و اليستراتور في تصميم واجهات الاستخدام , لكن مشكلة ثقل البرامج مثل فوتوشوب على بعض الأجهزة كانت عقبة كبرى , كذلك حاجة المصممين لانشاء كثير من الأمور يدوياً كانت بذرة مشروع Adobe XD و Sketch وغيرها , عند حضور Adobe XD الى الساحة كبرنامج مخصص لهؤلاء الأشخاص وجود المصممين سهولة ومرونة في التعامل مقارنة ب فوتوشوب واليستراتور , والأهم من ذلك انه مجاني !
ketch وغيرها , عند حضور Adobe XD الى الساحة كبرنامج مخصص لهؤلاء الأشخاص وجود المصممين سهولة ومرونة في التعامل مقارنة ب فوتوشوب واليستراتور , والأهم من ذلك انه مجاني !
مميزات برنامج Adobe XD :
تختصر عبارة XD في اسم البرنامج جملة Experince Design و من مميزات البرنامج الرائعة هو التركيز على واجهات الاستخدام و التخصص في تصميمها , فليس سهلاً او مرجحاً تعديل صورة أو انشاء أيقونة نهائية باستخدام Adobe XD - على الرغم من توفر أدوات كافية .
ومن أهم مميزات برنامج Adobe XD
مجاني ! يمكنك تحميله من( https://creativecloud.adobe.com/apps/. ) عبر Creative Cloud
واجهة مبسطة وفعالة
اختبار تجاوبية التصميم
ربط العناصر ببعضها واختبار المنتج
تحديد أماكن العناصر بدقة (Fixed , absolute)
تحديد قيمة لتأثيرات الانتقال
ومن هذا الرابط https://www.adobe.com/products/xd/fea. يمكنك تصفح الميزات الكاملة لبرنامج Adobe XD وتطوراتها منذ وصول البرنامج حتى اليوم
ما الممكن تحقيقه مع Adobe XD ?
الكثير فعلاً , تحدت شركة أدوبي نفسها و خرجت بمنتج خيالي استطاع احتلال مكانة كبيرة بين المصممين بسهولة , ولن أطيل في الكلام عن ما يمكنك تحقيقه , مجرد فيديو قصير مدته 3 دقائق مقدم من قناة Dansky المهتمة بالتصميم ستشرح لك شيئ من ما يستطيع عمله هذا البرنامج
___
Adobe XD
Adobe XD (also known as Adobe Experience Design ) is a vector-based user experience design tool for web apps and mobile apps, developed and published by Adobe Inc. It is available for macOS and Windows, and there are versions for iOS and Android to help preview the result of work directly on mobile devices. Adobe XD enables website wireframing and creating click-through prototypes.
Mena Boules Fouad
Mina Boules Fouad
مينا بولس فؤاد لبيب