Тёмный

تصميم موقع ويب بإسلوب الوكالات العالمية (دليل المبتدئين) 

Ahmad Sekmani
Подписаться 74 тыс.
Просмотров 54 тыс.
50% 1

يواجه كثير من المصممين مشكلة في تحديد طريقة تصميم موقع ويب بشكل صحيح حيث أن عملية التصميم يجب أن تتم عبر مراحل منطقية متتالية حتى يتم تكوين الفكرة بشكل صحيح وإجراء الأبحاث حول المشروع بشكل وافي ثم البدأ بالتصميم حسب مراحل أخرى.
لذلك يعتبر تصميم موقع ويب بدون فهم هذه الخطوات عبارة عن عمل بدون تنظيم وبدون نتيجة نهائية مفيدة أو قد تحصل بالنهاية على نتيجة عمل لا ترقى بالمستوى المطلوب.
وسأقوم ضمن هذه الفيديو بشرح استرتيجية تصميم موقع ويب التي تقوم بها الوكالات العالمية المتخصصة بالتصميم وكبار المصممين المحترفين المتخصصين بالمجال، بحيث سأتكلم عن مراحل مثل الاستراتيجية والملخص ثم خريطة الموقع والوايرفريم والنموذج البصري.
0:00 Start
2:44 الاستراتيجية
3:45 الملخص
4:53 خريطة الموقع
6:08 الوايرفريم
7:16 النموذج البصري
My Accounts on Social Networks:
🐦 Twitter: / ahmadmsekmani
📕 Facebook: / ahmadmsekmani
📸 Instagram: / ahmadmsekmani
🖌 Behance: www.behance.net/AhmadMSekmani
💡 Dribbble: dribbble.com/AhmadMSekmani
📧 Email: a.m.sekmani@gmail.com
#WebsiteDesign #Projects #UIX

Опубликовано:

 

1 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 100   
@AhmadMSekmani
@AhmadMSekmani 3 года назад
إن كان مهتم بمعرفة اسلوب طريقة تصميم موقع الكترونية بشكل صحيح أو عندك اي سؤال حول الموضوع ياريت تضع تعليق وانا رح حاول رد عليك بأقرب وقت
@SpeedyAnimalInfo
@SpeedyAnimalInfo 3 года назад
شكرا مسبقا على ماتقوم به ونتمنى أن تقوم بدورة تشرح فيها بشكل تفصيلي لجميع المراحل مع نموذج لموقع أو تطبيق ونحن مستعدون لشرائها طبعا بثمن مناسب ههههه وذلك تقديرا للمجهودات المبذولة
@freeairdrop4704
@freeairdrop4704 3 года назад
شكرا أخي على الشرح نريد معرفة ماهي الخطوة الأخيرة لكي يصبح التصميم الى موقع حقيقي جاهز للتصفح
@amrsharif8859
@amrsharif8859 2 года назад
مجهود رائع اخي الكريم عندي استفسارين فقط كيف ابدأ بتحديد المقاسات لصفحه الويب وهل يصلح لها ال8 grid ولما اجي اصمم كيف اعرف انه ده المقاس الي يظهر لان لما نعمل preview بيكون شكله اصغر ازاي نضبطه بحيث يكون شكله زي ما هيكون ظاهر للمستخدم.
@ahmadnjar1754
@ahmadnjar1754 Год назад
شكرا استاذ احمد الفيديو كتير مفيد بس شو هية الاسالة يلي لازم نسالها للزبون قبل البدء مستواي مبتدأ جدا و هل ممكن اسال عن السكشنات يلي رح تكون بكل صفحة ؟
@rwanataa4694
@rwanataa4694 Месяц назад
من النصائح قبل انشاء الموقع تجنب وضع أيقونات السوشيال ميديا في أعلى الصفحه؟؟؟؟
@walidyahiaoui
@walidyahiaoui 3 года назад
كلمة شكر لا تكفيك حقا متميز جدا ❤️
@ayadalati4614
@ayadalati4614 3 года назад
نصائح أكثر من رائعة ما شاء الله ..استفدت جداً ..كل التوفيق 💗💗
@mansouralshammari5697
@mansouralshammari5697 3 года назад
كلامك جداً جميل و رائع جداً جداً جداً واتمنى منك المواصله الى وضع حلقات خاصه بالتفاصيل الله يوفقك رائع ابو حميد
@mohidawod
@mohidawod 3 года назад
معلومات مهمة و مفيدة شكرا لك اخ احمد
@aborakanGFX
@aborakanGFX 3 года назад
اسلوب جميل في الشرح
@Amine-xl5ut
@Amine-xl5ut 3 года назад
احسن موضوع .. لم نلقى محتوى مفيد بهذا الصدد وخاصتا القواعد واساسيات تصميم المواقع و ومدونات الورد بريس. ولاننا تعجبنا طريقة شرحك العملية اتمنى ان تتوسع وتفصلنا في شرح كل نقطة من هذه.. وخاصتا الاساسيات والقواعد الشكليه الالزمة التى لايمكن اغفلها ..فى شكل الموقع والصفحات بشكل عام واضافات الخاصة بارك الله فيك .
@AhmadMSekmani
@AhmadMSekmani 3 года назад
شكرا لك
@mohammedobied2668
@mohammedobied2668 3 года назад
يعطيك العافية شرح حلو و احترافي.. 👍🏻
@muhammedyazan4193
@muhammedyazan4193 3 года назад
وينك يا زلمة من زمان ناطرين هيك إبداع ،مشكككور،😘😘
@AhmadMSekmani
@AhmadMSekmani 3 года назад
شكرا على الدعم
@eslamelsayed97
@eslamelsayed97 3 года назад
مبدع دائما
@user-hn2hm1ss3h
@user-hn2hm1ss3h 3 года назад
والله من غير نفاق انت فعلا عالمي
@AhmadMSekmani
@AhmadMSekmani 3 года назад
شكرا لك
@Abdullah_Osman
@Abdullah_Osman 3 года назад
الله يجزيك الخير ويسلمك 🌷
@enasramadan6591
@enasramadan6591 3 года назад
شكرا جزيلا...يا ريت لحتى تعم الفائدة تصمملنا موقع متكامل وحتى تسليمه للعميل
@sarapeacefullife
@sarapeacefullife 2 года назад
ممتاز جداً، شكرا جزيلاً لك. وضحت لي الصورة كيف تكون البداية وماهي المراحل بالترتيب
@issashurrab7606
@issashurrab7606 3 года назад
مبدع ⁦❤️⁩
@sanamorjan6221
@sanamorjan6221 7 месяцев назад
ياريت تعمل كورس من البداية عن ui ux
@thehunter9795
@thehunter9795 2 года назад
الله يسعدك يارب هذا اروع ملخص شفتو بخصوص التصميم وارتحت جدا وكنت بتخيل كل مرحلة وانا بقوم بعملها خطوة بخطوة جزاك الله كل خير يا استاذ احمد 😍✋
@Ali-yx5jd
@Ali-yx5jd 2 года назад
يعني اخوي انوا مو لازم نتعلم البرمجة
@thehunter9795
@thehunter9795 2 года назад
@@Ali-yx5jd اي التصميم شي والبرمجة شي في شخص بياخد هذا التصميم ويعملو كود html css وjavascript وهذا الشخص اسمه مطور واجهات الاستخدام وبعدو بيجي شخص اسمه المبرمج بيشتغل البرمجة بلغة مثلا php
@dodotv9006
@dodotv9006 3 года назад
انتا عظيم
@laith25
@laith25 3 года назад
الله يوفقك واصل اخي
@AhmadMSekmani
@AhmadMSekmani 3 года назад
شكرا للدعم
@ProgrammingForYou
@ProgrammingForYou 4 месяца назад
مرحبا أستاذ أنا أتابعك من موريتانيا❤، أولا أشكرك على كل هذه المعلومات القيمة، ولكن لدي طلب إذا كان ممكنا أن تسجل مقطع حول طريقة استخدام ألوان متناسقة في تصميم وكيف أختار اللون الرئيسي وكذالك أنواع الخطوط والأحجام المناسبة
@abdulsalamkhayat
@abdulsalamkhayat 3 года назад
يعطيك العافية 💚
@AhmadMSekmani
@AhmadMSekmani 3 года назад
الله يعافيك
@zina-sh2001
@zina-sh2001 2 года назад
يعطيك العافيه
@user-ov4jm9oj4b
@user-ov4jm9oj4b 2 года назад
ممكن تعمل فيديوهات شرح برمجه مواقع الويب
@koutouf_history
@koutouf_history 2 года назад
الله يجزيك الخير ماهو البروتو تايب اخي؟
@ABDALLAHDGR
@ABDALLAHDGR Год назад
السلام عليكم جزاك الله خيرا على هذا الشرح المفيد عندى سؤال من فضل انا حابب ابدأ فى مجال ui/ux ومش عارف ابدأ من فين
@user-xg9rz2rq6d
@user-xg9rz2rq6d 3 года назад
شكرا
@doaafathi2109
@doaafathi2109 3 года назад
ممتاز جدا جدا . . نحن المتابعين من كافة انحاء العالم العربي نشكرك بكل صدق لايصال المعلومات بصورة واضحة ومبسطة .. استمر الى الامام # نريد المزيد والمزيد .. على الاقل كل يومين جرعة فيديو ههههه
@AhmadMSekmani
@AhmadMSekmani 3 года назад
إن شاء الله بحاول جهدي حسب الوقت المتوفر
@sajedaali6891
@sajedaali6891 2 года назад
ممكن تشرح كل الخطوات بالتفصيل كل واحدة منها على حدة
@yousefn3640
@yousefn3640 3 года назад
ممكن اخي أسالك موقع مثل موقع cambly او iTalki كم يكلف
@abdulrahmanal-droubi8696
@abdulrahmanal-droubi8696 3 года назад
شكرا على هذا الفيديو الجميل ارجو شرح مثال عملي لتطبيق موبايل حيث يكون تطبيق يشمل العديد من الصفحات كتسجيل الدخول والمحتوى
@AhmadMSekmani
@AhmadMSekmani 3 года назад
اكيد أن شاء الله
@obaidmohsen5066
@obaidmohsen5066 2 года назад
هل في دورة عن التصميم المواقع ؟
@ranaayoub3242
@ranaayoub3242 2 года назад
Hey there , do you have any example about creating a single web page using webpack
@mervat.7343
@mervat.7343 Год назад
كم شهر احتاج حت اكدر اصمم ؟
@tilawatalyaman
@tilawatalyaman 2 года назад
أخي ممكن مساعدة أريد اصمم موقع ديني اقدر اضيف فيه محاضرات صوت صور فيديو كتب برامج نص هل ممكن تساعدني
@breezy7578
@breezy7578 Год назад
شكرا جدا ..فعلا من افضل القنوات (محتوى /اسلوب :شرح واضح ومفيد ) شكرا استاذ احمد عندي طلب ممكن تسويلنا فديو كيف نخلي الموقع متوافق مع جميع الاجهزة.. اتمنى لك مستقبل مشرق
@AhmadMSekmani
@AhmadMSekmani Год назад
اسعدني مرورك . ان شاءالله
@user-lk4by2eo7q
@user-lk4by2eo7q 3 года назад
السلام عليكم كيفك فيني اتواصل معك مشان صمم موقع للرد التلقائي
@celiamag9615
@celiamag9615 2 года назад
اريد قالب بلوجر لموقع لعملة رقمية
@ahmdeah3768
@ahmdeah3768 Год назад
هل ممكن ان تصميم موقع لربح من الانترنت تعرضه للناس
@muhammedyazan4193
@muhammedyazan4193 3 года назад
بتمنى منك أستاذ أحمد تعملنا فيديو تاني أو مجموعة فيديوهات تفصليلة بتخص هاد الموضوع سواء مواقع الويب أو التطبيقات لأنو حاسس حالي ضايع رغم أني صرلي فترة عمبدرب
@AhmadMSekmani
@AhmadMSekmani 3 года назад
إن شاء الله خلال الفترة الجاي رح يكون في فيديوهات أكتر حول المجال ككل
@tractorspower189
@tractorspower189 3 года назад
عندي سؤال يعني المراحل التي ذكرت هي من اختصاصك كمصمم ونستعمل xd ui أما المرحلة الثانية ف هي من تخصص المبرمج فرونت اند وبعدها الباك اند يعني المصمم لا علاقة. له بعمل المبرمج ؟؟ كل واحد وتخصصه
@AhmadMSekmani
@AhmadMSekmani 3 года назад
بشكل عام نعم
@aboxtrki536
@aboxtrki536 Год назад
طيب انا م اعرف اصمم كيف اصمم
@abdulazizbabakr7693
@abdulazizbabakr7693 3 года назад
اولا شكرا جزيلا عالمحتوى القيم الي تقدمه ، استمر : ) ثانيا ، حاب استفسر منك اذا تعرف اي دورات ux/ui قيمة و مفيدة للمبتدئين و ممكن تدخل لسوق العمل ، اذا عندك فكره ياليت تفيدنا و لك جزيل الشكر
@AhmadMSekmani
@AhmadMSekmani 3 года назад
العفو، شوف هاد الفيديو في طلبك ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9DWab0GrgFk.html
@yacinebaba5164
@yacinebaba5164 3 года назад
توجد دورة للمبتدئين في إدراك مقدمة من أحمد الحواري. حاليا أتابعها.
@ghizelantrh7195
@ghizelantrh7195 2 года назад
♥♥♥
@user-vk3ud7lt8n
@user-vk3ud7lt8n 2 года назад
كلام راقي وإبداعي، لكنه نظري بحت ،، بحاجة إلى عكسه تطبيق عملي حتى تتم الفائدة المرجوة👍
@xDmtm
@xDmtm 3 года назад
هل يعتبر تعلم هالاشيا شيء يضر المبرمج ويبعده عن تخصصه او انه بيعزز المجال الي هو فيه؟
@AhmadMSekmani
@AhmadMSekmani 3 года назад
لا مش بضر بالعكس بزيد من خبرتو ضمن المجال ككل
@user-xg9rz2rq6d
@user-xg9rz2rq6d 3 года назад
أخي انا اريد اعمل موقع كأمازون يحتوي علي متاجر عديده يستطيع أي بايع اضافه متجره بماذا تنصحني ف البرمجه استخدم
@AhmadMSekmani
@AhmadMSekmani 3 года назад
تواصل مع شخص مبرمج متخصص بهالمجال
@michelmazzek2493
@michelmazzek2493 3 года назад
شرح رائع جدا .. بالنسبة للموقع لازم نعمل التصميم لكل القياسات بالنسبة للشاشات والايباد او التابلت والموبايل ؟؟ هل يوجد قياسات ثابته فينا نعتمد عليها ؟ شكرا للمحتوى .. تابع نحن معك
@AhmadMSekmani
@AhmadMSekmani 3 года назад
كل مشروع بختلف عن الآخر في بعض الأحيان نعم حتكون محتاج تعمل كل المقاسات وبعض البعض الاخر لا ولا يوجد مقاس محدد ولكن يمكنك الإعتماد على مقاسات البريك بويت ضمن البوتستربت للعمل عليها ضمن التصاميم
@michelmazzek2493
@michelmazzek2493 3 года назад
@@AhmadMSekmani تمام .. شكرا لمجهودك
@thesheetos
@thesheetos 3 года назад
عندي سؤالين بعد اذنك دايما بكون عايز اتدرب و اصمم واجهات مستخدم و تجربه للتطبيقات بقف عند التفكير اشتغل ف تطبيق عن ايه، يعني ازاي اجيب افكار تطبيقات عشان اشتغل عليها لو معايا بلايت الوان جاهز من اربع الوان هعمل بيه تطبيق ازاي اختار من اللون الرئيسي و لون الكتابه وألوان المستطيلات َ الأيقونات
@AhmadMSekmani
@AhmadMSekmani 3 года назад
الأفكار فيك تعتبر اي تطبيق موجود عندك بالهاتف فكرة حاول تعيد تصميمها بشكل مختلف او اي تطبيق بتستخدمه وشكل التصميم شايف انو مش جيد حاول تعيد تصميمه، بالنسبة للألوان حاول تفهم اساسيات الالوان بشكل كامل في مجموعة من المنشورات على حسابي على انستغرام حول الألوان تحديداه اقراءها كلها حتفيدك ضمن الموضوع
@BlueGold
@BlueGold 3 года назад
ما هي البرامج اللي تستخدمها ل تصميم واجهة المستخدم UI ؟
@AhmadMSekmani
@AhmadMSekmani 3 года назад
انا كتر شي استخدم Adobe Xd
@mahmoudtalat8504
@mahmoudtalat8504 3 года назад
ياريت ترد علي سؤالي عشان واحد يصبح مصمم مواقع ايه برامج لي يتعلمها 🤔🤔🤔🤔
@AhmadMSekmani
@AhmadMSekmani 3 года назад
سؤالك خطأ لازم تعرف تعرف شو هي المهارات والمعلومات يلي لازم تعرفها البرامج مجرد ادوات، انت محتاج في البداية تتعلم اساسيات التصميم العامة ثم اساسيات تصميم واجهات الاستخدام والمواقع ثم تتعلم الأدوات يلي بتحتاجها بعملك
@mohammedbg9019
@mohammedbg9019 2 года назад
معلش يا اخي ماهي متطلبات تصميم موقع جامعة واي لغة تناسب هذا المشروع!!؟
@AhmadMSekmani
@AhmadMSekmani 2 года назад
لآ يمكن تحديد اي نقطة بدون توضيح كامل للمتطلبات ودراسة التفاصيل
@ayamostafa7843
@ayamostafa7843 3 года назад
بالنسبه لفكرة رفع تصميمات والنقد بهم، مبقتش هتنزل فيديوهات ليها ولا إيه،انا كل يوم تقريباً بدخل اشوف فيديوهات ليك جديده عنها ومبلاقيش، الفكره حلوه ومفيده ياريت تستمر فيها
@nisren8961
@nisren8961 3 года назад
في شي تطبيق عالموبايل الواحد ممكن يعمل عليه موقع ويب؟
@AhmadMSekmani
@AhmadMSekmani 3 года назад
قريباً منعمل ورشات عمل كمان حول الموضوع
@yacinebaba5164
@yacinebaba5164 3 года назад
بعد وضع المستند النصي في مرحلة الاستراتيجية تضمن التكلفة السعرية للمشروع. هل هذا يعني أن مرحلة الاستراتيجية تأتي قبل قبول المشروع. يعني تضع استراتيجية ثم تخرج مستند نصي للعميل إذا وافق تكملو. إذا لم يوافق تتوقفو. ممكن توضيح. وشكرا مسبقا
@AhmadMSekmani
@AhmadMSekmani 3 года назад
الموضوع حسب اسلوبك بالعمل وحسب حجم المشروع في بعض الأحيان إذا المشروع بسيط لا يمكن تقدير حجم العمل وتوضيح التكلفة المتوقعة قبل ما تبدأ بأي خطوة، ولكن في بعض الأحيان لما يكون المشروع كبير من الصبح معرفة التفاصيل المتوقع وقد يكون العميل نفسه لا يدرك حجم العمل والميزات المتوقع وإنما تحتاج تحديد السعر بعد عمل مرحلة الاستراتيجية، ولكن هذا لا يعني ان تقوم بعملها مجاناً يمكن أن توضح هذا للعميل وتتفق معه أن هذه المرحلة بتكلفة معينة وفي حال رفض عمل المشروع حسب التكلفة المقترحة بعد مرحلة الاستراتيجية سيترتب عليه على الأقل دفع تكاليف مرحلة الاستراتيجية، الموضوع متروك للمصمم واسلوب تعامله مع عملائه
@yacinebaba5164
@yacinebaba5164 3 года назад
@@AhmadMSekmani جميل أشكرك. فهمت المقصود
@sosoalhmamy373
@sosoalhmamy373 2 года назад
ابغا رقم شخص يفهم ويب ضرررورري محتاجه وتس
@hamsakid1867
@hamsakid1867 2 года назад
المرحلة ما قبل الأخيرة لم أفهمها أقصد مرحلة الواير فرام
@AhmadMSekmani
@AhmadMSekmani 2 года назад
تابع فيديوهات ورشات العمل ضمن القناة فيها تنفيذ عملي للمراحل رح تفيدك
@ahmedrefaat4836
@ahmedrefaat4836 3 года назад
ازاى احول التصميم لكود
@AhmadMSekmani
@AhmadMSekmani 3 года назад
تابع فيديوهات اخرى على القناة
@HLL1987
@HLL1987 3 года назад
🤝🌹🌹
@msafaacademy8167
@msafaacademy8167 Год назад
بدل الكلام الكتيييييييييييييييييييييييييييييير كان يكون اجمل لو كانت المعلومات عملي وتسرع الفيديو بدل الكلام والتنظييييييييييييييييييييييييييييير فقط
@mrprince9483
@mrprince9483 3 года назад
لا يمكن ان نسميك مصمم يا اخي فانت تعمل على تجربة المستخدم فقط تصاميمك بسيطة للغاية و اي مبرمج يمكنه فعلها بدون الحاجة لك
@AhmadMSekmani
@AhmadMSekmani 3 года назад
هههه ربنا يحميك
@user-mf1zn2jn5q
@user-mf1zn2jn5q 2 года назад
@@AhmadMSekmani الدورة وين؟
@salehalmasaudi6588
@salehalmasaudi6588 3 года назад
نظري بدون تطبيق لا يعني شيئا
@AhmadMSekmani
@AhmadMSekmani 3 года назад
في فيديوهات تطبيقية ضمن الموقع قم بمتابعتها
@user-pg4uu6gd3h
@user-pg4uu6gd3h 2 года назад
@@AhmadMSekmani اشتي اسوي موقع ربحي مرتبط ب جوجل ادسنس
Далее
Пробую торты
00:43
Просмотров 240 тыс.
كيف تبني موقعك 🌐 بنفسك؟
19:29
Просмотров 460 тыс.
موقعك الشخصى فى دقائق مع Hostinger
15:56
Пробую торты
00:43
Просмотров 240 тыс.