بواسطة: admin / تاريخ: يونيو 28, 2020

تصميم موقع الويب: كيف تبدأ ؟


لذا فأنت تريد أن تصبح مصمم ويب يكون تصميم الويب الرائع مثل مهارة ومهنة حرفية مذهلة ولكن يبدو أنه لا يوجد دليل نهائي

حول الويب ، لذا في هذا الفيديو ، سأحاول الجمع بين كل المعارف التي لدي وبعض الموارد التي يمكنك التعلم من خلالها

قم ببناء مهارة تصميم الويب الخاصة بك ، مرحباً بالجميع ، ما الجديد ومرحب به

جزء آخر من أذهان المصممين في فيديو هذا الأسبوع أريد أن آخذك إليه نوعًا ما

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

مصمم الويب يعثر على عملائك الأوائل وأشياء مثل تلك التي ناقشتها

مواضيع في مقاطع فيديو مختلفة هنا سأناقش كيفية بناء المهارات وحرفية القدرة على تصميم مواقع الويب قبل أن تتمكن من الخروج وبيعها للعملاء ، لذلك دعونا نبدأ الحديث عن ذلك كما أعتقد يتكون تصميم الويب للكلمة أو العبارة من شيئين فعليين هما الويب و التصميم ، لذلك أريد أن أبدأ وأتحدث عن التصميم إذا كنت تريد أن تكون مصمم الويب ، يجب أن يكون لديك مفهوم الفهم الأساسي ومهارات المصمم بشكل عام ، لذا قد ترغب في البدء في التعرف على ماهية التصميم هل تعرف كيف أو ما هي أفضل ممارسات التصميم وأريد أن أعرض القليل من الموارد التي أعتقد أنها يمكن أن تجعلك تعمل مع كتاب واحد الذي يعجبني حقًا يسمى المبادئ العالمية للتصميم وهذا كتاب مع مجموعة من الفصول القصيرة والصغيرة حقًا من صفحة واحدة الحديث عن مفهوم مختلف هو نوع مثل افعل ولا تفعل وماذا ينجح في التصميم بشكل عام ولكنه سيأخذك حقًا إلى عادة الفهم كيف تفكر كمصمم ، لذا فهذا كتاب عملي حقًا أنت يمكن فقط البدء في فهم كيفية التفكير مثل صمم ما يصلح وما لا يصلح الأسئلة التي يجب أن تطرحها بنفسك نضعك حقًا في إطار ما هو التصميم الآن الشيء الثاني الذي هو قديم جدًا ، ستحتاج إلى العمل في أي وقت مهما كان الأمر التصميم الذي ستعمل عليه ، ستحتاج إلى بناء نوع من المهارات الرسومية لأن الكتابة موجودة في كل مكان وهذه هي الطريقة الرئيسية التي نتواصل بها مع الآخرين و تصميم الويب هو في الأساس مجرد أداة اتصال أخرى نحاول الحصول عليها رسالة عبر ونحن نفعل ذلك كثيرًا باستخدام الكتابة والطباعة حتى تريد ذلك تأكد من أنك تفهم كيف تعمل مع اكتب ما هو مختلف بين الخطوط كيفية اختيار الأحجام المناسبة كيفية بناء شبكة جيدة – جيد الكتب التي وجدتها مفيدة عندما بدأت للتو في تصميم التفكير بالنوع والآخر هو جدا أنظمة الشبكة الكلاسيكية من قبل جوزيف مولر بروك مونت ستحصل على كل روابط في وصف هذين الكتابين لذا أعتقد أنهما كذلك ذات صلة حقًا بأن يكون لديك نوع من المرجع دائمًا يمكنك أن تعرفه ومن الجيد أن يكون لديك نسخة مادية منها أيضًا لأنك تريد دائمًا الرجوع إليها للحصول على الإلهام تساعدك بعض الأفكار على التفكير في الحلول المتعلقة بكيفية هيكلة النوع والتخطيطات التي لا تهمك إذا كنت تقوم بتصميم ملصق أو تصميم ويب في نهاية اليوم ، لا تزال لديك بعض المعلومات التي تحتاجها فكر في كيفية وضع هذه المعلومات أمام الآخرين تلك الكتب سيساعدك على التفكير في كيفية بناء هذا النوع من المهارات على هذا النحو في الأساس ، أود أن أقول الكتب التي ستساعدك على بناء مهاراتك في التصميم بشكل عام ، من الواضح أن هناك أيضًا نوعًا من جوانب الاتصال المرئي وهو ما يفعله المرئي الذي تضعه أمام الناس سواء كانت صورة توضيح ماذا يتواصل ما هي الرسالة التي تنقلها لذلك هناك الكثير من الجوانب التي تعرفها عن الصورة جانب من جوانب الاتصال المرئي لم أتطرق إليه في الواقع ، فأنا لا أعرف ما إذا كان هناك مورد جيد بالفعل يغطي هذا الجانب الذي لا يمكنني التفكير فيه ولكن أعتقد أنك إذا دخلت في التصميم باستخدام فأنت تعرف مبادئ تصميم وفهم النوع والتخطيط لديك بالفعل الكثير الأصول والمهارة لنقل ذلك إلى عالم الويب ، فلننتقل إلى عالم الويب لذلك من أول الأشياء التي تحتاج إلى فهمها وأنا أعرض هنا مقالًا من عام 2011 ولكنني لم أر أي شخص كتب في مقالة جيدة حول عملية تصميم الويب ومن الواضح أنني أحاول القيام بذلك في مقاطع الفيديو هنا وقمت بعمل أجزاء قليلة حول عملية تصميم الويب ولكن هذا هذا المقال الذي أعرضه لكم هنا هو مقال فعلي من عام 2011 استخدم عندما بدأت بشكل أساسي في تغطيتك تعرف عملية نموذجية من التخطيط والقيام بالتصميم لذا فهو نوع من المستوى العالي ولكني ما زلت أعتقد أنه إذا قرأته اليوم قيد التطوير والإطلاق وما زلت بعد الإندفاع أعتقد أنه يمكنك الحصول على شيء من حتى لو تغيرت أدوات التجارة على مر السنين قليلاً العملية كعملية شيء مشابه تمامًا و أعتقد أنه قبل الانتقال إلى مشروع ما ، لا يزال بإمكانك القيام ببعض الأعمال مواقع الويب الخاصة بك كما تعلم تجربة شخصية قد تقولها ولكن عندما تريد تحويل تصميم الويب الخاص بك في مهنة وهذا يعني بالضرورة أنك يجب أن تعمل مع أشخاص آخرين وتحتاج إلى عملية لكيفية التفكير في المشروع وأعتقد أن هذا المقال سيساعدك على فهم كل مرحلة التخطيط للقيام بتصميم تطوير الموقع وما عليك القيام به بعد ذلك تقوم بتطويره وتشغيله والتأكد من أن كل شيء يعمل بشكل صحيح تحتاج إلى تنفيذ هذه العملية ، لذا تأكد من ذلك لديك عملية لا يهم إذا أخذتها من هذا أو إذا شاهدت بعض مقاطع الفيديو التي لدي على قناتي بخصوص كيفية أقوم بالاستراتيجية ثم التصميم الذي تحتاجه للحصول على نوع من العملية في المكان قبل أن تبدأ ، يريد الكثير من الناس القفز للانفتاح أداة التصميم المفضلة لديهم و ابدأ في التصميم والتطوير ولكنك تحتاج إلى عملية من هذا القبيل ربما يجب أن تتضمن التخطيط والاستراتيجية ، لذا تأكد من أن لديك ذلك الآن أريد أن أعرض بعض الموارد الأخرى التي أستخدمها ، أعتقد أنها كذلك مفيد للأشخاص الذين بدأوا للتو يطلق عليه Good you i.org ولكن ما يفعلونه هنا هو أنهم يختبرون الكثير مما يقومون به من اختبار أ / ب وبالنسبة للأشخاص الذين لا يعرفون أن الاختبار يقومون بعمليتين أنواع التصميم ومعرفة أي منها يحقق أفضل أداء ، احصل على المزيد من النتيجة التي يحاولون القيام بها وهنا قدموا مجموعة من الأفكار و لقد اختبروها ويمكنك معرفة أي منها يعمل الذي لا يفعل و إنهم في الواقع يشرحون هنا لماذا تسير الأمور بشكل جيد لا يعمل الآخرون إذا عليك فقط مراجعة كل هذه الأنماط التي قد تتعلمها من الخبرة فهم ما ينجح وما لا ينجح لذلك يمكنك استخدام أنماط تصميم أفضل ويمكنك أيضًا إذا كنت تشعر بذلك كأنك تحتاج إلى شرح أحد العملاء في وقت ما لماذا اخترت هذا الإصدار مقابل هذا الإصدار ، لديك هذا كنوع من البيانات التي يمكنك سحبها من ملف التجربة التي حدثت في الماضي والتي قيلت من خلال الطريقة التي تتغير بها الأشياء اعتمادًا على الصناعات وأشياء من هذا القبيل وأحيانًا قد ترغب في ذلك اختبر مرة أخرى وقم بإجراء اختبار أ / ب على موقع الويب الخاص بك عندما تكون كذلك القيام بذلك مع عملائك ولكن اختبار AV هو أن أقول أكثر قليلاً مواضيع معقدة ولا يصل إليها الكثير من مصممي الويب في البداية في البداية ، أعتقد أنه من الرائع أن أتعلم منهم ما الذي يصلح وماذا لا يعمل حتى تتمكن من البدء في عدم معرفة أي شيء ولكن يمكنك بالفعل تعلم مما اختبره الآخرون ويعرفون أنه يعمل ويعرفون أنه كذلك تجربة مستخدم أفضل لأن هذا هو ما يتفاعل معه الناس بشكل أفضل واجهة مستخدم جيدة بعد ذلك ، سأضع هنا مكافآت لا أعرف ما إذا كنت تعرف ذلك ربما تعرف ذلك لأنه أحد أكبر المصممين حيث يوجد II يستخدم ذلك الموقع كمصدر إلهام لأن هذا الموقع في بعض الأحيان قد يكون موقع الويب غير عملي من حيث وجودهم إنها تجريبية للغاية ، وقد لا تكون عملية لما تفعله ولكن بالنسبة لي ، هذا يشبه موقع الويب الذي يدفع إلى تصميم الويب لما هو ممكن من الناحية التكنولوجية مع الرسوم المتحركة لتفاعلات التنمية هذه الأنواع من الأشياء لذلك فهي تفتح عقلك حقًا على ما هو ممكن وما هو بالطبع لن تقوم بنسخ / لصق حل من هناك ولكن رؤية ما هو ممكن ليس فقط من حيث التصميم الجميل بصريًا لك يمكنهم أيضًا رؤية هذا الأمر الذي تم تطويره ومعرفة كيفية تنفيذهم لفكرة التصميم هنا وبالتالي أعتقد أنه مصدر إلهام حقًا وقد يطلق بعض الأفكار الجديدة لـ التصميم الذي قد ترغب في القيام به بنفسك أستخدمه أيضًا لأنني طورت مع تدفق الويب ، أستخدم عرض تدفق الويب كثيرًا لأنك تعلم أنه يمكنك أيضًا رؤية المشروعات هنا ولكن ليس فقط معرفة كيفية تنفيذها يبدو أنه يمكنك فعلاً فتحها في تدفق الويب ومعرفة كيفية إنشائها لذلك بالنسبة لي هذا هو مصدر إلهام في كل من أنت تعرف الحس البصري إلهام ولكن أيضا تطوير التنمية هو الإلهام وهذا هو شيء يمكنك أن تقوله فعلاً ولكن تبين لك ما يمكنك فعله من السهل جدًا على الأرجح باستخدام طلاقة الويب ويمكنك التعلم من ذلك والحصول على أفكار قد ترغب في استخدامها في المشروع الذي لديك الآن واحد آخر الشيء الذي أستخدمه هو أنني أستخدم Haines على وجه التحديد لأن لديهم تصفية بحث جيدة جدًا وتقسيمًا ، لذا ربما إذا كان لدي موقع ويب العمل على أيهما ، فلنأخذ فقط صناعة السيارات التي قد أستخدمها البحث عن وظيفة هنا لأن يمكنك تصفية تصميم الويب ثم البحث للسيارات أو شيء من هذا القبيل وستتمكن من رؤية موقع الويب الذي لقد انتهينا من أجل العميل في تلك المساحة أو حتى التجريبية فقط أغراض ولكن النقطة هنا أيضًا ليست نسخًا ولكن لمعرفة كيف يمكن للآخرين قد تعاملوا مع حل وعاء المشكلة لتلك الصناعة بالمناسبة وهذا لا يحل محل جزء البحث في تصميم الويب الخاص بك الذي لا نفعله تغطية البحث هنا أنا فقط أخبرك عن نوع من الإعجاب عملية الإلهام ولكنها تتيح لك معرفة كيفية حل الآخرين لهذه المشكلة ولكن أيضًا في البحث يجب أن ترى ما يفعله المنافسون لذلك أنت لا تفعل الشيء نفسه بالضبط والذي قد يكون أمرًا سيئًا بالنسبة لك العميل حتى يكون هينز شيء آخر أنني أستخدم الخطوة التالية لأنها عادة ما تكون تأطيرًا سلكيًا ثم هذا تحميل هذا كان موصى به لي في التعليقات قبل أيام قليلة ، هذه مجموعة إطارات سلكية تسمى المنصات وهي للرسم برنامج figma Adobe XD هو لكل شيء لم أجربه بنفسي و هذا قسط يكلف شيئًا كما أعتقد 60 دولارًا ولكن بالنظر إليه يبدو رائعًا جدًا ، لم أستخدم حتى الآن أي مجموعة أدوات واجهة مستخدم مُعدة مسبقًا ، فأنا أقوم فقط بتنفيذ الإطارات السلكية بنفسي ولكني أعتقد أنه إذا كنت قد بدأت للتو ثم الحصول على مكتبة مضمنة من مكونات الإطارات السلكية لمحاولة النوع لبناء موقع الويب الأول الخاص بك من قوالب LEGO يمكنني تسميته أننا كذلك أثبتت بالفعل فعاليتها إلى حد ما وأعتقد أن ذلك يمكن أن يكون مفيدًا حتى تتمكن من ذلك تريد استخدام هذا ، فقد تجد بديلًا مجانيًا عبر الإنترنت ولكن باستخدام نوع ما من مجموعة قد تساعدك عندما تبدأ في الضغط للحصول على الهيكل صحيح بحيث يمكنك معرفة تخطيط وهيكل موقع الويب و مرة أخرى ، لدي بعض مقاطع الفيديو حول إطارات الأسلاك بشكل أساسي عندما أفعل الأسلاك تأطير السبب الذي يجعلني أحب استخدام figma الآن هو أنني أريد ذلك التعاون في النص مع العملاء واستخدام ذلك ليس فقط كملف نموذج بالحجم الطبيعي للهيكل ولكن أيضًا للبناء المحتوى مع العميل بهذه الطريقة وهذا هو السبب في أنني أستخدم figma ولكني كذلك مناقشة هذا بمزيد من العمق في الآخرين لم أتمكن من استخدام الأدوات الأخرى التي أستخدمها يمكنك العثور على مورد رائع للرموز المجانية وأيضًا الرموز المميزة ولكن يمكنك ذلك بشكل أساسي ابحث هنا عن كل ما تحتاجه على سبيل المثال تنبيه وإذا كنت تريد ذلك لديك رموز مجانية قمت بتعيينها مجانًا هنا ، ثم يمكنك اختيار الرموز المتجهة إذا كنت تريد ذلك أحتاجها وقم فقط بتنزيل SVG من هنا وأنا أستخدم هذا طوال الوقت كل شيء لا يتطلب رموزًا مخصصة حقًا عندما تكون في حاجة إلى الكثير من المرات التي تحتاج فيها إلى رموز قياسية جدًا لمعرفة الموقع أو تنبيه أو شيء من هذا القبيل قد تريد فقط أن تعرف المضي قدمًا و قم بتنزيلها من هنا سيوفر لك الكثير من الوقت للرموز الذي أستخدمه هو الاسم تشنجات القضيب كما ترون من هنا فقط هذه أكثر قليلاً وضع إبداعي ومعقد يمكنك استخدامها مجانًا ثم تضيفها في التذييل أو في شيء رصيد لمنشئ المحتوى أو يمكنك دفع 1 دولار لاستخدامه لهم أجد هذا مفيدًا جدًا وأستخدم ذلك أحيانًا لمعرفة ما لدي هنا أيضًا من المحتمل أن يكون unsplash إذا كنت تستخدم الصور وأنت لست كذلك ليس لديك الميزانية للقيام بالتصوير الفوتوغرافي المخصص لموقع الويب الخاص بك unplash هي مجانية يمكنك البحث هنا عن موارد للمصممين الذين يتمتعون بتصوير رائع حقًا تنزيل الصور واستخدامها مجانًا ، فهي رائعة بالنسبة للنماذج ولكن كثيرًا مرات حتى بالنسبة للمرحلة النهائية من التصميم لأن هناك بعض صور عالية الجودة حقًا هنا على البداية وشكراً لجميع التصميمات التي تشارك صورها الفوتوغرافية مجانًا على هذا الموقع الجزء الأخير من الواضح أنك تعلم أنني أستخدم تدفق الويب لبناء موقع الويب الخاص بي بشكل واضح بالنسبة لي عملية التنمية تنتقل العملية عادةً من التصميم إلى التطوير وهو ما أفعله بنفسي باستخدام الويب التدفق ثم استخدام النول الذي ليس لدي عبر الإنترنت الآن ولكن تلوح في الأفق اسمحوا لي أن أرى ما إذا كان لدي هنا لا ، فإنه ليس تلوح في الأفق هو في الأساس امتداد Chrome الذي أستخدمه للتواصل وللتسجيل نوعًا ما في تقديم موقع الويب إليه عملائي ونوع من تعليمهم كيف لاستخدام نظام إدارة المحتوى ، فهذه أداة أخرى استخدم في عملية ما بعد الغداء في نهاية العملية هذه هي الطريقة التي سأبدأ بها بشكل أساسي ، وسوف أتعلم المهارات الخاصة بـ التصميم باستخدام الكتب التي ذكرتها ، استخدم إنشاء عملية و استخدمه على عدد قليل من مواقع الويب التي من المحتمل أن أفعلها مجانًا للأصدقاء أعلم أنه في مقاطع الفيديو المختلفة التي أقوم بها حول كيفية البدء مهنيًا تعرفه وتحاول بناء عمل مستقل حول تصميم الويب أنا أتحدث كثيرًا وأنا مهتم به تمامًا حول إيجاد نيشي مكانة ستحصل عليها في البداية ولكن لبناء الحرفة التي تعرفها لتتعلم كيفية تصميم الويب لا يوجد شيء أفضل من تصميم مواقع الويب وإنشائها وأي موقع ويب سيفعل ذلك مثل طالما أنك تعمل مع أشخاص آخرين وليس فقط المشاريع الذاتية رائع وهم لطيفون ولكن هذا لن يؤدي إلى بناء مهاراتك في التعاون مع الآخرين والقيام بالعملية الكاملة التي تعرفها أقوم بالتخطيط للقيام بالتأطير السلكي للقيام بالتسليم لذلك سأفعل هذا مع أي عميل كان ممكنًا وبدأت أعمل من أجله الأصدقاء والعائلة ، أي شخص يحتاج أساسًا إلى موقع ويب بمجرد إنشائي المهارة نفسها التي يمكنني أخذها في الاعتبار الآن أريد إنشاء عمل تجاري حول هذا الآن كيف أبني الخير حافظة كيف يمكنني بناء طعم للعميل ولكن هذا هو الخطوة التالية أولاً يجب أن تتقن الحرفة نفسها آمل أن يكون هذا الفيديو مفيدًا لك إذا كنت تريد ذلك المزيد من مقاطع الفيديو حول تصميم الويب ، بشكل عام ، أعمال العمل الحر وأعمال التصميم لتكن متأكد