الخميس، 8 مارس 2018

تحميل موك اب انيق لعرض الشعارات mockup logo



موك اب انيق لتعرض شعارك بطريقة مميزة و جذابة, حمل الموك اب وغيير الشعار والاوان كما يحلو لك في ملف PSD.
يأتي هذا الموك اب مع ثلاتة انواع من الالوان وهي الذهبي والنحاسي والفضي, لتغيير لون الحشوات افتح مجلد "Stuff" وانقر مرتين على طبقة الكائن الذكي Smart Objects.
ثم تصميم هذا الموك اب باستخدام Cinema 4D و مستخرج بـ Redshift Render

صيغة الملف : PSD
ابعاد الملف : 5000*3750 في 300dpi
حجم الملف : 182MB
Smart Objects : Layers

تحميل برابط مباشر

الاثنين، 5 مارس 2018

موك اب انيق لعرض تصاميم على صندوق التعبئة و التغليف

موك اب لصندوق التعبئة والتغليف الحديثة, مناسب لعرض التصاميم الخاصة بك بطريقة احترافية و انيقة.
يمكن تغيير التصميم و الالوان بكل سهولة و إضافة الرسومات الخاصة بك بفضل الطبقة الذكية Smart Layer




تحميل برابط مباشر

الأحد، 4 مارس 2018

6 نصائح مهمة و عملية لتصميم واجهة مستخدم UI مميزة

جميع مطوري الويب سيجدون انفسهم يتعاملون يوما ما مع تصميم واجهة المستخدم سواء احبوا ذلك ام لا, رغم ان تخصصهم برمجة عقل و منطق الموقع back-end و ليس واجهة الموقع, لكن ربما سترغب في تصميم فكرة معينة و ليس لديك القدرة على توظيف مصمم, حتى لو استعملت بوتستراب Bootstrap لبرمجة موقع ويب فلابد ان تعرف كيف ستوظف العناصر في الموقع ليخدم الغاية التي تطمح اليها و تحسن تجربة المستخدم.
هناك طن من الحيل العملية التي يمكنك استخدامها لرفع مستوى عملك وتحسين تصاميمك وفيما يلي ستة أفكار و نصائح مهمة لتحسين التصاميم الخاصة بك و رفع مستوى خبرتك كمصمم جرافيك او مطور ويب.

النصيحة 1: استخدم اللون و وزن الخط Bolder لانشاء تسلسل هرمي بصري مريح  :

مصطلح “التسلسل الهرمى البصري” Visual Hierarchy بشكل عام يعني ترتيب مجموعة من العناصر (أسماء ، قيم ، تصنيفات …إلخ) من أعلى لأسفل وفق معيار محدد (الحجم، الأهمية، الشكل … إلخ).

خطأ فادح يقع فيه معضم المصممين اثناء تصميم واجهة المستخدم. وهو الاعتماد على الحجم فقط لخلق التسلسل البصري في التصميم.

"هل هذا النص مهم؟ اذا لنجعله اكبر"
"هل هذا النص ثانوي؟ اذا لنجعله اصغر"

فبدلا من الاعتماد على الحجم فقط لاظهار الامور المهمة و الغير المهمة استخدم اللون و الوزن Bold للقيام بنفس الامر. فهذا يخلق تناغم و انسجاما في التصميم

تصحيح
"هل هذا النص مهم؟ اذا لنجعله عريضا Bolder"
"هل هذا النص ثانوي؟ اذا لنجعله فاتح اللون قليلا"

مثال:

اعتمد على لونين او ثلاتة على اقصى تقدير لعمل تسلسل هرمي بصري :
- اللون الغامق لاظهار المحتوى المهم مثل عنوان المقالة.
- اللون الرمادي grey لاظهار المحتوى الثانوي مثل الوصف او التاريخ.
- اللون الرمادي grey الفاتح للمحتوى الاضافي مثل التقييم او حقوق الطبع والنشر.

وبالنسبة لوزن الخط Bold عادة ما يكون نوعين من الاوزان كافيين لعمل تسلسل هرمي بصري:
- الوزن Regular يستخدم للمحتوى الثانوي كنص المقال او الوصف
- الوزن Bold يستخدم في العناوين و النصوص المهمة كالسعر أو زر اقرأ المزيد او اشتري

النصيحة 2: لا تستخدم ابدا اللون الرمادي grey على خلفية ملونة:

جعل النص رماديا على خلفية بيضاء من افضل الطرق لخلق التناسق و التوازن اللوني بين النص و الخلفية, لكن جعله رماديا فوق خلفية ملونة من ابشع الاستخدامات في مجال التصميم.


قاعدة مهمة: اجعل لون النص دائما اقرب الى لون الخلفية, فهذا يساعد على خلق تباين لوني مريح للعين. فاذا كان لديك اي نص على خلفية ملونة, خد لون الخلفية و ضعه للنص مع ضبط اللون و تصحيح درجة التشبع حتى يصبح لون الخط ظاهرا بشكل جيد ولا يتناقض مع الخلفية.

النصيحة 3: قم دائما بإزاحة الظلال Shadows نحو الاسفل


بدلا من استخدام ظل Shadow على شكل ضباب كبيرة خلف العنصر ليظهر بشكل مزعج. اضف له ازاحة عمودية نحو الاسفل ليبدو طبيعيا اكثر و ذو معنى, فيمكن استغلال الظلال Shadow لمحاكاة مصدر الضوء كما في العالم الحقيقي, فالبشر يميل الى الاشياء التي تبدو واقعية اكثر.

نفس الامر ينطبق كذلك على الظلال الداخلية التي تستخدم في حقول ادخال البيانات كما في الصورة, فعوض جعل الظلال ذات قيم متساوية استخدم الظلال Shadow لخلق تأثير الضوء الساطع من فوق على الحقول, و هذا يجعل التصميم اكثر واقعية و قبولا. هذا الامر الهين له تأثير واضح في تحسين واجهة المستخدم user interface و قد يكون له تأثير ايضا في تحسين تجربة المستخدم User Experience.

النصيحة 4: حاول التقليل من استخدام الحدود Borders في التصميم:


عندما تحتاج إلى الفصل بين عنصرين في تصميمك حاول مقاومة اغراء فصلهما بالحدود Borders مع انها وسيلة رائعة للتمييز بين عنصرين في التصميم, لكن هناك حلول اخرى لذلك, فاستخدام الكثير من الحدود قد يجعل تصميمك ذو طراز قديم.

في المرة القادمة التي تجد فيها نفسك تحتاج الى الفصل بين عنصرين، جرب أحد الأفكار التالية بدلا من استخدام الحدود Borders :

1- استخدم الظلال Shadow :


الظلال Shadows يمكن ان تقوم بمهمة التمييز بين العناصر بشكل رائع. لكنها تحتاج الى دقة عالية في تحديد قيم الـShadow كي تظهر بشكل ممتاز في التصميم و عكس هذا سيظهر عيب في التصميم

2- استخدام خلفية Background ذات لون مختلف:


وضع خلفية ذات لون مختلف لاحد العناصر كل ما تحتاج اليه للفصل بينها, فلون الخلفية كافي لتمييز العناصر عن بعضها البعض مهما كانت العناصر متشابهة

3- اضافة تباعد (مساحة Spacing)

اجعل العناصر التي تريد تميزها ابعد بكثير من العناصر الاخرى , فتباعد الأشياء أبعد من المعدل الطبيعي وسيلة رائعة للفصل بين مجموعات من العناصر دون إدخال أي حدود في واجهة المستخدم

النصيحة 5: استخدم الحدود الملونة Border من اجل التوضيح و الجمالية


في النصيحة 4 اشرنا الى ضرورة التخفيف من استخدام الحدود Borders لكن الحدود الملونة تعتبر طريقة رائعة يمكنك استخدامها لاضفاء الوضوح و الجمال الى تصميم واجهة المستخدم,

مثال على ذلك, رسالة التنبيه :

مثال اخر لتسليط الضوء على عناصر التنقل النشطة في القائمة:

النصيحة 6: ليست كل الازرار تحتاج خلفية Background

عندما تكون هناك مجموعة من الاجراءات امام الزائر في الصفحة فمن الضروري توضيح اهمية كل زر, ففقط من خلال التصميم يمكن ان تتواصل مع المتلقي و تخبره ان هذا الزر مهم او غير مهم, وذلك من خلال تصنيف اهمية الزر الى " مهم جدا " و " مهم " و " غير مهم ". يتم هذا من خلال ما في الصورة التالية.


بتطبيق هذه الطريقة فأنت تصمم كل زر حسب اهميته و ليس عبطا.
اي صفحة ويب تحتوي في الغالب على زر اساسي (مهم جدا) واحد, و اثنين من الإجراءات الثانوية أقل أهمية. و عند تصميم هذه الاجراءات لابد من مراعات التسلسل الهرمي البصري فهذه الخطوة مكملة لما ذكر في النصيحة رقم 1.

- ينبغي أن تكون الإجراءات الاساسية ( زر مهم جدا ) واضحة, ذات ألوان خلفية عالية التباين.
- ينبغي أن تكون الإجراءات الفرعية ( زر مهم ) واضحة ولكنها ليست بارزة. يكفي استخدام الحدود Borders أو ألوان الخلفية Background ذات تباين أقل.
- ينبغي أن تكون الإجراءات الاضافية ( زر غير مهم ) يمكن رأيتها ولكنها غير واضحة جدا. يكفي استعمال كلمات بروابط Links.

المثال التالي يوضح كل ما سبق ذكره :


وفي الاخير اريد ان اشير الى ان جميع النصائح المضمنة في هذا المقال مهمة لكل مصمم جرافيك, و لابد ان تستوعب استعابا وفيا.
تقبل تحياتي ❤️

الأربعاء، 21 فبراير 2018

ما الجديد في فبراير من اجل المصممين؟

مرحبا بك عزيزي القارئ في منطلق, هذا الموضوع عبارة عن قائمة بأحدث الادوات التي ظهرت في الاسابيع الاربع الماضية و التي من شأنها ان تسهل عملك كمصمم و تزيد من انتاجيتك, لذا انصحك بحذف الادوات القديمة التي لم تعد تستعملها لاننا سنتعرف الان على الكثير من الادوات الجديدة التي ستغير حقا طريقة عملك.

Pigment


Pigment أداة رائعة حديثة من تطوير ShapeFactory, تقوم بعرض مجموعة ضخمة من الالوان المتناسقة من بعضها, لتمكن المصمم من بضغطة زر اخد كود هذه الالوان مباشرة لتصاميمه. 
الاداة جميلة و سهلة و اكثر من هذا انها فعالة و ستسهل عمل المصممين بشكل ملحوض.

gradient


اداة gradient كذلك من تطوير ShapeFactory, تجد بها مختلف التدرجات اللونية المتناسقة و يمكنك نسخ كود CSS او كود كل لون على حدى لاستخدامه في الفوتوشوب, الاداة مناسبة لمصممي المواقع و مصممي الجرافيك.

Let’s Enhance


هل صدف مرة انك اردت وضع  صورة في تصميمك ووجدتها صغيرة جدا ؟ Let’s Enhance هنا لحل هذا المشكل, فقط تقوم برفع الصورة - سحب و افلات - فيثم تكبير حجم الصورة x4 بدون فقدان اي دقة في الصورة (Let’s Enhance فعال فعلا )
حيث يستخدم أحدث الخورزميات للمساعدة في إزالة الضوضاء من الصورة وليتصور التفاصيل المفقودة من الصور لجعلها تبدو طبيعية تماما.

CopyChar


تحتاج الى حرف مميز ليس في الكيبورد؟ بدلا من البحث الطويل و الكفاح لتذكر الاختصارات في لوحة المفاتيح. استعمل اداة CopyChar فقط اضغط على الحرف او الايموجي فيثم النسخ بدون عناء.
تشمل الاداة كل شيء من الحروف وعلامات الترقيم والأرقام إلى الرموز والسهام ورموز تعبيرية.

SVG Backgrounds


اذا كنت بحاجة الى خلفية SVG ممتعة و غير تقليدية لموقعك فهذا الموقع يتوفر على مجموعة مختلفة منها مع امكانية التعديل على الالوان, بعد اختيار الخلفية المناسبة تنسخ كود CSS و تضعه في موقعك او مدونتك.

Gradient Folders


Gradient Folders عبارة عن مشروع يهدف الى ادخال البهجة و الحياة في سطح مكتب المصمم, يتضمن 38 ايقونة مصممة خصيصا للمصممين لجعل سطح المكتب اقل مللا, ادخل للموقع و حمل ملفك بحجم 400kb فقط, Gradient Folders موجه للماك و الويندوز,

اقرأ ايضا:

الأحد، 18 فبراير 2018

انت مصمم؟ اذا لابد ان تعرف ماهي النسبة الذهبية Golden Ratio

مرحبا بك صديقي على منطلق, لا بد انك تعشق التصميم و تطمح للرقي بخبراتك في هذا المجال الشاسع, ولا شك في هذا فكلنا كذلك, دائما متعطشين لمعرفة المزيد, فلذة التصميم تكمن في معرفة كافة قواعده و اسراره لنتمكن من خلق تصاميم جذابة راقية تحترم كل المعايير المعتمد عليها في مجال التصميم, من اجل هذا لابد من معرفة قاعدة النسبة الذهبية Golden Ratio.
هذه النسبة مدهشة و محيرة بوجه لافت, و لا احد يعلم سر جاذبيتها, فهي تجعل التصاميم مريحة للعين و متوازنة و تتميز بالابداع و الجمال, فهي سر جمال كل ما حولنا حيث نجدها في كل شيئ تقريبا.


ما هي النسبة الذهبية Golden Ratio ؟

النسبة الذهبية في الرياضيات هي ببساطة الرقم 1.6180339887, لكننا مصممين و لا تهمنا الرياضيات الان, فهذا الامر سيكون مملا جدا, لذا سنناقش الجانب الأكثر امتاعا و الذي يتضمن استخدام النسبة الذهبية في التصميم و الهندسة المعمارية و الفن.

يعتقد أن النسبة الذهبية كانت قيد الاستخدام لمدة 4000 سنة على الأقل في الفن البشري والتصميم. ومع ذلك، قد يكون أطول من ذلك, اليونانيون كانوا أول من أطلق المصطلح فاي phi على النسبة الذهبية اشتقاقًا من الحرف اليوناني φ . وقد ربطوا هذا العدد بالكمال. وقالوا أن النسبة الذهبية عبارة عن جزء لا يتجزأ من الطبيعة البشرية و هي سر الجمال و الجاذبية.

وهذه النسبة هي التي وجد المعماريون والفنانون والمهندسون منذ القدم أنها تقدم درجة التناسق والجمال الأفضل، فاستخدمت في أهرامات مصر وفي مبنى "البارثينون" الذي شيده الإغريق منذ 2500 عام، وهي موجودة إلى الآن في مبان حديثة مثل مقر البنتاغون.
ولكن قبل الفن والعمران، فإن هذه النسبة الذهبية موجودة في كل تفصيل من جسم الإنسان ومختلف الكائنات الحية الأخرى، لذلك يسميها البعض بالنسبة الإلهية.


أصبح الكثير من المصممين يستعملون هذه النسبة لجعل تصاميمهم تتميز بالابداع و الجمال , فنجد في وقتنا الحاضر العديد من الشركات الكبرى العالمية تستعمل النسبة الذهبية أو الرقم الذهبي في شعاراتها, لكن الامر لم ينحصر في تصميم الشعارات فقط بل تجاوز ذلك, حيث ان هذه النسبة تستخدم في مختلف التصاميم الاخرى كالمواقع الالكترونية و البزنز كارد Business Cards و الكتالوجات ...


خلاصة الفقرة: تتمثل فكرة النسبة الذهبية ببساطة في جعل شكل او عنصر معين (خط,مربع,دائرة,مثلت...) اصغر او اكبر من شكل اخر بنسبة 1.618. كما في الصورة التالية فالشكل A اكبر من الشكل B  بنسبة 1.618, و نفس الشيئ بالنسبة للشكل B فهو اضغر بنسبة 1.618 من الشكل A.


و بتعبيرٍ آخر لتبسيط فكرة النسبة الذهبية اكثر، لنتخيل أن لدينا خطا مستقيما بطول ثابت، ونريد قسمته إلى جزء كبير وآخر صغير، فعندما يكون ناتج قسمة طول الجزء الكبير على الصغير مساويا للرقم 1.618، تتحقق النسبة الذهبية بين الجزأين الكبير والصغير.
لنفترض لديك خط طوله (8m)، عندما نقسمه إلى جُزأين سيكون الجزء الأكبر (5m) والأصغر (3m). حاصل قسمة الكبير على الصغير 1.666=5/3 و يعني ان هذا التقسيم يخضع للنسبة الذهبية.

مجالات استخدام النسبة الذهبية:

- الفن المعماري
- فن التصويـر الفوتوغرافي
- فن الرسـم
- الموسيقى
- التصميم 

فيما يمكن استخدام النسبة الذهبية Golden Ratio؟ 

السؤال المهم هو لماذا يهمني كمصمم أو شخص يعمل في المجال الإبداعي أن أعرف عن النسبة الذهبية ولماذا هي مؤثرة؟
كما ذكرنا سابقا فهذه النسبة حاضرة في كل شيئ من حولنا بمعنى انها موجودة اصلا في الطبيعة قبل حتى ان يكتشفها البشر فهي قاعدة كونية. لذا لابد من تطبيقها في ما نخلقه من تصاميم لجعلها اكثر انسجاما وتوازنا, و التي يبدو أن عقلنا الباطن ينجذب لهما.

النسبة الذهبية في تصميم الشعارات Logos:

من اكثر المجالات تطبيقا للنسبة الذهبية في مجال التصميم هو تصميم الشعارات, فكل الشركات و العلامات التجارية الصغيرة و العالمية منها تستخدم النسبة الذهبية في شعاراتها.

النسبة الذهبية في تصميم مواقع الويب Web Design:

اصبحت النسبة الذهبية تطبق كذلك في مجال تصميم المواقع Web Design, فهي تخلق تجربة مستخدم User experience مريحة بصريا.



امثلة اخرى لاستخدام النسبة الذهبية في التصميم :




طريقة استخدام النسبة الذهبية في تصاميمي؟

بعدما استوعبنا فكرة و اهمية استخدام قاعدة النسبة الذهبية و تعرفنا على مجالات تطبيقها  نمر الان الى مرحلة نعشقها كلنا التي سنفتح فيها برنامج الاليستراتور لنتعلم كيفية تطبيق Golden Ratio في تصاميمنا, سنحتاج دائما الى ما يسمى بالمستطيل الذهبي الذي لا يمكن الاستغناء.
انت كمصمم ستحتاج دائما الى انشاء المستطيل الذهبي الخاص بك, لذا افتح برنامج الاليستراتور الان لنتعلم معا كيفية رسم النسبة الذهبية في برنامج الالستراتور .

الخطوة الاولى :
افتح عمل جديد على الاليستراتور و انشئ مربعين بنفس الحجم :


الخطوة الثانية: 
اختر مربع واحد ثم اضغط على Transform لتغيير حجمه,في خانة الطول قم بحذف px واكثب مكانها 1.618 / ليصبح (1.618 / حجم الشكل بالبيكسل ), هنا نقوم بتصغير حجم الشكل بنسبة 1.618 اي رقم النسبة الذهبية كما في الصورة التالية
لكن تأكد انك فعًلت خيار Constrain للطول و العرض يثم هذا بالضغط على السلسة في نافدة Transform


فيصبح الشكل كما في الصورة التالية:


قم بوضع المربع الصغير بجانب المربع الكبير كما في الصورة:


الخطوة الثالتة:
الان انسخ المربع B ليصبح لديك مربعين من B ثم كرر نفس العملية التي قمنا بها لتصغير المربع بنسبة 1.618.


قم بهذا الامر مع كل مربع حتى تحصل في الاخير على هذا الشكل



المرحلة الاخيرة:
ضع دائرة في كل مربع لكن تأكد ان  يكون منتصفها في منتصف المربع تماما و حجمها يساوى حجم المربع كما في الصورة


الان اصبح لديك كل الدوائر و المربعات تخضع لقاعدة النسبة الذهبية, وبها يمكنك تصميم شعاراتك و تصاميمك الاخرى.
ملاحظة :
يمكنك تغيير حجم الدوائر و المربعات لكن بشرط تغيير حجم المستطيل الذهبي ككل  (اي تغيير حجم جميع الاجزاء بنفس القيمة), فتغيير احد الاجزاء سيفقده النسبة الذهبية.

أتمنى ان اكون قد أضفت شيء جديد إلى قاموسك من خلال بحتي المتواضع هذا و إضافة الى اشياء سمعت بها حاولت ان أكون في ذهنك فكرة عن النسبة الذهبية و سر الجمال و الإبداع فيها. معرفتك لهذه النسبة و تطبيقها في اعمالك سينقل مستواك الاحترافي من 50 الى 90 ببساطة, لذا تأكد من فهمك لهذه النسبة بشكل كبير, ولي لك تمنياتي بالتوفيق, تقبل تحياتي

الخميس، 18 يناير 2018

افضل المواقع و الادوات التي يجب على كل مصمم غرافيك استكشافها

يجب على مصممي الغرافيك مواصلة استكشاف مختلف الأدوات و المواقع التي من شأنها تسهيل عملية التصميم و زيادة الانتاجية في مجال تخصصه, وكذا تسريع وثيرة العمل و انهاء التصاميم في الوقت المحدد, دون اضاعة الكثير من الوقت في امور غير مهمة مما يشتت تركيزه .
لذا لابد لمصمم الغرافيك امتلاك الكثير من الادوات و الوسائل التي ستقف جنب الى جنب معه لانجاح عمله و خلق تصاميم عالية الجودة و الاحترافية و في وقت وجيز, ستجد في هذا الموضوع افضل و اشهر الادوات و المواقع التي ننصحك باستكشافها و الاعتماد عليها لتزيد من انتاجيتك و الحصول على تصاميم جدابة و احترافية

ادوات مفيدة للمصممين:

اداة brandmark:


اداة مميزة بفكرة غير مسبوقة و فريدة من نوعها, تتمثل فكرة brandmark بتقييم جودة تصميم الشعار. فقط ارفع صورة لأي شعار من جهازك وتحصل على النتائج تبين لك نسبة توافق شعارك  مع  المعايير المعتمد عليها في مجال تصميم الشعارات من حيث التميز والوضوح والالوان والتباين والناتج الأجمالي

اداة What the Font:


غالب ما نصادف خطوط إنجليزية رائعة و لا نجد أي معلومة عنها، الحل في هذه الأداة بمجرد رفع الصورة للموقع يقوم تلقائيا بالكشف عن معلومات الخط و بالتالي تتمكن من تحميله. بالاضافة الى هذا تحتوي الاداة ايضا على قسم به اجمل الخطوط العالمية مع رابط التحميل
 

أداة ColourLovers:

هذه الأداة توفر عنك الجهد و الوقت في البحث عن ألوان متناسقة لتستخدمها في تصميمك، مكتبة ضخمة من الالوان المتناسقة و المتناغمة تجدها هنا.
 

اداة Designers Toolbox:

أغلبنا يستعين بالقياسات الافتراضية الموجودة ببرنامج الـ Photoshop كقياسات A4 و A3 و غيرها، أنصحكم بهذا الموقع الذي يحتوي على جميع قياسات الطول و العرض لـ : الشاشات، الكتب، الأقراص المدمجة، الأظرفة … و غيرها

اداة Color Scheme Designer:

من بين الأدوات الرائعة في اختيار الالوان الخاصة بالتصميم، ما يميز هذه الأداه عن غيرها اعتمادها على الأساس العلمي للدوائر اللونية لتعطيك في الأخير اكواد الألوان اللازمة لتستخدمها في تصميمك.

اداة Kuler:

كسابقتها هذه الأداة من شركة أدوبي تمكنك من اختيار الوان مناسبة بطريقة سلسة و ممتعة لتحصل في الأخير على اللون المناسب.

اداة Fontello:

مبروك عليك وصلت لأعز أداة إلى نفسي، أصنفها من بين الأدوات المهمة و اللازمة على كل مصمم، يتوفر الموقع على الكثيير من الايقونات ما عليك سوى تحديدها و تلقائيا تتمكن من تحميلها على شكل “خط” تستطيع التحكم بحجمه و ألوانه من داخل برنامج التصميم.

اداة pixlr:

تطبيق على الويب مشابه لبرنامج الفوتوشوب، تستطيع الاستعانة به في الأوقات الحرجة أو في حالة العمل من حاسوب غير حاسوبك.
 

اداة BGPatterns:

أداة تحتوي على عدة رموز لإستخدامها في التصميم كـPattern بإمكانك التعديل على لونها و شكلها …
 

مواقع مهمة لمصمم الغرافيك  :

موقع vecteezy:


موقع vecteezy يوفر لك أكثر من 100,000 فيكتور مفتوح المصدر مع امكانية التعديل المباشر لتصاميم داخل الموقع شرط فتح حساب مدفوع , لكن التحميل مجاني و هو متاح للإستخدام الشخصي فقط, الموقع يوفر الصيغ التالي لتحميل تصاميم الفيكتور SVG . EPS . Ai

موقع 1001fonts:


هذا الموقع واضح من اسمه, يوفر لك اكثر من 1000 خط لاتيني جميل و رائع للتحميل برابط مباشر,

موقع brandcolors:


يمكنك هذا الموقع من معرفة الالوان الخاصة بكل براند اي الالوان التي تعتمد عليها اي علامة تجارية, قد يساعدك هذا الموقع من عملية اختيار الالوان لتصميمك القادم .يمكنك الضغط على اي لون فيتم نسخ كود اللون تلقائيا.

موقع freebiesbug:


موقع جميل يحتوي على الكثير من الصور وملفات الموك اب والشعارات والايقونات بشكل مرتب وطريقة جميلة .. التحميل فيه مجاني

موقع freepik:


هذا الموقع قد تكون تعرفه لانه مشهور بين اغلبية المصممين, فهو يعمل كمحرك بحث يحتوى على العديد من ملفات الفيكتور وتصاميم الفوتوشوب الجاهزة و المجانية فى مختلف المجالات.

موقع IconFinder:


هذا من اشهر مواقع الايقونات حيث يحتوي على مجموعة هائلة من الأيقونات عالية الجودة المجانية و المدفوعة, و يمكنك كذلك من تحميل الايقونات بمختلف الصيغ المتوفرة
 
و في الاخير اتمنى لك التوفيق و النجاح ان شاء الله .تقبل تحياتي.