$hide=post-404

$type=ticker$count=15$cols=5$cate=1$readmore=hide$show=home$hide=mobile$label=hide

Movavi WW

ما الفرق بين تصميم المواقع و تصميم الغرافيك ؟

فرق بين تصميم المواقع و تصميم الغرافيك web design and graphic design

الكثير من الأشخاص لا يفرقون بين مصمم الويب أو المواقع و مصمم جرافيك، الفرق بين CMYK و RGB، الفرق بين مصمم جرافيك، مدير الفني و مدير الإبداعي، الفرق بين التصميم المسطح "Flat Design" و التصميم المادي "Material Design"، الفرق بين مصمم المواقع و مبرمج المواقع ؟، يعتقدون أنهما شيء واحد و هذا خطأ شائع، اذن فما فرق بين مصمم المواقع و مصمم الغرافيك.

    ما هو تصميم الويب؟


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

    ماهو تصميم جرافيكي؟


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

    إذن فما الفرق بين تصميم الويب و تصميم جرافيك؟ 

    1. العناصر البصرية

    الألوان

    نظام الألوان المستخدمة في تصميم جرافيكي تختلف عن نظام ألوان تصميم الويب تماما. نظرا للعديد من العوامل، فالتصميم الجرافيكي يستخدم CMYK في طباعة و RGB في تصاميم شاشة. أما نظام الألوان المستخدم في تصميم المواقع هو RGB نظرا لأن تصاميم الويب تبقى فقط في شاشة. (تعرف على فرق بين RGB و CMYK و مميزاتهما)

    خطوط

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

    بصري Graphic

    يهتم مصمم جرافيك بالتصميم و الإبداع أكتر من مصمم الويب، فيركز مصمم الويب على الموقع بصفة عامة من رموزه، هيئته ...، عكس مصمم الجرافيك الذي يجب عليه أن يبدع ليوصل رسالته.(ما هو تصميم الجرافيك ( جرافيك ديزاين - Graphic Design ) عناصره و مبادئه ؟)

    العرض

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

    2. مسئوليات مصمم الويب و مصمم الجرافيك ؟

    مصمم الويب


    - ينظر للفن كوسيلة
    - التفاعلي أكتر
    - تقني أكثر (أي الترميز والبرمجة)
    - يتوقع و يدرس تفاعل و ردود الجمهور "Ux design"
    - يحتاج إلى معرفة كيفية التصميم لوسائل متعددة (أي الكمبيوتر بشتى أنواعه، الأجهزة اللوحية، الهواتف ذكية ...)
    - يمكن أن يطور مهاراته مع مرور الوقت
    - يمكن التقاط التنبؤات الاتجاه تصميم الويب

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

    المهارات المطلوبة : جافا سكريبت، Jquery ، php، تطوير تطبيقات الويب، تصميم واجهة المستخدم "UI Design"

    أدوات التصميم الويب : برامج تحرير المواقع (برنامج Dreamweaver، Microsoft Expression Web، Quanta Plus...)

    مصمم جرافيك


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

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

    المهارات المطلوبة: سحابة أدوبي، تخطيط، رسم، التسويق، أساسيات علم نفس (لفت إنتباه ...)

    أدوات التصميم الجرافيكي: برامج تعديل على صور (فوتوشوب، Gimp، Paint Shop Pro ...)، برامج فكتور (الستريتر، كورل دراو...)، برامج أخرى (indesign)
     

     
    و في الأخير أرجو أن تكون هذه المقالة مفيدة، أما الأن فقد حان دورك! هل تعرف معلومة أخرى؟ شاركنا في صندوق تعليقات ... امل ان تعجبكم هده التدوينة ، لا تنسوا لايك و المشاركة لتعم الفائدة و لتشجيعنا على المزيد ، في انتظار تعليقاتكم واستفساراتكم ....

    تعليقات

    الاسم

    3D,2,آلة حاسبة,1,إبتسامة,1,أخبار,11,اخبار,5,أخبار التصميم,18,أداة,1,إزالة خلفية,1,أزرار,1,أستايلات,4,أكشن,3,الأبيض,1,الأحمر,1,الأخضر,1,الأزرار,1,الأزرق,1,الألعاب النارية,1,الأنترنت ، البحت ، server database، حاسوب ، مكبرة ، مكيفات الهواء،icon,2,البحر,1,التسويق الرقمي,1,التسويق عبر البريد الالكتروني,1,التصميم,3,التصميم الغرافيكي,1,التصوير الفوتوغرافي,9,الحجر,1,الرأس,1,الرمادي,1,الزهور,1,الستريتر,8,السحاب,1,الصيف,1,الطباعة عند الطلب,1,الظل,1,الفيديو,7,القرش,1,إلكترونية,1,الكلب,1,المورثة,1,الوان الطيف,1,الوجه,2,إنعكاس الماء,1,أيقونة,2,باترن ( Pattern ),3,برامج المونتاج,1,بريد,1,بزنس و التصميم,7,بسيطة,1,بفوتوشوب,2,بنفسجي,1,تأثير ،المشعر ،مزغب ،نص فروي,1,تأثيرات الصور,77,تأثيرات النصوص,20,تحت الماء,1,تحطم,1,تسويق,7,تسويق إلكتروني,1,تصميم الخطوط,1,تصميم الشعارات,5,تصميم المواقع,2,تصميم واجهة المستخدم,1,تصميم ويب,1,تطبيقات,3,تطوير الويب,1,تعليم الرسم,14,تفاحة,2,تلاعب,2,تلاعب بالصور,58,تلوين,1,تواصل الإجتماعي,3,تويتر,2,ثأتير خط,6,ثأتير نص,1,ثأتيرات صور,16,جمجمة,1,جوز الهند,1,حذاء,1,حمامة,1,حيوانات,8,خراب,1,خط,78,خط Qontra,1,خطوط,96,خطوط أجنبية,68,خطوط اجنبية,18,خطوط البرمجة,1,خطوط عربية,23,خلفيات,1,دراجة,1,درس,117,دروس,198,دروس أفتر أفكت,2,دروس التصميم,11,دروس اليستريتور,64,دروس فوتوشوب,186,رجل,1,رسالة,1,رسم,1,رمز,1,رمضان,2,رموز,2,ريشة,1,زجاجية,1,ساعة,1,ساموراي,1,سايبورغ,1,ستايل,4,سفر,1,سيارات,1,سيارة,1,شجرة,1,شخصيات,1,شخصية,1,شعار,4,شعارات,26,شعارات و رموز,68,شمسية,1,شمعة,1,صحن,1,صفحة الهبوط,1,صور و خلفيات,23,صورة قطبية,1,ضخمة,1,طبق,1,طبيعة,1,طيار,1,عجوز,1,عجوز وجه,1,عرض تصاميم,3,عروض,25,علم,1,عمل حر,1,عيد الأضحى,1,عين,1,غلاف الكتاب,2,فرش,11,فرش (Brush),15,فرشاة,2,فن,1,فوتوشوب,43,فيكتور,8,قالب,1,قصر,1,قلعة,1,قوس قزح,1,كاميرا,1,كرتون,1,كرتونية,2,كلب,1,كوب ، تلاجة ، مغرفة، سكين المطبخ، مقلاة، صحن,1,كورسات,2,كوكب,1,كوكب الأرض,1,لحية,1,مآزر المطبخ,1,متجر إلكتروني,1,مجانا,2,مجانيات,6,محطم,1,مخطوطات,4,مسابقات,75,مشاعر,1,معدات الغوص,1,معضوض,1,مقالا,1,مقالات,417,مقالات التصوير,19,مقالات العاب,6,مقالات برمجة,25,مقالات تصميم,107,مقالات After Effect،,1,مقالات Illustrator,19,مقالات Indesign,7,مقالات photoshop,24,مقالات SEO,9,مكسور,1,مميزات,1,منزل,2,منظر طبيعي,1,مواقع لتنزيل صور PNG,1,موقع,4,نصائح,1,نفاثة,1,نوتة ، الموسيقى، فرش، مزمار,1,نينجا,1,هيكل عظمي,1,واتساب للأعمال,1,واقعية,3,وكالة,1,يد,1,يضيء,1,ABR,1,action,3,After Effect,2,Ai,3,Alien,1,alphabet,1,Alphabets,1,Android,1,App,1,Application,1,arrow,1,Austria,1,Back card,1,background,5,Bahrain,1,Ball,1,Balls in box,1,Bee,1,Belgium,1,Bitmap,1,blue,3,Blue background,2,book cover,1,Box Closed,1,Box Opened,1,Boxes,1,Brown,1,Brush,10,Brushes,9,Burkina faso,1,Business card,1,Buttons,3,Calc,1,Calculator,1,China,1,Circle,1,Circles,2,Clock,1,Cote d'ivoire,1,Croatia,1,Currency,1,Cyborg,2,czech,1,Dent,1,Dental,1,design,2,Disk,1,dog,1,Dollar,1,download,1,Drop Water,1,Earth,1,economy,2,Egypt Uganda,1,Emirates,1,emoticons,1,eps,7,EPS vector art,6,Euro,2,Flag,1,flute,2,font,1,France,1,Front card,1,G,1,galaxy,2,Game Development,5,Games,4,Gaza,1,Germany,1,Ghana,1,gift,1,gold,1,golden color,1,Golf,1,green,2,Guitar,1,H,1,head,1,Headphone,1,Health,1,heart,1,Hero,1,High Price,1,Hong Kong,1,Hour,1,Icon,1,Icon application,1,Illustrator,121,India,1,Iran,1,Iraq,1,Ireland,1,Italy,1,Japan,1,Japanese Yen,1,Jordan,1,jpeg,3,jpg,1,Kenya,1,Kid,1,Korea,1,Kuwait,1,landing page,1,Lebanon,1,Libya,1,light,2,Lithuania,1,Logo,5,Magnifier,1,Magnifying Glass,1,mail,1,Mali,1,Medal,1,medals,1,Metal,2,Metal Texture,1,microphone,1,money,2,Morocco,1,Mozambique,1,music,1,Netherlands,1,Nigeria,1,Ninja,1,note,1,Notebooks,1,Notes,1,Oman,1,orange,1,Palestine,2,Pc,1,Photoshop,161,piano,1,Picture,2,planet,1,plug-in,1,PNG,32,Poland,1,Portugal,1,Pound,1,price,1,PSD,115,rainbow,1,rainbow colors,1,received,1,red,2,Republic of congo,1,Romania,1,Rwanda,1,Saudi Arabia,1,search,1,Senegal,1,sent,1,Silver,1,Slovakia,1,South Africa,1,Space,2,Spain,1,SpeedArt,2,Sprocket,1,star,3,Style,2,Styles,3,Sudan,1,Sun,1,Superhero,1,Switzerland,1,symbol,6,Symbols,1,Syria,1,Tablet,1,Taiwan,1,Tanzania,1,Technologies,1,technology,1,tiny effect,1,Togo,1,Tooth,1,Touch,1,trophy,1,Tunisia,1,Turkey,1,Tutorial,2,UFO Logo,1,Ufo Symbol,1,United Kingdom,1,Vector,31,Vector ( فيكتور ),173,Vector material,4,video,1,Watch,1,white,2,Yemen,1,Zambia,1,
    rtl
    item
    اشكوش ديجيتال | Hcouch Digital: ما الفرق بين تصميم المواقع و تصميم الغرافيك ؟
    ما الفرق بين تصميم المواقع و تصميم الغرافيك ؟
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFXHLMBbFmpWQnuTNklv3fvl9DdVVhQyz7XK_mCPayD_vsd1BJOgB91mXL1VD-kMnpBgx8SS0_uy9aNB52JAvQyjCjdrhc1lsUwg9JN-p08gPeSDwqKRybvaAGbWVTElIl7qoT2ia2upQ/s400/Graphic-Vs-Web-design.jpg
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFXHLMBbFmpWQnuTNklv3fvl9DdVVhQyz7XK_mCPayD_vsd1BJOgB91mXL1VD-kMnpBgx8SS0_uy9aNB52JAvQyjCjdrhc1lsUwg9JN-p08gPeSDwqKRybvaAGbWVTElIl7qoT2ia2upQ/s72-c/Graphic-Vs-Web-design.jpg
    اشكوش ديجيتال | Hcouch Digital
    https://www.hcouchd.com/2018/01/Difference-between-web-design-graphic-design.html
    https://www.hcouchd.com/
    https://www.hcouchd.com/
    https://www.hcouchd.com/2018/01/Difference-between-web-design-graphic-design.html
    true
    3088230440467509860
    UTF-8
    تحميل جميع المشاركات لم يتم العثور على أي مقال عرض الكل قراءة المزيد رد إلغاء الرد حذف بواسطة الصفحه الرئيسيه الصفحات مقالات مشاهدة الكل قد ترغب فئة أرشيف بحث جميع المقالات لم يتم العثور على أي منشور مطابق مع طلبك رجوع لصفحة الرئيسية الأحد الاثنين الثلاثاء الأربعاء الخميس الجمعة السبت الأحد الاثنين الثلاثاء الأربعاء الخميس الجمعة السبت يناير فبراير مارس أبريل ماي يونيو يوليو أغسطس سبتمبر اكتوبر نوفمبر ديسمبر يناير فبراير مارس أبريل ماي يونيو يوليو أغسطس سبتمبر اكتوبر نوفمبر ديسمبر في هذة اللحظة منذ دقيقة واحدة $$1$$ minutes ago قبل ساعة $$1$$ hours ago يوم أمس $$1$$ days ago $$1$$ weeks ago منذ أكثر من 5 أسابيع متابعون متابعة هذا المحتوى المميز مقفل الخطوة 1: شارك على شبكة اجتماعية الخطوة 2: انقر على رابط على الشبكة الاجتماعية انسخ كل الأكواد حدد كافة الأكواد تم نسخ جميع الرموز إلى الحافظة الخاصة بك لا يمكن نسخ الرموز / النصوص ، يرجى الضغط على [CTRL] + [C] (أو CMD + C مع نظام التشغيل Mac) للنسخ فهرس