منتديات النورس
عزيزي الزائر مرحبا بكـ

يرجى الدخول أو التسجيل إذا كنت ترغب في الإنضمام إلينا

تذكر أن هذا المنتدى يحتاج لتفعيل تسجيلك من الإيميل

شكراً



منتديات النورس

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

شاطر | 
 

 خطوات تصميم القوالب من الصفر الى النهاية

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
نبراس غزة
*********
*********


ذكر

المشاركات : 8572

تعاليق : مساعد إداري

المزاج :

الدولة :

المهنة :

الهواية :

التسجيل : 27/03/2009

النقاط : 12666

التقييم : 546

رسالة sms في الدنيآ ثلآث [ أمـل ، ألـم ، أجر ] فعشْ الأولى ~ و تحمّل الثانيه ~ لأجلْ الثّالثه ]
mms
هُناك أربعة أشياء لا يمكنك استرجاعها : الحجر إذا رميتَه ، الكلمةُ إذا قلتها ، المناسبة إذا فقدتها ، الساعةُ إذا مرّت

الأوسمة






مُساهمةموضوع: خطوات تصميم القوالب من الصفر الى النهاية    الثلاثاء يناير 31, 2012 12:19 pm


خطوات تصميم القوالب من الصفر الى النهاية


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

بداية عليك ان تدرك ان تصميم الموقع او التمبلت هو كرسم لوحة متناسقة العناصر لغرض ما ، يمر تصميم التمبلت بثلاث مراحل



الإعداد - التنفيذ - التقييم

سأتناول كل مرحلة بالتفصيل

أولا مرحلة الإعداد ( أهم مراحل التصميم )



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

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

ثانيا مرحلة التنفيذ



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

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

ثالثا مرحلة التقييم



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

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



لنقم بتحليل هذا التمبلت وفقا لخطوات التنفيذ السابقة :-

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

2- وضع اللوجو أيضا فى مكان واضح وبنفس الألوان التى حددناها فى اللوجو .

3- استخدام صور رسوميه واضحه وعالية الدقه ومناسبة للموضوع وهو التصميم ووضعها بصورة لا تؤثر على التصميم وجودته .

4- أقسام الموقع بارزة للزوار وفى مكان مناسب .

5- الأقسام الفرعية المهمة واضحه وأيضا فى مكان مناسب وبخط واضح .

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

7- المساحات الخالية منتشرة بصورة متوافقه مع العناصر وتريح العين .

8- الأيقونه المستخدمه بسيطه جدا وفى نفس الوقت رائعه وموضوعه بشكل جيد وبنفس ألوان الموقع .

واخيرا التصميم ككل غير مزدحم بالعناصر والمحتويات .

* ملاحظــــات

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

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

- هذا المقال رؤية شخصيه قد تتفق معها او تختلف ولكننى فى النهاية اتمنى ان تفيدك .


م/ن


الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.nawraas.net
زهرة على جبين القمر
*********
*********


انثى

الاسد

المشاركات : 18362

العمـر : 23

المزاج :

الدولة :

التسجيل : 25/11/2011

النقاط : 27035

التقييم : 1183

رسالة sms

لم أعد أنصصدم بَ آي أممر أياً ككآن ‘(

ولم أعد ٱتذگر آي شيء ,

ولم أعد أفكر ٱو أهتم ﺑ ٱيٓ شيء

فُ محآجر عينيٓ جفت و . .

جهآزيٓ آلعصبي ميت

,وفقدت ذاگرتيٓ وإهتمامآتي

گل شيٓء ٱصبح ( عآآآدي )

ولم يعد ٱيٓ شيء مثير للأهتمآم .. !!



mms


ﺑﻴﻨﻤﺎ ﻛﻨﺖ ﺃﺳﺘﻤﻊ
ﻟﻜﺎﻇﻢ ﻳﺮﺩﺩ ﺑﺤﺰﻥ :
ﻋﻠﻤﻨﻲ ﺣﺒﻚ ﺃﻥ ﺃﺣﺰﺯﻥ...
" ﺗﺬﻛﺮﺗﻚ ! "
ﻭﺑﺪﺃﺕ ﺃﻓﻜﺮ ﻣﺎﺫﺍ
ﻋﻠﻤﻨﻲ ﺣﺒﻚ ..؟؟
ﻓﻜﺮﺕ ﻛﺜﻴﺮﺍً ﺟﺪﺍً ,
ﺛﻢ ﺑﺪﺃﺕ ﺃﺭﺩﺩ ﺑﻬﺪﻭﺀ :

ﻋﻠﻤﻨﻲ ﺣﺒﻚ ﺃﻥ ﺃﺩﺧﻞ
ﻣﺪﻥ ﺍﻟﺨﺬﻻﻥ ﻣﻦ
ﺃﻭﺳﻊ ﺃﺑﻮﺍﺑﻬﺎ ,
ﻋﻠﻤﻨﻲ ﺣﺒﻚ ﺃﻥ
ﺃﺻﻤﺖ ﻭﺃﻧﺎ ﻓﻲ ﺃﺷﺪ
ﺣﺎﺟﺘﻲ ﻷﺑﻜﻲ ,
ﻋﻠﻤﻨﻲ ﺣﺒﻚَ ﺃﻥ ﺃﺿﺤﻚ

ﻭﺃﻧﺎ ﺑﻘﻤﺔ ﺧﻴﺒﺘﻲ ..
ﺣﻘﺎً ...
ﻋﻠﻤﻨﻲ ﺣﺒﻚَ ﺃﺷﻴﺎﺀً ﻣﺎﻛﺎﻧﺖ ﺃﺑﺪﺍً ﻓﻲ
ﺍﻟﺤﺴﺒﺎﻥ !!














الأوسمة







مُساهمةموضوع: رد: خطوات تصميم القوالب من الصفر الى النهاية    الثلاثاء يناير 31, 2012 7:25 pm


بــــآآآرك آلله فيـــــك ويعطيــــك آلـــف آلــف عـــآآآفيـــة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.nawraas.net/forum
عاشقة الزهور
*****
*****


انثى

الجوزاء

المشاركات : 75737

العمـر : 33

المزاج :

الدولة :

المهنة :

الهواية :

التسجيل : 09/03/2009

النقاط : 101796

التقييم : 846


مُساهمةموضوع: رد: خطوات تصميم القوالب من الصفر الى النهاية    الأربعاء فبراير 01, 2012 11:40 pm

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات النورس  :: ˚ஐ˚◦{ ♥ قسم الصور والجرافيكس ♥}◦˚ஐ˚ :: الجرافيكس والتصميم -
انتقل الى: