إن السعي إلى إنشاء برامج خالية من الأخطاء في العالم الرقمي هو أمر جدير بالاهتمام. ولكن في حال وجدت هذه الأخطاء، فليس من الضروري أن تتسبب في مشكلة، إذ يمكن أن نقابل نتائج غير مرضية أو أقل من المتوقع للموقع أو التطبيق. بمعنى آخر، لا تكمن المشكلة غالبًا في الشيفرة بل في تصميم واجهة المستخدم (UI) أو ت…
يمكن أنْ يكون تطوير موقع ويب بدون الأدوات المناسبة مدعاة للكثير من الإحباط. ستجد أحيانًا أنّك تعمل على برنامج متقدّم جدًّا بالنسبة لمستواك، أو يمكن أن تكون بحاجة للانتقال إلى برنامج موجّه للمحترفين. يتعلّق الأمر بمستوى قدراتك بوصفك مصمّم مواقع، إلّا أنّ برامج التصميم للويب هي - مجملًا - نفسُها سوا…
ربّما تكون شاشات اللّمس أحد الأسباب التي جعلت الأجهزة الجوّالة ذات شعبيّة كبيرة جدّا. تحذف شاشات اللمس المسافة بين الشخص والجهاز التفاعليّ، ونتيجةً لذلك، يحسّ الأشخاص بأنّ شاشات اللمس بديهيّة وسهلة الاستخدام. لهذا السبب، يمكن إدماج المنزلقات (Sliders) بسهولة في الأجهزة الجوّالة. تشجّع…
ليس لدينا وقتٌ كثير. حتى وأنت تستقطع وقتًا لقراءة هذا المقال، فإنّ إشعارات سطح المكتب بدأت فعلًا في التراكم؛ فترى رسائل سلاك (Slack) تزداد، وتسمع الهاتف يهتزّ؛ ممّا يعني التزاماتٍ أكثر ومهامّ أخرى تحتاج لإضافتها إلى قائمة المهامّ التي لا تنتهي. يتسبّب هذا الكمّ المتزايد من الضّغط في جعل مهامّ مثل …
لا يشبه تصميمُ موقع تجارة إلكترونيّة أيّ مشروع ويب آخر، إذ يجب أن تفكّر في الهويّة التجاريّة (Brand) إلى جانب تجربة المستخدم (User experience) والتسويق المعتمد على التصميم. أقلّ ما يُقال هو أنّ الأمر يمكن أن يكون صعبًا. رغم ذلك، توجد مصادر مجانيّة كثيرة يمكن استخدامها لجعل العمل أسهل. مجموعات …
إن مجال الرسوم المتحركة مجالٌ قوي به تخصصات كثيرة وأدوات ربما أكثر من أجل تصميم أسلوب أو مظهر معيّن، فلدينا مثلًا برنامج Krita للرسوم المتحركة المرسومة باليد للقصص المصورة مثلًا، وStopGo لفن التصوير المتعاقب، وبرنامج Blender الشهير للرسم والتصميم ثلاثي الأبعاد، وكذلك برنامج openToonz الذي جُعل مفت…
على عكس صفحات “تحت الإنشاء” التقليدية منذ بدايات شبكة الإنترنت، يمكن لصفحة “سننطلق قريبًا” في يومنا هذا أن تثبت كونها أداة قوية عند إطلاق موقع جديد. إذا كنت تخطط لإطلاق مشروع تجاري جديد عبر الإنترنت، فعليك التفكير في التسويق الاجتماعي. ولينجح عملك التجاري عبر الإنترنت، يجب عليك تعريف الناس بما…
تطبيقك الجديد لتصميم المواقع جاهز للانطلاق بعد أشهر من العمل الشاق. أنت وفريقك سعداء بالنتيجة وقد أحبّه المستخدمون ممن اختبروه ؛ وخاصة ميزات البناء الإضافية. لديك كل الأسباب للاعتقاد بأن هذا التطبيق ناجح. ماذا يحدث عندما لا يكون كذلك؟ وهنا تتساءل، لماذا يمرّ موقعك أو تطبيقك بمرحلة ركود. كان هن…
كنتيجة طبيعية لإمكانيات المنصات، كانت أول المواقع المخصصة للهواتف تُعد حلًّا وسطيًّا أكثر من كونها حلولًا احترافية. أما اليوم، فالأجهزة كاملة المواصفات تعطينا الفرصة لإنشاء تصاميم بصرية أكثر جاذبية؛ تلك التصاميم ليست جاذبة فحسب، لكنها تزيد من سهولة الاستخدام أيضًا. ومع هذه الفرص الرائعة تأتي تحديا…
ليس هناك من اتجاه واحد يجب اتباعه لمواقع الويب، فتلك المواقع تعبر عن العلاقة الأولى المتبادلة بين البائعين والعملاء، أي القصة البصرية لإحدى الشركات والمصدر الأساسي للمعلومات. إن كل بائع يرغب في أن يكون بائعًا ناجحًا يحتاج إلى موقع على شبكة الإنترنت وأن يتم تصميم ذلك الموقع بشكل جيد بحيث ليساعده في…
أتاح لي هاتفي الأول (الذي اشتريته عام 1998!) القليل من المميزات؛ كان يمكنني إجراء المكالمات، وإرسال الرسائل، ولعب الثعبان. هذا النوع من التفاعلات كان محكومًا كليًا من قِبل المُصنِّع؛ لكن مع قدوم الهواتف الذكية، الشاشات اللمسية، ومتاجر التطبيقات، صارت الفرص أمام المصممين لا حصر لها؛ وتعيّن علينا أن…
مع بداية كل عام جديد تجدنا نفكر في الطرق التي تمكننا من تحسين أنفسنا للأفضل، فلا ضَير من توجيه البعض من تلك الطاقة لتحسين مظهر الموقع والقيام بعملية تجميل خفيفة له. حينما يتعلق الأمر بتجديد مواقع الانترنت فليس هناك حاجة للقيام بعملية تجديد كاملة ما لم يتحتم ذلك. وإلا فبعض الشّد والتزيين يكون كافيً…
تحتوي النسخة الثانية من إرشادات الوصول لمحتوى الويب (WCAG 2.0) على توصيات من رابطة الشبكة العالمية (W3C) لجعل إتاحة الويب أكثر سهولة لذوي الإعاقة من المصابين بعمى الألوان، وغيرها من أوجه القصور في الرؤية. هناك ثلاث مستويات من المطابقة حددتها النسخة الثانية من إرشادات الوصول لمحتوى الويب مرتبةً…
في هذا الجزء، سوف تتعلّم كيف تستخدم مفاتيح التأطير في تحريك المجسمات على بلندر بإضافة ملف صوتي للمشروع الخاص بك ومزامنة حركات الروبوت مع الملف الصوتي. من لوحة الخصائص Properties أسفل Render، اضبط Frame Rate إلى 29.97. من قائمة Timeline، اختر وحوّل إلى Video Sequence Editor. …
في عام 1993، جلب أبي إلى البيت هاتفًا محمولًا كبيرًا على شكل حجر من الطوب، كنا جميعًا متحمسين جدًا لهذه التكنولوجيا الجديدة، ولم يخطر ببال أحد منا أنه سيكون لها تأثيرٌ ضخم على حياتنا. إنني في الواقع لا زلت أعتبره أداة سحرية، وقد قام بعض أصدقائي بشرائه بعد عدة سنوات. أما اليوم، فهناك ستة مليارا…
لنبدأ بتحريك الروبوت الخاص بنا. سنقوم بذلك عن طريق العظام. نعم، العظام. والعظام هي التي تشكل المحرّكات Armatures. في بلندر، Rigging هي عمليّة ربط المحركات Armatures بعنصر(جسم) mesh لتمكين حركته. في هذا الدرس، سوف تقوم بعمل Rigging لمحركات بلندر لتحريك الروبوت الخاص بك. عمل Rigging لمحركات بلند…
تابعنا في الدرسين السابقين من هذه السلسلة كيفية تصميم القابس والمأخذ وسنتابع الجزء الأخير من هذا التصميم في هذا الدرس وسنتعلّم فيه كيفية تصميم زر التشغيل، البرغي والخلفية. أنشئ زر التشغيل 27- حان الوقت الآن لرسم زر التشغيل. أختر أداة رسم المستطيلات (Rectangle Tool (M وأنشئ مستطيلًا أحمر ال…
يبدو الروبوت الخاص بك بشكل جيّد، لكن لونه الرمادي الافتراضي رتيب. في هذا الفصل ستتعلّم كيفيّة تطبيق خامات بلندر ومفاتيح الشكل لإظهار الروبوت. أرجوا متابعة السلسلة من بدايتها لفهم عملية تصميم هذا الروبوت منذ البداية. خامات بلندر بلندر لديه نوعان من الرندر أو التصيير (وهي عمليّة إخراج و…
تابعنا في الدرس السابق عملية تصميم الشكل الأساسي والنأخذ وسنتابع في هذا الدرس عملية تصميم القابس أنشئ القابس 13- يأتي الآن دور القابس. حدد القطع الناقص المبين في الصورة الأولى واعمل نسخة عنه Ctrl +C, Ctrl +F، ثم حرك هذه النسخة إلى المقدمة Ctrl +Shift +]. حافظ على تحديد النسخة، أزل لون التع…
سنتابع في هذا الدرس عملية تصميم جسم الروبوت عبر تنسيق التناظر في الجسم كاملًا ومن ثم تصميم الفم.... الآن سنقوم بقطع العنصر من المنتصف، اضغط B للوصول إلى the Box tool. اضغط مع الاستمرار على LMB لرسم مكعّب حول النصف الأيسر من الروبوت. اضغط X واحذف الأسطح. هدفنا ه…