اذهب إلى المحتوى

التصميم

اعرض جميع التصنيفات

هيكلة وتوزيع محتوى صفحات الويب

بواسطة Anas Albahhah، في مقالات تصميم عامة، ‏

تُناسب الأنظمة الشبكية (grids) جيدًا لاستخدامها لتقسيم محتوى مُحدّد مُسبقًا وتوجيهه للتناسب مع الصفحة، ولكن عند تصميم مواقع ويب انسيابية بطبعها، سنكون بحاجة إلى شيء ما إضافي  ....حسنا، إنه التصميم المُتجاوب (responsive). إن إ…
سنتطرق في هذا المقال إلى كيفية استخدام خاصية script بشكل مبسط في برنامج Photoshop لعمل تأثير تجريدي بسيط وجميل. هذه النتيجة النهائية لما سنتحصل عليه بعد تطبيق كامل خطوات الدرس: افتح مشروعًا جديدًا على Photoshop بالإعدادات ال…

تصميم صفحة هبوط (Landing Page)

بواسطة نذير صغير، في أدوبي فوتوشوب، ‏

في المقال السابق تعرّفنا على ماهية صفحة الهبوط، أساسيات وأهم عناصر كل صفحة، كما ألقينا النظرة على بعض الصفحات الشائعة، الآن سنطبق ما تعلمناه في بناء صفحة خاصة بنا. الصفحة التي سنقوم ببنائها ستكون حول تطبيق وهمي، وهو شبكة تواص…

تصميم مثلجات باستخدام Photoshop

بواسطة E.Nourddine، في أدوبي فوتوشوب، ‏

سنتعلم في هذا الدرس كيفية عمل مثلجات ببرنامج Photoshop باستعمال بعض التقنيات للحصول على نتيجة لذيذة: افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية: الأبعاد: 2000x2500pixels. الدّقة: Resolution 720Dpi. نمط الألوان: Col…

تصميم متجاوب بطريقة Parallax Scrolling

بواسطة E.Nourddine، في أدوبي فوتوشوب، ‏

سنتعلم في هذا الدرس كيفية تصميم موقع بطريقة Parallax Scrolling من الصفر حتى النهاية، وذلك باستعمال برنامج Photoshop. في درسنا هذ سيكون القالب بخصوص وكالة مختصة في الويب (Web Agency). وهذه هي النتيجة النهائية:   قبل البدء أدع…
سنتعلم من خلال متابعة خطوات هذا الدرس، تصميم نصٍ بتأثيرٍ بلاستيكي، باستعمال أنماط الطبقات وبعض تقنيات برنامج Photoshop. وهذه نتيجة درسنا اليوم: افتح مشروع جديد على Photoshop بالإعدادات التالية: الأبعاد: 1000x1000pixels.  الد…
سنتعلم في هذا الدرس كيفية تصميم شخصيات لعبة Angry Birds اللطيفة، باستخدام برنامج Photoshop وبخطوات بسيطة. وهذه نتيجة درسنا اليوم: افتح مشروع جديد على Photoshop بالإعدادات التالية: الأبعاد: 900x900pixels. الدقة: Resolution 72…
في هذا الدرس ستعلم كيفية عمل نص متصدع -أي نص يحتوي شقوق -وذلك ببرنامج Photoshop بإضافة بعض التأثيرات، وهذه هي النتيجة النهائية بعد تطبيق كامل خطوات الدرس: قبل البدء أدعوكم لتحميل هذه الحزمة هذه الحزمة. بعد ذلك افتح مشروع جدي…
الكثير من الصور الفوتوغرافية المُلتقطة تبدو إبداعية من الوهلة الأولى لكن قد يتبادر إلى أذهاننا سؤال مُتكرّر "الصورة جميلة إنما ينقصها أمر مُعين لتكتمل!" خاصة تلك الصور التي يتم التقاطها في ظروف مناخية غير مُستقرة أو التي تُلت…

تصميم منظر صحراء باستخدام Photoshop

بواسطة E.Nourddine، في أدوبي فوتوشوب، ‏

سنتعلم من خلال هذا الدرس تصميم منظر صحراء جميل عن طريق بعض التقنيات والخطوات البسيطة. ستكون هذه نتيجة درسنا الحالي بعد تطبيق كامل خُطواته: قبل البدء أدعوكم أوّلا لتحميل الحزمة التالية والتي سنحتاجها لتطبيق هذا الدرس. افتح مش…
سنتعلم في هذا الدرس البسيط كيفية إضافة تأثير على الصورة بحيث نلقي الضوء فقط على جزء منها لكي نجذب له الانتباه. الصورة التي سنعتمدها في الدرس لغرض ضرب مثال فقط، إذ يمكنك تعميم هذه الحيلة على أي صورة. أولا، نفتح برنامج Photosho…
في هذا الدرس سنصمم نصًا بتأثرٍ لامع وذلك باستعمال أنماط الطبقات Layer Style وخصائص الدمج Blending Options. تابع الخطوات جيدا لتحصل في الأخير على نتيجة مطابقة للصورة التالية: قبل البدء أدعوكم لتحميل الحزمة التالية الخاصة بهذا…

تصميم كرة بلياردو باستخدام Photoshop

بواسطة E.Nourddine، في أدوبي فوتوشوب، ‏

في هذا الدرس، سنتعلم كيفية تصميم كرة بلياردو لطيفة ومنعزلة، وهذه صورة النتيجة النهائية التي سنتحصل عليها بعد تطبيق الدرس: افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية: 500x500pixels Resolution 720Dpi Color Mode RVB8b…
في هذا الدرس سنقوم بتصميم جهاز PSP المحمول لشركة SONY من الصفر حتى النهاية فقط ببرنامج Photoshop وأنماط الطبقات (Layer Style)، لنحصل في الأخير على هذا التصميم الجميل الموضح في الصورة التالية: للبدء في التصميم افتح مشروعًا جد…
إنّ من أكثر ما يجعل العمل مُمتعا هو أن تكون مُتحمسا له، ولكنه قد يصبح أكثر ما يضرنا إذا أصبح هذا الحماس بديلا عن المعرفة وأصبح طريقنا مليئًا بالفرضيات غير المختبرة والرؤية غير الواضحة، ماذا لو كانت أيضا بيئة العمل تؤمن بنظرية…
قبل الشروع في عملنا على تصميم البطاقة، من المهم أن نضع خطة لكي نمتلك رؤية واضحة في التصميم، وليس هناك طريقة أفضل من تجهيز بعض الرسومات البدائية لتصميمنا على الورق لكي تتوضّح أفكارنا. من الأفضل تجهيز ملخص للمعلومات التي ستضعها…
سنتعلم في هذا الدرس كيفية تصميم نص ثلاثي الأبعاد بتأثيرات جميلة حوله وعليه، بعد نهاية الدرس، سنخرج بالنتيجة التالية: قبل البدء أدعوكم لتحميل هذه الحزمة. نفتح مشروعا جديدًا على Photoshop بالإعدادات التالية: 1000x1000pixels R…
على الرغم من أنّ رسالة الخطأ 404 قد تسبب إرباكًا للمستخدمين (والتي تدّل على أنّ الموقع لم يستطع إيجاد الصفحة المطلوبة)، ولكن ليس بالضرورة أن يكون الأمر كذلك. ستوضّح هذه الإرشادات أهميّة صفحة الخطأ 404 الفعّالة لتوجيه م…
في هذا الدرس -والذي يندرج تحت سعينا لاكتشاف خبايا برنامج Photoshop- سنعمل على تصميم تأثير جميل لكرة السلة، وهذه ستكون نتيجة درسنا اليوم: قبل البدء أدعوكم لتحميل هذه الحزمة (الرابط) نفتح مشروع جديد على Photoshop بالإعدادات ال…
في السّنوات الأخيرة ازداد الطلب على مُصمّمي تجربة المستخدم لدرجة عالية جدًا، كما ازداد عدد الكتب التي تتحدّث عن هذا الموضوع وأُضيف لهذا التخصّص قوانين، نظريات وفلسفيات من أجل تطويره وتحسينه. إذا عدنا بالزّمن للوراء إلى ب…
×
×
  • أضف...