اتبع هذا الدرس التعليمي وتعلم كيفية إنشاء مجموعة من إشارات المرور في Adobe Illustrator. في البداية، ستنشئ جسم إشارة المرور باستخدام أداة Rectangle، لوحة Transform وبعض التأثيرات الأساسية. بعد ذلك، ستنشئ الأضواء المُضاءة والمُطفأة باستخدام أداة Ellipse، و Offset Path ومجموعة من التدرجات. يعد هذا ال…
بإمكانك إضافة ثلاث تغييرات بسيطة لمحتواك لإضفاء بعض المتعة عند قراءته، وهذه النصائح لا تنطبق فقط على التصميم، بل بإمكانك تطبيقها على المحتوى النصي أيضًا. الأسماء الخاصة بكل مبدأ قد تكون صعبة بعض الشيء، أما فهمها واستخدامها فهو سهل جدًا. جزء من ملخص رواية البؤساء لتوضيح النص الغير منسق.…
يمكنك إنشاء الكثير لواجهة لعبتك الخاصة وفي هذا الدرس التعليمي سأريكم كيفية إنشاء شريط تقدم اللعبة مع أيقونة استعانة لطيفة باستخدام Adobe Illustrator. سنستخدم لوحة Pathfinder لدمج الأشكال لتصبح أشكالًا جديدة، وسنضيف تأثيرات الشفافية Transparency للأشكال وغيرها الكثير. لنبدأ إذًا! 1- أنشئ مستندً…
حسب موقع smart insights فإن 80% من مستخدمي الإنترنت يمتلكون هاتفًا ذكيًا، هذا يعني ملايين الأشخاص الذين يتصفحون الإنترنت ويحاولون أن يجدوا منتجات ومعلومات خلال تصفحهم. ولإرضاء الزبائن المحتملين يجب على كل شركة أن تجعل موقعها الإلكتروني قابلاً للتصفح على الأجهزة المحمولة. ها هي بعض النصائح المس…
في هذا الدرس التعليمي، سأوضح لك كيفية إنشاء سبورة في Adobe Illustrator. سوف نستخدم الأدوات الأساسية، وبعض تقنيات بناء الأشكال مع بعض التدرجات والتأثيرات للوصول إلى النتيجة النهائية. إنّ هذا الدرس بسيط نسبيًا ويمكن تطبيقه على العديد من مشاريع Illustrator الأخرى. لنبدأ! // التنسيق المطلوب p a {…
في عام 2003، قرأت مقالةً في مجلة "نيويورك تايمز" كانت قد تضمنت هذا الاقتباس عن "ستيف جوبس": روعة هذا التعبير غيرت مهنتي كمبرمج بشكل كامل. في نهاية اليوم أنا من يكتب"الشيفرة" ومن ينشئ المنتج بيديه. فكيف لأحد آخر أن يحدد كيف يعمل المنتج في النهاية؟ الحقيقة الكامنة لكل المبرمجين هي أنهم…
في كل مرة أسمع فيها كلمة "بيان" (manifesto) تسري رعدة في جسدي، إذ أنها متصلة في ذهني دومًا بالسياسة، ألا ترى أن الساسة الذين لا يستحقون الثقة يستخدمونها قبل الخوض في سيل وعود ما قبل الانتخابات، والتي سيتناسونها مباشرة بعد خداع الناس كي يعطوهم أصواتهم؟ لكن البيان الذي أسعد بالقول أني لا تصيبني …
سننشئ في هذا الدرس التعليمي بعض أيقونات الملابس الرجالية، في برنامج Adobe Illustrator. ستتعلم أولًا كيفية رسم أيقونة قميص باستخدام الأشكال الأساسية مع تأثيرات ووظائف البرنامج المختلفة. بعد ذلك، ستقوم بإنشاء الأيقونات الثلاث المتبقية عن طريق إضافة بعض التفاصيل على أيقونة القميص. لنبدأ! أنشئ ملف…
في الآونة الأخيرة، كان هناك الكثير من التطورات في تصميم مواقع الإنترنت وهي آخذة بالانتشار يوميًا. هل أنت جزء من مجتمع مصمميّ الويب؟ إن كنت كذلك، وكنت تعمل على تطوير تصاميم لواجهات الويب، إما في مجال تطوير لوحات التحكم، أو كجزء من موقع على شبكة الإنترنت. فقد ازدادت أهمية دور مصمم الويب، و سيزداد ال…
ستتعلم في هذا الدرس التعليمي، كيفية إنشاء سكين الورق في برنامج الـ Adobe Illustrator. سنستخدم الأشكال الأساسية ونستخدمها مع لوحة Pathfinder، و Blend Objects، و Path Offset إلى جانب بعض التأثيرات الأساسية. أتمنى أن تستمتع به. لنبدأ! أنشئ ملفًا جديدًا شغّل Adobe Illustrator، ثم اضغط على (C…
هناك العديد من شركات تطوير صفحات الويب التي تستخدم أُطُر تصميم مواد حصرية لمشاريع تطوير صفحات الويب وتطبيقات الهواتف المحمولة الخاصة بتجربة المستخدم UX أو واجهة المستخدم UI. وبما أنّ أُطُر تصميم المواد هي مصادر مفتوحة، فإنها توفر أُطُر ومكونات واجهة مستخدم مصممة مسبقًا تساعد في تطوير تطبيقات مخصصة…
اليوم، تبدأ التجارب عادةً على أروقة الإنترنت قبل نزولها إلى الشارع. وفي بعض الحالات، تنتهي التجربة بمجرد عودتها إلى الويب. إذا كنت ترسم فراغًا، لا تنظر إلى أكثر من ذلك. يعرف الزبائن مدى جودة الأكل على الإنترنت من خلال التقييمات و التوصيات. وحتى بعد اختيار المكان المثالي على الإنترنت، يأخذ …
عندما تصمم شعارًا لمشروعك على الإنترنت، لمدونتك أو موقعك الإلكتروني، فإنك لا شكّ تريده يبدو احترافيًا، وجذابًا، ومميزًا. ولإنجاز هذا العمل الفذ، فإنّ فهم العملية الصحيحة لتصميم الشعار تعد الفيصل، ولكن لا داعي للقلق، فقد أتيت إلى المكان الصحيح. ولإنشاء شعار جذاب لا مثيل له من جميع النواحي، اتبع…
تعد تطبيقات ويب التقدمية الجيل القادم لتقنيات الويب القائمة على الـ JavaScript. وفي الأساس، هي تطبيقات ويب قائمة على تقنيات الويب المعيارية، ولكن مع إضافة أحدث ميزات الـ JavaScript جاعلةً إيّاها تشعر وتعمل مثل تطبيقات آندرويد والـ iOS. شركات مثل مجلة فوربيس ، و تويتر، و جوميا (شركة التجارة الإلكتر…
تعد المقابلة الجزء الأكثر إزعاجًا من أي عملية تقديم طلب توظيف. ويجب عليك كمرشّح استيعاب الثقافة وحقيقتك، كل هذا أثناء التأكد من أنك تقوم بترك انطباع جيد. هناك الكثير لأخذه في الحسبان - خصوصًا إذا لم يكن لديك شخص يدعمك داخل الشركة التي ترغب بالانضمام إليها. ولحسن حظك، إذ يصل عدد موظفينا إلى أكث…
إن السعي إلى إنشاء برامج خالية من الأخطاء في العالم الرقمي هو أمر جدير بالاهتمام. ولكن في حال وجدت هذه الأخطاء، فليس من الضروري أن تتسبب في مشكلة، إذ يمكن أن نقابل نتائج غير مرضية أو أقل من المتوقع للموقع أو التطبيق. بمعنى آخر، لا تكمن المشكلة غالبًا في الشيفرة بل في تصميم واجهة المستخدم (UI) أو ت…
يمكن أنْ يكون تطوير موقع ويب بدون الأدوات المناسبة مدعاة للكثير من الإحباط. ستجد أحيانًا أنّك تعمل على برنامج متقدّم جدًّا بالنسبة لمستواك، أو يمكن أن تكون بحاجة للانتقال إلى برنامج موجّه للمحترفين. يتعلّق الأمر بمستوى قدراتك بوصفك مصمّم مواقع، إلّا أنّ برامج التصميم للويب هي - مجملًا - نفسُها سوا…
ربّما تكون شاشات اللّمس أحد الأسباب التي جعلت الأجهزة الجوّالة ذات شعبيّة كبيرة جدّا. تحذف شاشات اللمس المسافة بين الشخص والجهاز التفاعليّ، ونتيجةً لذلك، يحسّ الأشخاص بأنّ شاشات اللمس بديهيّة وسهلة الاستخدام. لهذا السبب، يمكن إدماج المنزلقات (Sliders) بسهولة في الأجهزة الجوّالة. تشجّع…
ليس لدينا وقتٌ كثير. حتى وأنت تستقطع وقتًا لقراءة هذا المقال، فإنّ إشعارات سطح المكتب بدأت فعلًا في التراكم؛ فترى رسائل سلاك (Slack) تزداد، وتسمع الهاتف يهتزّ؛ ممّا يعني التزاماتٍ أكثر ومهامّ أخرى تحتاج لإضافتها إلى قائمة المهامّ التي لا تنتهي. يتسبّب هذا الكمّ المتزايد من الضّغط في جعل مهامّ مثل …
لا يشبه تصميمُ موقع تجارة إلكترونيّة أيّ مشروع ويب آخر، إذ يجب أن تفكّر في الهويّة التجاريّة (Brand) إلى جانب تجربة المستخدم (User experience) والتسويق المعتمد على التصميم. أقلّ ما يُقال هو أنّ الأمر يمكن أن يكون صعبًا. رغم ذلك، توجد مصادر مجانيّة كثيرة يمكن استخدامها لجعل العمل أسهل. مجموعات …