ما شاء الله !

التصميم رائع فعلا و جد احترافي

بالتوفيق

أخي تصميمك فاشل، إذهب لبيع البطاطس...

أمزح فقط...

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

أنا أستطيع أن أجد :P

رغم أنه مشروع متميز، لكن استخدامك لخط جذور فلات خرّب علي يومي :#

وأيضًا، لم استخدمت اللون الأزرق أو الأخضر؟ سأعتبر أنه أمر هدوء نفسي رغم أن استخدامًا أكثر شيوعًا له هو الإبداع والتميز.

@عبدالعزيز برغش

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

بالنسبة لخط جذور فلات لا أدري لماذا لم يعجبك في رأيي أنه خط جميل وحديث ويمكنني قراءته بسهولة :D

أما بالنسبة للون الأخضر فأنا شخصياً أجده لونا يبعث على الهدوء نوعاً ما

هل اشتريته أم تستعمل النسخة العادية ذات الوزن الواحدة؟

الأوزان المتعددة منه جميلة لكنني أكره وزنه العادي، كما أنني أكره جدًا فراغاته المربعة :$ على الأقل أغلب من يستخدمونه يقومون بذلك خطًأ دون معرفة أماكن استخدامه المناسبة، أقترح عليك خطوطًا كـFrutiger أو خطوط Bahij أو Noto -من جوجل-، هذه خطوط تصلح أكثر لهكذا استخدامات برأيي.

لا أنا أستخدم النسخة المجانية وشخصيا أجده جميلا ... هذا رأيي وذاك رأيك

عادة احب خط Droid Arabic Naskh للمحتوى لكن لم يعجبني هذه المرة ولم أرتح له بتاتا

شكرا لك على ذكر هذه الخطوط سألقي نظرة عليها

بالمناسبة خط noto هو بنفس شكل Droid تقريبًا وله نسختان مثله لكنه يدعم أحرفًا أكثر بما أنه مقدم من جوجل.

الأوزان المتعددة منه جميلة لكنني أكره وزنه العادي

أتفق معك جدا، عدا أنها (النسخة المجانية ذات الوزن الواحد من جذور فلات) أصبحت Comic Sans العرب.

خطوط Bahij

خاصة Bahij Fedra، أنا واقع في حب هذا الخط، هل رأيتم أحدهم يقع في حب خط من قبل ؟!

بالنسبة لـComic Sans العرب فعذرًا منك، لقد حجزت هذا اللقب مسبقًا لخطوط GE SS :$

أما Bahij، فأنا قد تعديتك، أنا أحب اسم Bahij بذاته وأتمنى أن ألتقي بمصمم هذه المجموعة لأقبله على رأسه مرتين، الأولى لأنه إنسان رائع، والثانية لأن خطوطه مجانية :)

لقد حجزت هذا اللقب مسبقًا لخطوط GE SS

صحيح، كنت قد نسيت خطوط GE SS فهي أصبحت في كل مكان، عند المصمم المبتدئ والمحترف، لافتات المحلات ولافتات الشوارع في البلديات التي لا تريد صرف نقود (مترو دُبي وظف الدكتور ريان عبد الله لتصميم خط عربي خاص للافتات المترو كجزء من هويته ... تبا لكثرة الأموال) ... ولكن ألا تلاحظ معي أن هناك انتشار بشكل رهيب مؤخرا ل جذور فلات لدرجة تجعله يصل لدرجة Comic Sans ؟!

أما Bahij، فأنا قد تعديتك، أنا أحب اسم Bahij بذاته وأتمنى أن ألتقي بمصمم هذه المجموعة لأقبله على رأسه مرتين، الأولى لأنه إنسان رائع، والثانية لأن خطوطه مجانية :)

نعم، دكتور بهيج وخطوطته المجانية الرائعة هي الأفضل، من الخطوط القليلة في لغات الشرق الأوسط التي تتسم بالنظافة والبساطة الجميلة، أيضا تتميز بأنها متناسبه للكتابة بأكثر من لغة كالعربية والفارسية والأوردو والإنجليزية

بالطبع أنا متفق معك حول استخدام جذور فلات لكنني كنت أقصد أن المهيمن في الاستخدام عربيًا قد صار GE SS الآن، ولا أعلم أين ذكرت هذه القصة لكنني في إحدى الأيام (حين كنت مبتدئًا) كنت أصمم واخترت خط GE SS كالعادة :$ ثم بعد بضعة ثوانٍ، قررت التغيير، وفاجئني كبرياء التصميم الخاص بي -ذلك الشعور الذي قد يمنعك من استخدام أي شيء جاهز على الويب أو تقليد أي فكرة تصميمية مذهلة- حين طلب مني التوقف عن استعماله، لذا أمضيت النهار بطوله أبحث عن خطوط مشابهة، الحمدلله الآن قد صار لي حوالي الأربعين خط عربي مميز للمشاريع وصرت أحتار أي واحد أختار :D

هل تنصحني ببيع البطاطس مشوية أم مقلية ..... أمزح أنا أيضا :p

شكراً لك صديقي :)

إن كانت مشوية، إعتبرني زابونك الأول.

رائع يا صديقى لا تتوقف عن هذه الاعمال الرائعة حقاً.

شكرا على ردك المشجع صديقي :)

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

صراحة لا أدري لماذا أنت و @ZaidEd تضطهدان خط جذور فلات بهذه الطريقة :3 أنا أجده خطاً جميلا وليس ذنبه أن الجميع يعجب به ويستخدمه :D

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

نعم الخط جميل جدًا كما خط GE SS و خط Comic Sans، هذه خطوط أسطورية في الواقع، المشكلة ليست بالخط بذاته، المشكلة باستخدام الناس له، أصبح تكرار استخدام نفس الخط علامة على عدم الاحترافية، وكرمز لمن هو ليس احترافي نتكلم عن الخط على أنه علامة لمعرفة هؤلاء، يمكن لأي شخص استخدام أي خط يعجبه لكن بالطريقة التي صمم لأجلها هذا الخط، لكن يأتيك شخص يضع لمناسبة رسمية خط بالونات كل حرف ببالون -وأتمنى أن أعرف نوعية الشراب المغشوش الذي كان مصمم هذا الخط يحتسيه أثناء تصميمه- أو شخص يريد أن يصمم لحفلة أطفال فيصمم بخط Times new roman، هنا تكون المشكلة.

خط بالونات كل حرف ببالون

ذلك الخط البالوني المقطّع المزعج ... سأقود أحد إنتحاريي داعش إلى بيت مصممه ... أمزح فقط :D

حتى الآن لا أعلم له فائدة سوى تدريب الأطفال على تعلم الأحرف والأرقام :-D

أها وصلت وجهة نظرك ... كم أكره خط البالونات ذاك :3

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

ألست تعرف الخط من الوهلة الأولى

أجل ومن لا يعرف خط جذور فلات

وأنا معك أن استخدام خط في غير مكانه أمر سيء لكن من قال أنني استخدمت الخط في غير مكانه! حتى جذور نفسهم لم يذكروا أن الخط للعناوين فقط أو ماشابه

وما يشجع على استخدام خط جذور هو توافر الامتدادت اللازمة لاستخدامه في الويب "Web Font" وهنا يكمن مربط الفرس لأنني لا يمكنني إستخدام أجمل خط في العالم في تصميم ويب إن لم يكن متاحاً إستخدامه ك "Web Font" إضافة لذلك أن عدد خطوط الويب العربية المجانية قليل جدا والخطوط المدفوعة غالية الثمن -على الأقل بالنسبة لي في الوقت الحالي- حيث أن سعر خط مثل "NEUE HELVETICA ARABIC" 149$ للوزن الواحد وكذلك خط مثل "DIN Next Arabic" بنفس السعر

لكن من قال أنني استخدمت الخط في غير مكانه!

لا لم أقصدك أنت صديقي، أقصد أن الخط فن، وعندما تراه مئات المرات مُقحما في أماكن غريبة، يُصبح أقل إبهارا حتى ان استخدمته في مكانه في رأيي

أقصد أن الخط فن، وعندما تراه مئات المرات مُقحما في أماكن غريبة، يُصبح أقل إبهارا

أوافقك الرأي في هذا تماماً لكن نظراً لأن عدد الخطوط العربية محدود فإن هذا الأمر يحدث مع معظم الخطوط - الجميلة نوعاً ما- وليس مع خط جذور فلات فقط وسيستمر الأمر ويزداد أكثر فاكثرحتى يقضي على كل خط جميل :(

فمثلاً خط "GE SS' عندما ظهر في بدايته أصبح الجميع يستخدمه امشي في الشارع أراه على أغلفة بعض الكتب أراه أتصفح الانترنت أراه وكذلك مع الخطوط الأخرى مثل خطي "Droid Arabic Kufi" و "Droid Arabic Naskh" فلا يوجد موقع عربي تقريبا يخلو من أحدهما وأنا أرى أن استخدام هذه الخطوط بكثرة أمر طبيعي لأن الخطوط العربية وخاصة خطوط الويب عددها محدود جداً

يأتيك شخص يضع لمناسبة رسمية خط بالونات كل حرف ببالون -وأتمنى أن أعرف نوعية الشراب المغشوش الذي كان مصمم هذا الخط يحتسيه أثناء تصميمه"

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

تصميمٌ رائع ما شاء الله .. أخيرًا وجدتُ أحدهم يستخدم Material Design في موقع عربي خارج إطار المواقع التقنية :D

كيف حكمت عليه تمامًا بأنه يستخدم الـMaterial Design من الصورة فقط؟ حسب علمي الأمر يختص بأمور أكثر تعقيدًا كالتحريك والأيقونات والانبثاقات والتحولات والظلال والألوان وغيرها؟

شكراً على تشجيعك :)

وفعلياً كما ذكر @ZaidEd بأنه لا يمكن الحكم على التصميم أنه Material Design من الصور فقط فما يظهر هو إستخدام الظلال وترتيب الطبقات لكن الأمر يتسع إلى أكثرمن ذلك من التحريك Animation والانبثاقات والتحولات والانتقالات لكن إضافة هذه الأشياء ستكون من مهمة من سيكود القالب ... كان الله في عونه :D

صحيح ولكن مهمته هي تطبيقه، يبقى على المصمم دور إخباره بالحركة والانبثاق وما إلى ذلك، وهذا من اختصاص الـInteractive designer والذي يعمل على تصميم تفاعلات الإنسان والآلة، تفرع من علم الـUX.

أجل كلامك صحيح تماماً أخطأت في جملة

إضافة هذه الأشياء

وكان الأصح أن أقول

تطبيق هذه الأشياء

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

لقد اعطاني العميل الصورة ثم قمت أنا بإقتصاصها وإجراء بعض التعديلات عليها في ال Brightness/Contrast و Levels

حسنًا إن لم أزعجك بهذا هل تسمح لي بشرح ما للـLevels؟ أعرف كيفية استخدامه وأستخدمه كثيرًا لكنني لا أفهم منطق هذه الأداة والطريقة المثلى للتعامل معها؟

أعتقد أن هذين الرابطين سيفيدانك

https://helpx.adobe.com/photoshop/using/levels-adjustment.html

http://digital-photography-school.com/using-levels-photoshop-image-correct-color-contrast/

تصميم جميل جدا.. تشجيعاتي لك ..

ما الخطوط المستخدمة ؟ (تصميم مميز)

خط Droid Arabic Kufi للعناوين

وخط JF Flat "جذور فلات" للمحتوى

شكرا حبيبي، خطوط ما شاء الله جميلة

التصميم من محترف لكن الشغل لم يعجينى . لا أعلم لماذا لم أسترح فى النظر له . ربما لأن تداعيات هذا ال tone من الأخضر مع الفونت من صخر له أمثلة سابقة حديثة العهد ولم تلق العناية الكبيرة أو ربما لأنى أقرأ كثيراً التصاميم من جهة إحترافية واحدة وهى الثيم فور , ربما !

لا أعلم بالضبط ماسبب عدم الإرتياح رغم إحترافية مصممه كما هو واضح .

التصميم من محترف

شكراً لك مازلت في بداية الطريق

ربما لأن تداعيات هذا ال tone من الأخضر مع الفونت من صخر

لم أفهم قصدك هنا! بالمناسبة الخطوط المستخدمة خط "JF Flat" المقدم من شركة جذور وخط "Droid Arabic Kufi" من جوجل

إذا كان لديك ملاحظات حول نقاط معينة في التصميم فيسرني معرفتها

عجزت عن نطق أي شيئ أنت لست مبتدأ أنت لست محترف ، أنت شيئ اَخر ...

بارك الله فيك وفي يديك اللتان تنتجان هكذا أشياء :)

شكرا جزيلاً على هذا الرد المشجع :)

بعض الأسئلة لو سمحت أجب على ما تستطيع منها :)

نسيت أن أخبرك بأنه عمل رائع في الحقيقة، لا أملك أي نقد له.

  • هل تعمل كمصمم جرافيك ام مصمم ويب؟

  • هل العمل الدي اراه امامي صممته بالفوتوشوب، ام لغات الويب؟

  • و إدا كنت صممته بالفوتوشوب بما نفعه للعميل كي يدفع المال فيه؟، و هل انت الدي ستحوله إلى موقع متكامل؟

  • ما مقدار درايتك بلغات الويب؟ و هل تتقن لغات الباك إند؟

  • و اهم سؤال؟ هههههه كم تقاضيت على هدا العمل (اريد ان احدد اثمنة السوق العربي فقط و ليس فضولا)

  • أعمل كمصمم ويب

  • العمل الذي امامك تم تصميمه بالفوتوشوب فقط.

  • تنقسم عملية تطويرالمواقع بإختصار إلى 3 مراحل مرحلة التصميم: وهي التي قمت أنا بها وهي الأخرى تنقسم إلى جزئين UX ويتم فيها تحديد كيفيةتعامل المستخدم مع الموقع وبالتالي كيف يعطي الموقع تجربةتفاعلية للمستخدم من تحديد أماكن الأشياء وترتيبها وأحيانا لونها وأشياء أخرى والجزء الآخر هو UI ويتم فيه تصميم كيف يظهر الموقع من تنسيق للخطوط وضع الأيقونات وضع الألوان شكل الأشياء وإضافةصور أو رسوم وما إلى ذلك

بعد ذلك تأتي المرحلة الثانية: وهي مرحلةالتكويد ويتم فيه إستخدام التصاميم من المرحلةالأولى وتحويلها إلى أكواد وصفحات "Static Webpages" تعرض على المتصفح

ثم تأتي المرحلة الثالثة : وهي البرمجة حيث هنا يتم إعطاء الموقع وظائفه مثل جعل زر "أضف رداً" يضيف رداً بالفعل! وتحويل الصفحات الثابته"Static Web Pages" إلى "Dynamic Web Pages"

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

  • متقن ل HTML و CSS أتعلم حالياً Javascript وأما لغات الباك إند فأنهيت تعلم C# (سي شارب) وأتدرب عليها كي أتقنها حالياً

  • أفضل أن تراسلني في رسالة خاصة :D

التصميم وقابليّة الاستخدام

مجتمع متخصّص بطرح النقاشات والروابط المفيدة المُتعلِّقة بالتصميم.

12.7 ألف متابع