فى هذا الدرس سأوضح بعض من خطوات و مكونات وعناصر التمبلت ( قالب التصميم ) الثابته فى معظم التمبلتات سواء كانت عربية او اجنبيه
بداية عليك ان تدرك ان تصميم الموقع او التمبلت هو كرسم لوحة متناسقة العناصر لغرض ما ، يمر تصميم التمبلت بثلاث مراحل
الإعداد – التنفيذ – التقييم
سأتناول كل مرحلة بالتفصيل
أولا مرحلة الإعداد ( أهم مراحل التصميم )
تشمل تلك المرحلة تجميع العناصر والأدوات والصور والأشكال والأيقونات المستخدمة فى التمبلت وأهم شئ الفكره التى ستطبق فى التصميم ، سأوجز تلك المرحلة فى خطوات :-
– الموضوع :- عليك ان تحدد ما هو موضوع التمبلت مثلا هل هو تصميم لموقع تجارى ام شخصى ام متنوع … وهكذا
– التخيل :- هو اهم شئ فى تصميم التمبلت عليك ان تتخيل شكل الموقع ويفضل ان تخطط للموقع شكلا على ورقة وبالقلم الرصاص هذا سيعطيك حرية أكثر
وأفكارا جديده ولا تخجل من رسمك حتى وان كان ضعيفا لا تقم بمسحه او شطب اى من مكوناته فقط قم بوضع تخطيط ملائم للموضوع على ورقه .
– النقد والمشاهدة : حاول ان تشاهد المواقع المشابه لموضوع موقعك او تصميمك ولا تكتفى بالمشاهدة فقط بل قم بالنقد وحدد نقاط ضعف وقوة كل تصميم كل موقع حتى تتجنب السلبيات
التى وقع فيها غيرك وتطبق الإيجابيات .
– تحديد اللوجو :- قم بتصميم اللوجو الخاص بالموقع او اطلب من العميل اللوجو الخاص بالموقع ولا تكتفى بذلك بل اطلب ال slogan او الشعار الخاص بالشركة او العميل .
– تحديد الألوان :- اختار الوان الموقع وقم بتحديدها ولاتزيد عن لونين او ثلاثة الوان بالإضافة للألوان الحيادية الإعتياديه مثل الأبيض والأسود والرصاصى .
– تحديد الأيقونات :- المقصود بالأيقونات هى الأشكال التى توجد بجانب أقسام الموقع ولابد ان تناسب محتوى الموقع .
– تحديد الإعلانات :- هل ستخصص بالموقع اماكن للإعلانات والتبادل الإعلانى ام لا وعليك ان تحدد ذلك وتخصص لهم مكانا وانت تخطط للموقع فى خطوة ” التخيل”.
– الدراسه :- اعتبرها من اهم الخطوات ، فيجب عليك ان تدرس موضوع التمبلت جيدا وتقرأ فى موضوع التمبلت فمثلا اذا كنت تصمم موقعأ للأطباء فيجب عليك ان تقرأ ولو قليلا فى هذا
المجال لا أقصد التوسع ولكن على الأقل ان تعرف إحتياجات واهتمامات الأطباء لكى تركز عليها وتنفذها فى تصميمك …. اذا قمت بتلك الخطوة تأكد من ان التصميم سيروق للكثيرن من
زوار الموقع لأنك راعيت احتياجاتهم.
ثانيا مرحلة التنفيذ
فى هذه المرحلة تبدأ فى تصميم التمبلت وتجميع وتوفيق العناصر التى قمت بجمعها وتنظيمها بالشكل المناسب ، ولابد ان تلاحظ فى التصميم :-
– طبيعة زوار الموقع والجمهور المستهدف هل هو مثقف ام لا ، هل تتوقع زوار شباب …
– عليك ان تتأكد من وجود مساحات فارغه متناسقه مع التصميم ويفضل ان تكون من الألوان المريحه للعين كالأبيض والأخضر .
– لا تجعل التصميم مزدحما بالمحتويات فمعظم الزوار لا يحبون القراءة كثيرا .
– تذكر دائما ان تصميم اى صفحة من صفحات الموقع او اضافة اى عنصر او محتوى للتصميم لابد وان يخدم موضوع الموقع ولا تكن كاللذين يدرجون كل شئ واى شئ.
– تذكر ان عين الزائر عندما تشاهد الموقع تتحرك بالإتجاه ( أعلى – يمين – زجزاج لأسفل – اسفل ) بمعنى ان عين الزائر تتحرك لمشاهدة الموقع من أعلى الى اليمين ثم بطريقة
زجزاجيه الى أسفل التمبلت ثم النهاية ، لذلك عليك ان تركز على العناصر الموجوده بأعلى التمبلت ويمينه لأنه اذا صحت البداية صحت النهاية وستضمن بذلك بقاء الزائر ليشاهد موقعك .
– لابد وان تبرز أقسام الموقع للزائر لأن كثير الزوار يتصفحون بسرعة فإذا لم يجدوا ضالتهم تركوا الموقع على الفور ، لذلك لابد ان تبرز اقسام الموقع الرئيسية والمهمه .
– طبق كل شئ واى شئ تعتقد بأنه سيفيد التمبلت او التصميم وحاول ان تطبق ما قمت بتخطيطه على الورقة فى مرحلة الإعداد ولا مانع فى التعديل اذا لزم الأمر .
– حاول ان تجعل الخط مناسب للقراءة وباللون المناسب مثلا خط tahoma ولون ابيض او أسود .
– لا تكرر فى التصميم بأن تجعل العناصر مكرره فى نفس الصفحه .
– لابد ان تستخدم رسومات أنيقة ومميزه تناسب موضوع التصميم وعالية الدقه كلما أمكن .
ثالثا مرحلة التقييم
فى هذه المرحلة عليك ان تعرض التصميم على خبراء او رفقائك فى التصميم لينقدوه ليبينوا مدى براعتك من اخفاقك فى تصميم التمبلت وتوضيح نقاط الضعف لتعالجها ، فهنا يأتى دور
موقع بكسل وغيره من المواقع التى تهتم بالتصميم ولكن لابد ان توضح عند وضع التصميم للنقد هدف الموقع وموضوعه وغيرها من التفاصيل البسيطه التى توضح للزائرين نبذه عن التمبلت
او التصميم .
وسأتطرق لمثال لأحد التمبلتات التى صممها اخونا مستر جرافيكس كمثال للتصميمات الناجحه من حيث التوزيع والفكره ….. صورة التمبلت
لنقم بتحليل هذا التمبلت وفقا لخطوات التنفيذ السابقة :-
1 – قام المصمم بوضع اسم الموقع فى مكان واضح وهو أول التصميم وتحديد لونين فقط له وهما البرتقالى الغامق والرصاصى وهنا حدد المصمم الألوان التى سيستخدمها فى التصميم ككل
وهما هذان اللونين وتدرجاتهما بالإضافة للألوان الحيادية .
2- وضع اللوجو أيضا فى مكان واضح وبنفس الألوان التى حددناها فى اللوجو .
3- استخدام صور رسوميه واضحه وعالية الدقه ومناسبة للموضوع وهو التصميم ووضعها بصورة لا تؤثر على التصميم وجودته .
4- أقسام الموقع بارزة للزوار وفى مكان مناسب .
5- الأقسام الفرعية المهمة واضحه وأيضا فى مكان مناسب وبخط واضح .
6- المحتوى منسق بشكل جيد وبخط مناسب ولون مناسب على الرغم من ان المحتوى الى حد ما كثير فى هذا التمبلت – بالنسبة لموضوع التمبلت وهو التصميم – ولكننا لا نلاحظ ذلك لأن
المصمم وضع المحتويات بصورة جيده فتغلب على الكثرة بالتقسيم الجيد .
7- المساحات الخالية منتشرة بصورة متوافقه مع العناصر وتريح العين .
8- الأيقونه المستخدمه بسيطه جدا وفى نفس الوقت رائعه وموضوعه بشكل جيد وبنفس ألوان الموقع .
واخيرا التصميم ككل غير مزدحم بالعناصر والمحتويات .
* ملاحظــــات
– فى بعض الأحيان يقوم المصممون بتصميم التمبلت لغرض التصميم وفقط اى لا ينون جعله موقعا كاملا ، فمنهم من يصمم التمبلت كمن يرسم لوحة لعرضها فى معرض ليستمتع ويمتع
الآخرين عندها لا توجد قواعد للتصميم فهنا يعبر تصميم التمبلت من كونه موقعا الى لوحة فنيه تكسر كل القواعد والأعراف ولا تتبع قاعده للحكم عليها وكما يقال فإن لكل قاعده شواذ .
– بالتأكيد تصميم التمبلت يختلف عن جعله موقعا كاملا فلهذا الأخير قواعد أخرى كثيرة ومختلفه الى حد ما .
– هذا المقال رؤية شخصيه قد تتفق معها او تختلف ولكننى فى النهاية اتمنى ان تفيدك .
فى هذا الدرس سأوضح بعض من خطوات و مكونات وعناصر التمبلت ( قالب التصميم ) الثابته فى معظم التمبلتات سواء كانت عربية او اجنبيه
بداية عليك ان تدرك ان تصميم الموقع او التمبلت هو كرسم لوحة متناسقة العناصر لغرض ما ، يمر تصميم التمبلت بثلاث مراحل
الإعداد – التنفيذ – التقييم
سأتناول كل مرحلة بالتفصيل
أولا مرحلة الإعداد ( أهم مراحل التصميم )
تشمل تلك المرحلة تجميع العناصر والأدوات والصور والأشكال والأيقونات المستخدمة فى التمبلت وأهم شئ الفكره التى ستطبق فى التصميم ، سأوجز تلك المرحلة فى خطوات :-
– الموضوع :- عليك ان تحدد ما هو موضوع التمبلت مثلا هل هو تصميم لموقع تجارى ام شخصى ام متنوع … وهكذا
– التخيل :- هو اهم شئ فى تصميم التمبلت عليك ان تتخيل شكل الموقع ويفضل ان تخطط للموقع شكلا على ورقة وبالقلم الرصاص هذا سيعطيك حرية أكثر
وأفكارا جديده ولا تخجل من رسمك حتى وان كان ضعيفا لا تقم بمسحه او شطب اى من مكوناته فقط قم بوضع تخطيط ملائم للموضوع على ورقه .
– النقد والمشاهدة : حاول ان تشاهد المواقع المشابه لموضوع موقعك او تصميمك ولا تكتفى بالمشاهدة فقط بل قم بالنقد وحدد نقاط ضعف وقوة كل تصميم كل موقع حتى تتجنب السلبيات
التى وقع فيها غيرك وتطبق الإيجابيات .
– تحديد اللوجو :- قم بتصميم اللوجو الخاص بالموقع او اطلب من العميل اللوجو الخاص بالموقع ولا تكتفى بذلك بل اطلب ال slogan او الشعار الخاص بالشركة او العميل .
– تحديد الألوان :- اختار الوان الموقع وقم بتحديدها ولاتزيد عن لونين او ثلاثة الوان بالإضافة للألوان الحيادية الإعتياديه مثل الأبيض والأسود والرصاصى .
– تحديد الأيقونات :- المقصود بالأيقونات هى الأشكال التى توجد بجانب أقسام الموقع ولابد ان تناسب محتوى الموقع .
– تحديد الإعلانات :- هل ستخصص بالموقع اماكن للإعلانات والتبادل الإعلانى ام لا وعليك ان تحدد ذلك وتخصص لهم مكانا وانت تخطط للموقع فى خطوة ” التخيل”.
– الدراسه :- اعتبرها من اهم الخطوات ، فيجب عليك ان تدرس موضوع التمبلت جيدا وتقرأ فى موضوع التمبلت فمثلا اذا كنت تصمم موقعأ للأطباء فيجب عليك ان تقرأ ولو قليلا فى هذا
المجال لا أقصد التوسع ولكن على الأقل ان تعرف إحتياجات واهتمامات الأطباء لكى تركز عليها وتنفذها فى تصميمك …. اذا قمت بتلك الخطوة تأكد من ان التصميم سيروق للكثيرن من
زوار الموقع لأنك راعيت احتياجاتهم.
ثانيا مرحلة التنفيذ
فى هذه المرحلة تبدأ فى تصميم التمبلت وتجميع وتوفيق العناصر التى قمت بجمعها وتنظيمها بالشكل المناسب ، ولابد ان تلاحظ فى التصميم :-
– طبيعة زوار الموقع والجمهور المستهدف هل هو مثقف ام لا ، هل تتوقع زوار شباب …
– عليك ان تتأكد من وجود مساحات فارغه متناسقه مع التصميم ويفضل ان تكون من الألوان المريحه للعين كالأبيض والأخضر .
– لا تجعل التصميم مزدحما بالمحتويات فمعظم الزوار لا يحبون القراءة كثيرا .
– تذكر دائما ان تصميم اى صفحة من صفحات الموقع او اضافة اى عنصر او محتوى للتصميم لابد وان يخدم موضوع الموقع ولا تكن كاللذين يدرجون كل شئ واى شئ.
– تذكر ان عين الزائر عندما تشاهد الموقع تتحرك بالإتجاه ( أعلى – يمين – زجزاج لأسفل – اسفل ) بمعنى ان عين الزائر تتحرك لمشاهدة الموقع من أعلى الى اليمين ثم بطريقة
زجزاجيه الى أسفل التمبلت ثم النهاية ، لذلك عليك ان تركز على العناصر الموجوده بأعلى التمبلت ويمينه لأنه اذا صحت البداية صحت النهاية وستضمن بذلك بقاء الزائر ليشاهد موقعك .
– لابد وان تبرز أقسام الموقع للزائر لأن كثير الزوار يتصفحون بسرعة فإذا لم يجدوا ضالتهم تركوا الموقع على الفور ، لذلك لابد ان تبرز اقسام الموقع الرئيسية والمهمه .
– طبق كل شئ واى شئ تعتقد بأنه سيفيد التمبلت او التصميم وحاول ان تطبق ما قمت بتخطيطه على الورقة فى مرحلة الإعداد ولا مانع فى التعديل اذا لزم الأمر .
– حاول ان تجعل الخط مناسب للقراءة وباللون المناسب مثلا خط tahoma ولون ابيض او أسود .
– لا تكرر فى التصميم بأن تجعل العناصر مكرره فى نفس الصفحه .
– لابد ان تستخدم رسومات أنيقة ومميزه تناسب موضوع التصميم وعالية الدقه كلما أمكن .
ثالثا مرحلة التقييم
فى هذه المرحلة عليك ان تعرض التصميم على خبراء او رفقائك فى التصميم لينقدوه ليبينوا مدى براعتك من اخفاقك فى تصميم التمبلت وتوضيح نقاط الضعف لتعالجها ، فهنا يأتى دور
موقع بكسل وغيره من المواقع التى تهتم بالتصميم ولكن لابد ان توضح عند وضع التصميم للنقد هدف الموقع وموضوعه وغيرها من التفاصيل البسيطه التى توضح للزائرين نبذه عن التمبلت
او التصميم .
وسأتطرق لمثال لأحد التمبلتات التى صممها اخونا مستر جرافيكس كمثال للتصميمات الناجحه من حيث التوزيع والفكره ….. صورة التمبلت
لنقم بتحليل هذا التمبلت وفقا لخطوات التنفيذ السابقة :-
1 – قام المصمم بوضع اسم الموقع فى مكان واضح وهو أول التصميم وتحديد لونين فقط له وهما البرتقالى الغامق والرصاصى وهنا حدد المصمم الألوان التى سيستخدمها فى التصميم ككل
وهما هذان اللونين وتدرجاتهما بالإضافة للألوان الحيادية .
2- وضع اللوجو أيضا فى مكان واضح وبنفس الألوان التى حددناها فى اللوجو .
3- استخدام صور رسوميه واضحه وعالية الدقه ومناسبة للموضوع وهو التصميم ووضعها بصورة لا تؤثر على التصميم وجودته .
4- أقسام الموقع بارزة للزوار وفى مكان مناسب .
5- الأقسام الفرعية المهمة واضحه وأيضا فى مكان مناسب وبخط واضح .
6- المحتوى منسق بشكل جيد وبخط مناسب ولون مناسب على الرغم من ان المحتوى الى حد ما كثير فى هذا التمبلت – بالنسبة لموضوع التمبلت وهو التصميم – ولكننا لا نلاحظ ذلك لأن
المصمم وضع المحتويات بصورة جيده فتغلب على الكثرة بالتقسيم الجيد .
7- المساحات الخالية منتشرة بصورة متوافقه مع العناصر وتريح العين .
8- الأيقونه المستخدمه بسيطه جدا وفى نفس الوقت رائعه وموضوعه بشكل جيد وبنفس ألوان الموقع .
واخيرا التصميم ككل غير مزدحم بالعناصر والمحتويات .
* ملاحظــــات
– فى بعض الأحيان يقوم المصممون بتصميم التمبلت لغرض التصميم وفقط اى لا ينون جعله موقعا كاملا ، فمنهم من يصمم التمبلت كمن يرسم لوحة لعرضها فى معرض ليستمتع ويمتع
الآخرين عندها لا توجد قواعد للتصميم فهنا يعبر تصميم التمبلت من كونه موقعا الى لوحة فنيه تكسر كل القواعد والأعراف ولا تتبع قاعده للحكم عليها وكما يقال فإن لكل قاعده شواذ .
– بالتأكيد تصميم التمبلت يختلف عن جعله موقعا كاملا فلهذا الأخير قواعد أخرى كثيرة ومختلفه الى حد ما .
– هذا المقال رؤية شخصيه قد تتفق معها او تختلف ولكننى فى النهاية اتمنى ان تفيدك .
Related posts:
psdland