أستمتع بتحويل الأفكار إلى واقع ملموس من خلال تصميم واجهات مستخدم جذابة وفعالة. مهتمة بكل ما هو جديد في عالم التصميم 👩🏻💻 | Ux writer and UI/UX DESIGNER| DM✉️
من المهم أن تكون رسومات الشخصيات معبرة عن المجتمع وقيمه الثقافية والدينية.🕌☪️
لكن السؤال هنا:
برأيكم، من هي الفئة المستهدفة بهذه الرسومات؟ وما الرسالة التي يحاول الموقع إيصالها؟ ما رأيكم؟🧕🏻
للتصميمات الشبابية: استخدم مزيجًا من الأزرق السماوي والأصفر الزاهي والوردي الفوشي.
للتصميمات الأنيقة والكلاسيكية: اختر ألوانًا ترابية مثل البيج والبني مع لمسات من الذهبي أو الفضي.
للتصميمات الطبيعية: استلهم ألوانك من الطبيعة مثل الأخضر الزيتوني والأزرق البحري والبني الترابي.
🎨
ليه UX مهم؟
زمان، كان تصميم المنتجات بسيط؛ المصممين كانوا يصمموا حاجات اعتقدوا إنها حلوة وأمَلوا أن يحبها عملائهم لكن المشكلة، أنه ما كان فيه منافسة كبيرة على انتباه الناس آنذاك. وكمان ما كان فيه اهتمام باللي بيستخدم المنتج
تكملة 👇👇👇👇👇
يلا، تخيلوا هاجر كيف كانت 🔥🔥🔥🔥🔥
كانت بتحلم إنها تبقى هاكر بتكتب أكواد سرية وتقعد قدام اللاب توب طول اليوم. دخلت الجامعة قسم تقنية المعلومات، وكانت حاسة إنها على الطريق الصح. بس مع الوقت، بدأت تحس إن الكودينج هذا مو مناسبها بالخالص! كانت بتتوه في بحر من الأصفار والواحدات.
مشروع التخرج 👩🎓
تم تصميم الواجهات باستخدام منصة فيقما ✅
عقبال الخطوة القادمة البرمجة باستخدام سي شارب وتقنية MVC
#mvc
#asp
.net
#c
#
#ui
#ux
#uiux
#تصميم_الواجهات
إضافة في Figma هتخليك تقول "يا سلام" على كل تصميم.⭐️
(Noise & Texture plugin)
هي أداه رهيبة في فيجما! بتقدر تضيف بسرعة نسيج وتأثيرات حلوة وتخلي تصاميمك أكثر حيوية. في عندك خيارات كثيرة عشان تعمل أي نوع من النقوش، من الناعم للواضح.
تبغى تشوف أمثلة؟
✨#تصميم #ابداع #أداة_جديدة
تصميم الواجهة (UI) هو الشكل الخارجي للموقع أو التطبيق، زي الألوان والصور والخطوط. أما تصميم التجربة (UX) فهو كيف يشعر المستخدم وهو يستخدم للموقع أو التطبيق، هل هو سعيد ولا متضايق أو عكس ذلك.
هما حاجتين مختلفين، لكن في الحقيقة، ما تقدر تحكي عن واحد من غير الثاني.
كتاب مبادئ تصميم الواجهات من مايكل فيليبيوك
هذا الكتاب بيشرح كل حاجة محتاجها مصمم الويب، من اختيار الألوان إلى استخدام الفراغات بشكل صح. الكتاب هذا مش بس بيساعدك على فهم الأساسيات، لكن بيعلمك كمان كيف تجذب الناس اللي بتستهدفهم.
الحمد لله، تم تكليفي اليوم من قبل إدارة حديقة عدن بمسؤولية كتابة تجربة المستخدم (UX Writing) وتصميم واجهات الموقع. يشرفني أن أساهم في تطوير هذا المشروع الحيوي. أتطلع إلى تقديم منتج نهائي يرقى إلى تطلعات الزوار والإدارة.
تخيل أنك عملت تطبيق موبايل جديد للطقس. التطبيق فيه رسومات متحركة حلوة وألوان جذابة، وبيقدر يوقع النجوم والكواكب. بس المشكلة إن المستخدم الأساسي للتطبيقات الجوية يبغى يعرف درجة الحرارة والرطوبة بسرعة وبساطة،ما يبغى يشوف رسومات معقدة. في الحالة هذي (التكملة) ⬇️⬇️
ليه هذا مهم؟
1)- عشان الناس ماعندها صبر : إذا التطبيق معقد أو اللعبة مش مفهومة، الناس رح تطفش وكمان رح تدور على حاجة ثانية أسهل.✋🏻
2)- عشان الناس تبغى حاجة تناسبها: كل واحد عنده طريقة معينة بيحب يستخدم فيها الحاجات، فالتصميم الجيد بيراعي كل الأذواق.✨
ليه هذا مهم؟
1)- عشان الناس ماعندها صبر : إذا التطبيق معقد أو اللعبة مش مفهومة، الناس رح تطفش وكمان رح تدور على حاجة ثانية أسهل.✋🏻
2)- عشان الناس تبغى حاجة تناسبها: كل واحد عنده طريقة معينة بيحب يستخدم فيها الحاجات، فالتصميم الجيد بيراعي كل الأذواق.✨
ايش يعني اتساق التصميم "Design Consistency"؟
اتساق التصميم هو اللي بيربط كل الأزرار والشكل العام لتطبيقك ببعض، وبيخلي المستخدم يعرف بالضبط ايش رح يحصل لما يضغط على حاجة معينة. هذا شيء مهم جداً عشان يعمل تجربة مستخدم رهيبة، وموضوع لازم يكون في دماغ أي مصمم تطبيقات.
كم وقت بيحتاج الواحد عشان يتعلم يصمم واجهات؟
الوقت اللي تحتاجه عشان تصيرِ مصممة واجهات بيختلف حسب حاجات كثيرة، زي إذا كنتِ مبتدئة أو عندك خبرة، والموارد التعليمية اللي بتستخدمينها، وكمان قد ايش بتتفرغ للتعلم ومدى سرعة فهمك للمهارات المطلوبة. بس غالبا محتاجة على الأقل 12 أسبوع .
ثريد خلي التصميم بسيط 🎉🎉✨
في عالم التصميم، البساطة هي المفتاح. كثير من الناس يعتقدون إن التصميم الجيد يحتاج إلى تعقيد وأفكار متشابكة، لكن الحقيقة عكس ذلك تمامًا. تصميم بسيط يعكس الاحترافية ويجعل تجربة المستخدم أفضل.
تكملة ⬇️⬇️⬇️⬇️
ليه نستخدم XAMPP مع ووردبريس؟
1)-تجربة الموقع قبل ما ينزل على النت: تبغى تعمل تعديلات وتشوف النتيجة على طول؟ XAMPP رح يخليك تعمل كذا من غير ما حد يشوفك وانت بتجرب.
2)-تعلم سريع: لو بتتعلم كيف تعمل مواقع، XAMPP ووردبريس رح يأهلوك بسرعة وكفاءة.
تكملة ⬇️
إن كنت تريد تحقيق أحلامك فيجب أن تضع هذا الكلام حلقة في أذنك .
…
لا شيء يأتي بلا أي مجهود ، حتى وأن كنت تراه بأنه شيءٌ بسيط ولا فائده منه تذكر إن الله يراك ولن ينسى تعبك وأجتهادك ، فقط إستمر على ثلاث أشياء لسبيل تتحقيق أهدافك وهم التوكل والعزيمة والأصرار .
في النهاية، خلي التصميم بسيط هو استراتيجية فعّالة لتحقيق تجربة مستخدم ناجحة.
مثل : التطبيقات اللي بنستخدمها كل يوم، زي الفيسبوك وتويتر، بتعتمد على تصميم بسيط وسهل الاستخدام.
كل ما كان التصميم أسهل، كل ما كان أفضل.
اجعل الأمور سهلة وواضحة، وبتشوف الفرق في ردود فعل المستخدمين.
⭐️في أيامنا هذي، لو التطبيق سهل الاستخدام، الناس بتحبه وبتستخدمه كثير. بس لو صعب، بيتركوها على طول. عشان كذا، كتابة تجربة المستخدم صارت مهمة جداً لخلق تجربة حلوة بين الناس والتطبيقات.⭐️
تحقيق الأحلام الكبيرة وصغيرة فهي بعيني بمثابة بث الروح للجسد وإعادة شغف الحياة للحياة .
طالما يوجد لديك حلم فأنت حي وهذه نعمة عظيمة وطالما تحاول تحقيق هذا الحلم فأنت عظيم .
مستقبلك مرهون بيدك فقط اؤمن بقدراتك ياعزيزي .
لو الواجهة مش حلوة (مثلاً، ألوان غريبة أو خط صغير)، المستخدم مش رح يكون سعيد. وبالمثل، لو ما فكرت كويس في تجربة المستخدم قبل التصميم، هتطلع الواجهة ميه بالميه مش حلوة.
1. سهولة الاستخدام:
لما يكون التصميم بسيط، بيكون أسهل للمستخدم إنه يتفاعل معه. مثلاً، لو كان عندك موقع أو تطبيق، المستخدم بيكون قادر إنه يلاقي المعلومات أو الوظائف اللي يحتاجها بسرعة. هذا يقلل من الإحباط ويزيد من رضا المستخدم.
يسعدني أن أشارككم لمحة سريعة عن مشروع تصميمي الجديد! ✨قمت بتصميم واجهة لمطعم هندي باستخدام Adobe XD، حيث ركزت على اختيار ألوان زاهية وخطوط أنيقة لإضفاء لمسة من الفخامة والأصالة على التصميم. أتمنى أن يعجبكم هذا العمل، وأنا متحمسة لرؤية هذا التصميم يتحول إلى حقيقة على أرض الواقع!
5. المرونة والتكيف
التصميم البسيط يكون أسهل في التكيف مع مختلف الأجهزة والشاشات. مع تزايد اس��خدام الهواتف المحمولة، مهم جدًا إنه تصميمك يكون متجاوب ويظهر بشكل جيد على كل الأجهزة.
والمعادلة مبسطة كالآتي 👇🏻
التوكل بالرب العظيم +التمسّك بالعزيمة والاصرار + فهم رسائل الكونية وعدم الأستسلام = فأنت هكذا تحقق حلمك بإذن الواحد الأحد 😇
ولا تنسوا حبايبي صلاة الوتر فهي كالمعجزة ♥️
3. الجمالية
التصميم البسيط غالبًا ما يكون أكثر جاذبية. الألوان المتناسقة والخطوط الواضحة تعطي انطباعًا نظيفًا ومرتبًا. هذا النوع من الجمالية يترك انطباع إيجابي لدى المستخدمين.
I made a new design for an Indian restaurant! I used Adobe XD. I picked bright colors and pretty fonts to make it look real Indian. I hope you like it!
4. التركيز على المحتوى
لما تصمم بشكل بسيط، تترك المجال للمحتوى إنه يبرز. المحتوى الجيد هو اللي يجذب المستخدمين، والتصميم البسيط يساعد على تسليط الضوء عليه دون أي تشويش.
ببساطة، إنت بتوعد المستخدمين بحاجة معينة ("كل ما شفتوا الزر الرمادي الفاتح في القائمة اللي بتطلع فجأة، اعرفوا إنه رح تقفل القائمة هذي")، وكذا رح يعرفوا يتعاملوا مع التطبيق بسهولة.
كل ما اتعودوا على التطبيق أكثر، كل ما هيثقوا فيه أكثر، وهذا كله بفضل الاتساق اللي عملته في التصميم.
كان نجاح المشروع كان بقدر ما يعتمد على الحظ وعلى حكم فريق التصميم.
التركيز على UX بيخلي التصميم يركز على المستخدم. هذا يزيد من فرص نجاح المشروع لما يطلع في السوق، لأنها ما بتعتمد على ثقة المستخدمين في قبول المنتج لمجرد أنه ماركة معروفة.
2. التواصل الفعّال
البساطة تساهم في توصيل الرسالة بشكل أوضح. لما تكون العناصر الأساسية واضحة، المستخدم يفهم الغرض من التصميم بسرعة. التصميم المعقد ممكن يشتت الانتباه ويخلي الرسالة الأساسية تضيع.
اذا عملت موقع لبيع الملابس، ممكن تخلي الموقع شكله فخم وأنيق، وتستخدم ألوان جريئة وجذابة. بس لو المستخدمين بيواجهوا صعوبة في البحث عن المقاس المناسب، أو ما بيقدروا يشوفوا المنتج من زوايا مختلفة، هيفضلوا الموقع هذا؟ 😬😬😬😬😬😬😬😬😬
التكملة ⬇️⬇️⬇️
ليه هذا مهم؟
1)- عشان الناس ماعندها صبر : إذا التطبيق معقد أو اللعبة مش مفهومة، الناس رح تطفش وكمان رح تدور على حاجة ثانية أسهل.✋🏻
2)- عشان الناس تبغى حاجة تناسبها: كل واحد عنده طريقة معينة بيحب يستخدم فيها الحاجات، فالتصميم الجيد بيراعي كل الأذواق.✨