عيد مبارك

سبتمبر 20, 2009


عيد سعيد و كل عام و أنتم بألف خير ان شاء الله

مصمم شعارات ماذا يلزمك؟؟؟

أغسطس 24, 2009

– الصبر و الصبر ثم الصبر.

– الإطلاع على تصميم الآخرين و خاصة المحترفين منهم (مثلا في موقع logopond)

– استخدام الورقة و القلم من أجل التخطيط المبدئي للشعار.

– استخدام برامج قوية مثل illustrator و corelDraw x4

– المشاركة في المواقع التي تنظم مسابقات تصميم من أجل الاحتكاك بمصممين كبار(مثل موقع 99designs)

– عليك دراسة الألوان دراسة معمقة( الألوان الحراة,الألوان الباردة,الألوان المتضادة…).

– عليك إمتلاك مخيلة واسعة جدا تطور بها أسلوبك الخاص.

– الاحتكاك بالمحترفين في تصميم الشعارات و الإستفادة منهم (مثل موقع LogoDesignLove)

– ابتعد عن البرامج التي تحتوي على جملة logo creator فستبعدك عن الإحتراف.


نصائح لتصميم شعارات web 2.0

مارس 25, 2009

السلام عليكم

لتصميم شعار web 2.0 لا نقول سهل او صعب فيلزمك الكثير من التفكير و التخطيط لتصل الى شعار ترضي به عميلك

نصائح:

-استمع الى عميلك جيدا حاول أن ترى الشعار كما يراه هو و أطلب منه أن يعطيك أمثلة لما يريد اذا أمكن .

-ابدأ التخطيط على ورقة وقلم (أرسم و عدل)

-لا تتسرع خذ كل وقتك في التخطيط.

-أختر شعار يكون بسيط ليس معقدا من الأفضل أن يكون صغير الحجم و يعبر عن الشركة أو الموقع.

-لا تستعمل الكثير من الألوان(لا تجعل التصميم قوس قزح) .

-استعمل ألوان قوية أو ضعيفة فأنت حر .

-طالع أعمال المصممين الآخرين و قلد التصاميم التي تعجبك(للتعلم فقط).

-وازن الشعار جيدا.

-اختر خطوط مناسبة.

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

تصميم جديد web 2.0

ديسمبر 19, 2008

شعار جديد لموقع وهمي 🙂

[css] طرق التحكم بالخط

ديسمبر 15, 2008

قمت بكتابة هذا الدرس منذ مدة في المشروع و أريد اعادة نشره في مدونتي

أترككم مع الدرس

أخي المطور..
إن من أهم الأمور التي تضفي على موقعك أو برنامجك جمالاً هي تنظيم النص و سهولة قراءته، واليوم.. سأتحدث عن كيفية التحكم بالخط بالـ css وسأشرح لك أشهر أوامره
1- نوع الخط

بإمكانك التحكم بنوع الخط بواسطة القيمة font-family ..

مثال:


body { font-family: Arial, Helvetica, Tahoma; }

2- قياس الخط

بإمكانك التحكم بقياس الخط بواسطة القيمة font-size ..
وهناك عدّة طرق للتحكم بقياس الخط، أذكر منها طريقة الكتابة، والتي تحتوي على عدّة قيم..
مثال على جميع القيم :


body {
font-size: xx-small;
font-size: x-small;
font-size: smaller;
font-size: small;
font-size: medium;
font-size: large;
font-size: larger;
font-size: x-large;
font-size: xx-large;
}

3- شكل الخط

بإمكانك التحكم بشكل الخط بواسطة القيمة font-style ..
وله 3 أنواع من القيم هي:

* normal : وهذا لجعل شكل الخط عادي كما هو
* italic : وهذا لجعل الخط مائلاً
* oblique : وهذا لجعل الخط مائلاً أيضاً

مثال على جميع القيم :


 body {
 font-style: normal;
 font-style: italic;
 font-style: oblique;
 }

4- لون الخط

بإمكانك التحكم بلون الخط بواسطة القيمة color ..
وهناك طرقتان للتحكم بلون الخط:

* بالإسم : بحيث تكتب اسم اللون
* بالرمز : بحيث تكتب رمز اللون

مثال على القيمتين :


body {
color: green;
color: #00FF00;
}

5- التباعد بين الأحرف

بإمكانك التحكم بتباعد الأحرف عن بعضها بواسطة القيمة letter-spacing ..

مثال :

body { letter-spacing: 1em; }

6- المسافة بين الكلمات

بإمكانك التحكم بالمسافة بين الكلمات بواسطة القيمة word-spacing ..

مثال :


body { word-spacing: 5em; }

7- تزيين الخط

بإمكانك التحكم بزينة الخط بواسطة القيمة text-decoration ..
وله 5 أنواع من القيم هي:

* none : وهذا لجعل الخط عادي كما هو
* underline : وهذا لإضافة خط أسفل الكلمة
* overline : وهذا لإضافة خط أعلى الكلمة
* line through : وهذا لإضافة خط على الكلمة
* blink : وهذا لجعل الخط يومض (يظهر ويختفي)

مثال على جميع القيم :


body {
text-decoration: none;
text-decoration: underline;
text-decoration: overline;
text-decoration: line-through;
text-decoration: blink;
}

و هذا مثال عن كل هذه الخصائص
http://www.almashroo.com/articles/examples/css/font1/example.html
ويمكنك تحميل الملف من هنا

هذه هي أشهر خصائص الخط في css

photoshop vs gimp

ديسمبر 8, 2008

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

علي الابتعاد على الفوتوشوب حتى اشعار آخر.

الموقع الرسمي للـgimp

دروس gimp