تعتبر الخامات إضافة ضرورية لتصاميم الشعارت والتصاميم الخطية القديمة حيث يستخدمها المصممون لمحاكاة جمالية الطباعات القديمة والفنون اليدوية وذلك لمنح تصاميمهم الرقمية مظهرًا ملموسًا أكثر. هناك عدد من التقنيات التي يمكن استخدامها لتطبيق هذه الخامات على تصاميمك في الفوتوشوب، مثل استخدام المرشحات (الفل…
سنتعلّم اليوم كيفية تصميم سجادة صغيرة مع إظهار تفاصيل فراء السجادة باستخدام برنامج 3D Studio MAX والاستعانة بمزايا VRay للحصول على النتيجة المطلوبة. بداية افتح برنامج 3D MAX وأنشئ ملفًا جديدًا وسنقوم بالتأكّد من أن إعدادات مقاسات العمل مضبوطة على وحدة الميليمتر عبر الذهاب للقائمة Customize > …
سنتعلم في هذا الدرس كيفية صناعة تأثير خامة المعدن والكروم على النصوص في برنامج جيمب GIMP والتي تصلح لاستخدامها على النصوص وكذلك على مختلف العناصر الأخرى.  بداية افتح ملفًا جديدًا في جيمب وليكن بحجم 640 في 400 بكسل. حدّد أداة التدرّج اللوني من شريط الأدوات. ثم غيّر لوني المق…
سنتعلّم اليوم تقنية جديدة من تقنيات برنامج جيمب GIMP الرائع وهو المنافس الأفضل (مفتوح المصدر) لبرنامج الفوتوشوب. هذه التقنية هي تقنية تأثير الدخان على صورة وجه شخص ما. حيث سنقوم بتجهيز الصورة الأساسية لوجه الشخص للبدء بالعمل ثم سنبدأ بإضافة مؤثرات الدخان باستخدام تقنيات قناع الطبقات وفراشي خاصة لص…
يدعم برنامج GIMP صيغا عديدةً للصور والرسوم، مع اختلافات بينها في الاستخدام. يتطرّق هذا المقال لصيغ الصور الأكثر شيوعا مع إيجابيات وسلبيات كل واحدة منها من منظور برنامج تحرير الصور GIMP؛ كما يقدّم لكلّ واحدة من هذه الصيغ حالات الاستخدام الأمثل. XCF الإيجابيات صيغة الصور الأصلية لملفات…
بعد أن تعرّفنا في الجزء الأول من هذا الدليل على ماهيّة التصميم التفاعلي Interaction design والمنهجيات الشائعة التي يعتمد عليها المصممون في هذا المجال؛ ننتقل في الجزء الثاني إلى المهامّ التي يتؤديها مصمّم التفاعل Interaction designer وأدوات يمكنه الاستعانة بها لتأدية مهامه. مهام وأنشطة مصمم الت…
ترجع جذور التصميم التفاعلي إلى التصميم الجرافيكي وتصميم الويب، لكنّه نما وأصبح فرعًا من فروع التصميم قائمًا بحد ذاته. فأصبح المصممون في هذا المجال مسؤولين عن إنشاء كل عناصر الشاشة التي قد يمررها المستخدم، ينقر عليها، أو يكتب عليها، أي باختصار أنّهم أصبحوا مسؤولين عن كل تفاعلات تجربة المستخدم. …
هيأنا في الجزأين الأول والثاني من هذا الدرس شكل الهاتف وأزراره وأضفنا الأرقام. سنضع في هذا الجزء الأخير من الدرس اللمسات الأخيرة على الهاتف لنحصل على شكله النهائي. أنشئ شعار الهاتف 1: حان الوقت لإنشاء شعار الهاتف. افتح لوحة الأحرف Window> Type> Character وأدخل القيم المبيّنة أدناه. بعد ذلك…
تعرّفنا في الجزء الأول من هذا الدرس على كيفية إنشاء الشكل الأساسي للهاتف وزرّ التحكّم. نواصل في هذا الجزء مع أجزاء أخرى من الهاتف. أنشئ زر الاتصال وزر الإلغاء 1: باستخدام أداة القلم Pen Tool P قم بإنشاء شكلٍ أخضر اللون كما موضّح أدناه، وبمجرد الانتهاء من الرسم املأه بلون شفاف ثم قم بإضافة …
سنتعلم في هذا الدرس – المكوّن من أجزاء - كيفية إنشاء هاتف محمول واقعي باستخدام الأشكال والتدرجات البسيطة في إلستريتور. وسنقوم باستخدام لوحات المحاذاة Align، مستكشف المسار Pathfinder والحدود Stroke بالإضافة إلى دمج العناصر للحصول على النتيجة النهائية. لنبدأ! تبدو النتيجة النهائية على النحو التا…
من الأمور التي تجعلني أفضّل استخدام صور GIF دائمة الحركة هو أنها طريقة بسيطة نسبيًا لاستعراض المهارات في التصميم والرسوم الإيضاحية. بالإضافة إلى أنها لا تتطلب وقتا طويلا في الإنتاج، العمل عليها ممتع، علاوة على أنها تختصر كثيرًا من عمليّة التحريك، وهو أمر ذو بال. زاد اهتمامي كثيرا، بوصفي متخصّص…
يمكن لتطوير عملية تصميم تَتْبعها في كل مرة تستلم فيها مشروعا جديدا أن يساعدك كثيرا في تحقيق نتائج تسعدك أنت وعملاءك؛ فبوصفك مصمّمًا تعلم أن عملك ينطوي على مساعدة عميلك في بيع خدمته أو منتجه، وهدفك النهائي هو مساعدة المشاهدين على فهم الرسالة، الأمر الذي بدوره يحقق النتائج المرجوة لعميلك. سواء كنت …
تلعب الصور المتحركة من نوع GIF في InVision دورا كبيرا في عملياتنا التسويقية والتعليمية. حتى إننا قمنا باستخدامها في صفحتنا الرئيسية عوضا عن التحريكات Animations بالشفرات البرمجيّة. يسألنا الناس غالبا كيف نصنع صور GIF الخاصة بنا، لذا وجدنا أنه قد حان الوقت لننطق بهذه الجوهرة. تصميم صور GIF …
عندما أطلقنا تطبيق المحادثة الجديد في السنة الماضية، أضفنا للعملاء إمكانية إنشاء ملفات تعريف شخصية غنية بحيث يتأكد المستخدمون أن هناك دائما شخصا حقيقيًّا في الجهة المقابلة. والمشكلة؟ لا أحد يستخدم الميزة. بعد أن أطلقناه بوقت قصير, أكمل 13-15% من العملاء فقط ملفات التعريف الخاصة بهم. ملئت أغلب المل…
في هذا الدرس سنتعلم كيفية تصميم نقش ثمرة الفراولة في كوريل درو باستخدام الأدوات الأساسية كالأشكال الأساسية، أداة المضلعات ، أداة المستطيل، وتكرار النمط.الخطوة الأولى افتح مستند ملف جديد في كوريل درو ولنبدأ بورقة جديدة بحجم 600×600 بكسل. الخطوة الثانية في شريط الأدوات انقر على أداة الش…
إن المحافظة على أقل حجم للصورة هو الجزء الأهم في جعل موقعك خفيفًا وسريعًا. من الممكن تخفيض حجم الصورة مع المحافظة على دقة جيدة لها عبر فهم القليل عن ضغط الصور وكيفية تحسين هذه الصور من أجل الويب. حفظ من أجل الويب والأجهزة في الفوتوشوب أول مفتاح لتحسين الصورة هو اختيار تعديل الصورة وحفظ…
هذا الدرس عبارة عن مدخل إلى SVG. سنتعلم فيه المعلومات الأولية التي تحتاجها لرسم أشكال SVG بسيطة باستخدام لغة XML الأساسية. فإن لم تستخدم SVG من قبل فهذا هو الدرس المناسب لك. في الماضي كان تنسيق الصور الوحيد المعتمد من قبل جميع المتصفحات هو تنسيق GIF وهو ملف صورة مطوّر من قبل CompuServe. ثم ظهرت م…
إن معرفة الفرق بين التصوير الجيد والرديء يجعل تصميماتك للوِب أكثر جاذبية، إضافة إلى أنك قد تجد نفسك في ذلك الموقف الذي تصمم فيه موقعًا لعميل ثم يعطيك بضعة صور لاختيار إحداها صورةً للترويسة في صدر الموقع. وإن لم تضع قواعد التصوير العامة في حسبانك وأنت تختار تلك الصورة فقد تختار صورة فقيرة الجودة بس…
مقدمة ببساطة شديدة، الرابط العميق هو رابط يأخذك إلى محتوى بعينه، وعليه فإن أغلب الروابط في الوِب هي روابط عميقة، دعنا نأخذ مثالين على الروابط العادية والعميقة كي نرى الفرق بينهما: هذا رابط عميق، يأخذك مباشرة إلى صفحة حذاء على موقع Jet.com: http://www.jet.com/product/Rockport-Mens-Evander…
تزداد أهمية اختبارات الاستخدام في المجالات الموجّهة للمستخدمين الذين يستخدمون منتجاتنا وخدماتنا وتطبيقاتنا، والهدف الأساسي من تلك الاختبارات هو تزويد عملية التصميم ببيانات من منظور المستخدم النهائي End user؛ ذلك أن التصميم المرتكز حول المستخدم يركِّز على التصميم من أجل المستخدم الحقيقي، وتخبرنا اخ…