السلام عليكم

الموضوع التالي هو عبارة عن concept redesign شبيه بالأمور التي تراها في behance عادة

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


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

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

تم عمل التصميم بنسخة (عربية وانجليزية) لماذا تم عمل النسخة الانجليزية؟ لأني أحب تحسين عملي في كلتا الجهيتن

الآن بالنسبة للتصميم

http://im55.gulfup.com/BH9pp7.png

http://im55.gulfup.com/fb5Ssg.png

تم اختيار اسلوب البطاقات لتنظيم أفضل وصول أكثر للخيارات.

العنوان يكون بارزا وبلون الشعار

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

زر اكتشف يقودك هو أيضا لصفحة المشروع لتتعرف عليه أكثر

تم عرض الوسوم بشكل ألطف وأجمل ليتم أخذ فكرة أسرع عن متطلبات المشروع

بالنسبة للجهة السفلية، هنا تتمركز قوة التصميم. تم فصل الاوامر في جهة والمعلومات في جهة

تم عرض ميزانية المشروع بلون مغاير واضح وخط كبير داخل صندوق 50×100 لتسهل على العين رؤيته لكونه واحدا من أهم المقومات في قبول مشروع أو رفضه

مدة المشروع، أيضا تلعب دورا مهما في المشاريع

عدد العروض المقدمة، والضغط عليها يقودك لقسم العروض في المشروع

تأتي الأوامر على الجهة الأخرى

عند تمرير المؤشر فوق كل زر تظهر tooltip تخبرك بمهمته

http://im55.gulfup.com/GlV2IS.png

http://im55.gulfup.com/XyYM6E.png

الزر الأول يستخدم للإضافة للمفضلة

الزر الثاني يستخدم لمشاركة المشروع عبر تويتر، فيسبوك، لينكدإن

الزر الثالث يستخدم لإضافة عرض للمشروع، الضغط عليه سيقودك لقسم إضافة عرض داخل صفحة المشروع،

في حال كنت أضفت عرضا من قبل، فستظهر إشارة X لحذف عرضك (في حال قدم مستقل هذه الخاصية)

في حال كانت العروض مغلقة، سبتم إعلامك بذلك

هذه هو شكل المشاريع في الرئيسية، مشروعين لكل صف بفراغ 30 بكسل بينهم

http://im55.gulfup.com/6Cn6ff.png

http://im55.gulfup.com/YFXIrj.png

وكان هذا كل شيء، شكرا لقرائتكم.

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

قد أقوم بتجارب أخرى مستقبلا إن حصلت هذه التجربة على تفاعل جيد

هذه الملفات الخاصة بالعمل (PNG + PSD) لأن أراد الإطلاع أو التعديل عليها

http://goo.gl/74GL3R

تم استخدام أيقونات feather المجانية

http://colebemis.com/feather/

في النسخة الانجليزية، تم استخدام خط roboto المجاني

http://www.google.com/fonts/specimen/Roboto

في النسخة العربية، تم استخدام خط Neo sans arabic بالوزن المعتدل للعنوان، تستطيعون شرائه من linotype

تم استخدام خط DIN Next arabic بالوزن المعتدل للتحكمات (مثل زر استكشف، وtooltip وعدد العروض ومدة المشروع) تستطيعون شرائه من linotype

تم استخدام خط roboto في بقية الأمور (ميزانية المشروع، الوسوم)