عمل مشترك - تصميم موقع إلكتروني

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

يتم إدراج كل مشارك في الموقع أسفل إختصاصه. بحيث تكون لهم صفحة شخصية تشمل معلوماتهم الشخصية، بيانات الإتصال، وعرض مصغر لمشاريع قامو بها مسبقاً (معرض شخصي لعرضه على الجمهور).

دوري في العمل

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

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

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

قمنا بتقسيم العمل كما يلي:

الشعار، ورأس الموقع  | Emily & Cale
المحتوى| Brent
تمثيل العميل | Salman
الصور/التصوير | إنشاء/تصوير الصور أو الحصول على صور مفتوحة المصدر Christina & Kimi
ترتيب الموقع | April & Cale

قمنا بإتباع هذه الخطواط:

1. عمل الخط الزمني للمشروع مع تاريخ إنهائه والشخص المسؤول
2. مقابلة العميل و البحث
3. خريطة الموقع - تصمم من خلال الكمبيوتر لكامل الموقع
4. قائمة الميزات الخاصة بالموقع | ما مجموعه: 8، نحتاج إلى اختيار أكثر من 6 بالإضافة لل CSS و حساب Twitter مع خلفية مخصصة تطابق تصميم الموقع الخاص بنا (مثال:عرض شرائح فلاشي، نموذج للمراسلة)

وبعدها قمنا برفع الموقع إلى PSUWebDesigners

كواليس تصميم إعلان المعرض

لقد قمت بتصميم إعلان المعرض الخاص بي في السنة الماضية، لمادة Digital File Preparation والتي تدرسها المدرسة Christel Benson. عرفت مسبقاً أنني سأقوم بإستخدامه في المستقبل، وبالفعل ها أنا أستخدمه ;)

في بعض الأحيان، إذا كنت خالياً من الأفكار والإلهام أذهب الى صديقنا قوقل وبالتحديد الى بحث الصور. أقوم بالإبحار في الأمثلة والتصاميم التي ترتبط بالموضوع الذي أريد تصميمه.

لقد جذبني هذا التصميم، فكرته هي التي جعلتني أبدأ  في تصميم إعلان المعرض.

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

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

انتهى التصميم بالصور الأربع كصورة واحدة، وصورتي والخلفية كصورة ثانية. قمت بستخدام نوعين من الخطوط هما Bauhaus93 و Vivaldi.   حجم التصميم النهائي لحظة طباعته كان 18 في 23 إنش (بوصة بالعربي الفصيح).

تعديل / تخصيص المدونة الخاصة بك

بعد إنشاء مدونتك من موقع بلوجر Blogger، قد يفيدك هذا الفيديو وهذا الشرح البسيط.

هناك أكثر من طريقة لتخصيص و تعديل مدونتك ، ولكن الطريقة السهلة هي عن طريق صفحة الـ Template Designer أسفل صفحة و اعدادات الـ Design .

بعد اختيارك للقالب (انا قمت بختيار Watermark)، هناك أكثر من 15 قالب قابل للتعديل.

اخترت التوزيع الذي يناسبني، يمكنك اختيار عدد الأعمدة الجانبية التي تريدها.

هنا يمكنك ضبط عرض الأعمدة و عرض المدونة.

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

 

هذا هو التصميم القديم.

 

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

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

قالب آخر يسمى Ethereal، ربما أختاره في المستقبل عندما أرتب محتوى موقعي.

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