لماذا هذه الــبــرامــج !! ارجــو الافــاده

السلام عليكم ورحمة الله وبركاته

لماذا استخدم برامج مثل adope photoshop او illustrator في تصميم المــواقــع !.. قد يبدو السؤال غبيا !

لكن انا حديـث في مجال برمجة وتصميم المواقع .. وحتي الان تـعلــمـت html ,css بفضل الله

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

وذلك لان لدي ادوات ال css التي تساعدني بشكل كبير في التصميم وعمل اشياء كثيره .. اذن لماذا الجــأ لهذه البرامج

وهل تكون مكمله مثلا ل css و html أم مــاذا ؟

والافاده الوحيده التي اعرفها في هذه البرامج انها تفيدك لعمل تصميم مبدئي للمواقع وتقديمه للزبون ويكون ايضا مرجع لك عند تصميم الموقع

غير ذلك لا افقه ولا اعلم شئ .. ارجو الافاده لاني بدأت بالفعل تعلم adobe illustrator ولكن لا اعلم لمــاذا !!

وشــكـــرا :).. ارجو الافاده ضروري من الجــميــع


التعليق السابق

شكــرا اخي الكــريم

اذن تصوري عن هذه البرامج كان صحيح انها لا تقوم الا بمهمه واحده ,, عرض توضيحي للموقع فقط اليس كذلك ؟

لكن سؤالي عن اي المهام الاخري الاكثر افاده واضفاء جماليه للموقع ؟؟ هل استطيع ان استخدمها لعمل تلك الامور.. أم ان كل شئ يعمل بـ css فقط (اكـواد فقــط) ؟

وجزاك الله كل خير .. وارجو ان يتسع صدرك :)

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

من جهة أخرى HTML5 و CSS3 أصبحت تدعم الرسوم الفيكتورية بشكل كبير من خلال الوسم SVG و العنصر Canvas وهذا يعطي للتصميم جمالية سواء من حيث التكبير والتصغير محافظاً على نقاوة التصميم ، وسواء على خفة التحميل لأنها تتم إعادة رسمها وتشكيلها في طرف العميل .

ألم تسأل لماذا مواقع مثل احصائيات يوتيوب وجوجل يقدم لك مخططات معقدة بلمح البصر ، لو فحصت طبيعتها لوجدتها عنصر Canvas و رسوم SVG

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

انا اعلم ان برنامج اليسترتور بتعامل بالفعل مع الفيكتور لذلك لجئت اليه وايضا لان الكثير نصحني ان اتعلمه ,, ومن خلال الدورخ الخاصه بحضرتك ع يوتيوب

بدأت اتعلم البرنامج ولك جزيل الشكر علي هذ المجهود

انا فهمت نقطه الصور وان البرامج مثل الفوتوشوب والاليسترتور تستخدم لعمل صور تتماشي مع الموقع افضل من استخدام css لأنها قد تكون مرهقه

لكن النقطه الاخري لم افهمها (الرسوم الفيكتوريه) .. هل هذه الرسوم الجأ اليها ب css فقط ,, هل يجوز استخدام اليسترتور لعملها واضافتها للموقع

وايضا لا افهم ماذا تقصد باحصائيات يوتيوب وجـوجــل ؟؟ وهذه الاحصائيات يمكـن عملهـا بالاليسترتور واضافتها للمــوقــع ام لا ؟؟

واسف عـلـي الاطــاله :)

يسرني أنك من الذين انتفعوا بالدروس

بالنسبة لاستخدام الرسوم الفيكتورية داخل الويب يتم من خلال الوسم SVG حيث يتم توصيف الرسوم من خلال لغة SVG المبنية على XML

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

شاهد هذا الموقع :

يعطي تفاعلا وحيوية

خذ مثلا هذا المثال :

وحاول أن تستعرض الأمثلة من القائمة فوق المكعب الكبير الذي يدور في الوسط

مثال آخر عن خريطة تفاعلية يتم إنشاؤها في إليستريتور ثم يتم التحكم بها برمجيا

مثال آخر يقدم حركة

بالنسبة للاحصائيات

أقصد إن كنت تمتلك قناة يوتيوب يظهر لك مخططات احصائية للمشاهدات والزوار هذه المخططات يتم بناؤها لحظيا باستخدام الفيكتور

جزاك الله كل خيــر .. شرح اكثر من رائــع :)

اذن تعلمي للاليسترتور سيكون مفيد بالتأكيد في تصميم المواقــع

ويبقي اخر سـؤال هل عمل هذه الرسوم افضل بالوسم svg ام illustator ؟

وكيف احصل علي دوره او كتاب اتعلم من خلاله تصميم المواقع من خلال الاليسترتور؟

Illustator هو برنامج لعمل تصاميم ثم حفظها بنوع Ai أو PDF أو SVG

إذا SVG هو نوع تنسيق حيث يتم توصيف التصميم بلغة XML بكلمات مفتاحية خاصة بالتصميم

الوسم SVG ضمن HTML يسمح بإدراج كود التصميم مباشرة دون الحاجة لروابط خارجية

حيث كل عنصر من الرسم يمكن الوصول له وتغيير خصائصه من خلال الجافا سكربت في حال أردنا أن نغير الرسم أثناء التفاعل

أنت لا تحتاج إلى دورة تصميم ويب بالإليستريتور

بل أن تتعلم التصميم بشكل عام وتتعلم كيف تستخدم التصاميم الناتجة ضمن موقعك

شكــرا جــدا .. وجزاك الله كل خــيــر :)