كيفية تصميم صفحة ويب. التصميم الداخلي افعل ذلك بنفسك: مصممك الخاص. طرق لجعل القالب فريدًا

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

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

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

ما هو مشروع التصميم

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

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

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

يتضمن مشروع التصميم الداخلي تطوير الخطط والرسم والتصور ثلاثي الأبعاد للمساحة الداخلية

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

المرحلة الأولي. الوظيفة تأتي أولاً

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

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

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

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

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

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

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

1. غرفة المعيشة: أبعاد الأثاث المنجد ووضعه تحت الجدار أو "في رحلة حرة"، وجود منطقة لتناول الطعام.
2. غرفة النوم: غرفة تبديل الملابس أو الخزانة، وجود أريكة أو كراسي إضافية، إمكانية وضع منطقة العمل، مدخل الحمام مباشرة من الغرفة.
3. الحمام: منفصل أو مدمج، دش أو حوض استحمام، غسالةفي الحمام أو غرفة الملابس أو المطبخ.
4. منطقة المدخل: خزائن مدمجة أو غرفة تبديل الملابس.
5. غرفة الأطفال: تقسيم المساحة مع مراعاة النمو المستقبلي للطفل.

المرحلة الثانية. خلق حل التخطيط

بعد تحديد المناطق الرئيسية في الداخل، يمكنك البدء في تنفيذ خطط لترتيب الأثاث في كل غرفة. بعد قياس الأبعاد الرئيسية للغرفة - الطول والعرض والارتفاع، ارسم مخططًا بمقياس 1:100 وكرره حتى تتمكن من عمل عدة خيارات لوضع الأثاث.

يمكنك استخدام كل من البرامج القياسية لرسم الخطط والأساليب اليدوية. أسهل طريقة لإيجاد حل للتخطيط هي قطع مستطيلات من الورق المقوى السميك والتي ستكون بمثابة نماذج أولية للأرائك والكراسي والطاولات والعناصر الداخلية الأخرى ولصقها على المخطط. من الضروري هنا مراعاة الحجم والأبعاد القياسية للأثاث - على سبيل المثال، سرير 2x2 سم، كرسي 0.5x0.5 سم، أريكة 2x1 سم، طاولة 1.2x0.7 سم، إلخ. على مقياس 1:100.

من المهم أيضًا ألا ننسى الممرات والمسافات من الأثاث إلى الجدران، والتي يجب أن تكون على الأقل 0.5 متر، ومن الناحية المثالية 0.75-1 متر - على مقياس مائة، على التوالي، نفس القيم، فقط بالسم بالإضافة إلى باستخدام الصور "المتنقلة" للأثاث المصنوع من الورق السميك، من السهل جدًا البحث عن الخيارات عن طريق وضع ورق التتبع على مخطط الأرضية ورسم الخطوط العريضة للأثاث يدويًا، دون نسيان المقياس. باستخدام تطبيقات الورق المقوى الملون أو رسومات التلوين على الورق الشفاف باستخدام أقلام الرصاص الملونة، يمكنك استخدام هذه الصور في صورة مجمعة، والتي ستكون بمثابة المرحلة التالية في التطوير البصري لتصميمك الداخلي.

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

المرحلة الثالثة. الموضة ليست شيئًا، الأسلوب هو كل شيء

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

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

تتحد جميع التصميمات الداخلية الأربعة بنظام ألوان مشترك ومجموعة من العناصر التكوينية والمزاج

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

المرحلة الرابعة. تصور الفكرة

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

من خلال وضع الأثاث في مجموعة على خلفية الجدران والأرضيات، يمكنك تحقيق إحساس كامل تقريبًا بالأبعاد الثلاثية للمساحة وتحليل مدى نجاح اختيار عنصر زخرفي معين.

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

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

من خلال الحفاظ على حجم الغرفة ونسبة أحجام الأثاث، يمكنك تحقيق تأثير التصور ثلاثي الأبعاد بشكل كامل تقريبًا

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

الشكل الذي كان بمثابة عنصر موحد لتصميمين داخليين - غرفة المعيشة وغرفة النوم - دائرة موجودة في نمط تنجيد الأثاث وتكوين المصابيح والتفاصيل الزخرفية

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

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

من السهل جدًا صنع مجموعة من الحمامات - مجموعة بسيطة من الملحقات تنقل بدقة مفهوم تزيين الغرفة

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

واحدة من المتاحة الخيارات اليدويةتصور مشروع تصميم - عمل تخطيط للغرفة على نطاق واسع

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

المرحلة الخامسة. اللون والملمس ومواد التشطيب

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

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

من خلال ترتيب جميع المكونات الداخلية في مجموعات - الإضاءة والديكور والأثاث والمنسوجات والديكور والألوان، يمكنك تنظيم أفكارك والاستعداد لشراء أشياء محددة لتأثيث الغرفة

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

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

المرحلة النهائية. تنفيذ مشروع التصميم

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

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

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

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

أتمنى أن يكون المبدأ واضحا. لنلقي نظرة على مثال. لنفترض أننا سنكتشف الصفحات التي يجب تصميمها لموقعي (باستثناء المنتدى والاختبارات):

1. بيت
2. الصفحة مع القسم
3. صفحة محتوى الفئة
4. صفحة المقالة
5. صفحة استمارة التسجيل
6. صفحة نتائج البحث
7. صفحة نتائج التصويت
8. صفحة تحرير الملف الشخصي

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

الآن حول ما يجب القيام به بعد ذلك. هنا قمت بتجميعها قائمة الصفحات الرئيسيةولديك فكرة تقريبية عما يجب أن يكون هناك. ما العمل التالي؟ إذا كنت مصممًا وتعرف محل تصوير، فلا توجد مشاكل - قم بالتصميم. وإذا لم تكن مصمما جيدا للغاية، فمن الأفضل تفويض هذه المهمة للأشخاص ذوي الخبرة. هذه الخدمة: http://free-lance.ru مليئة بالمصممين، حيث يمكنك بسهولة العثور على المصمم المناسب.

الآن عن تكلفة التصميم. عادة ما يكلف تصميم الصفحة الرئيسية من 1500 إلى 2000 روبل. تصميم جميع الصفحات الأخرى (إذا كان تصميمها لا يختلف كثيرًا عن الصفحة الرئيسية) موجود 500-1000 روبل. بالطبع، يمكنك العثور على كل من أرخص وأكثر تكلفة، لكنني ذكرت النطاق المتوسط ​​\u200b\u200bفقط. وبالتالي فإن تصميم هذا الموقع سيكلف 5000-9000 روبل.

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

نظرًا للطلبات العديدة من القراء، سنقوم اليوم بتصميم تصميم، أو بالأحرى تخطيط موقع ويب باستخدام برنامج Photoshop. بالطبع، إذا لم تواجه هذا من قبل، فمن الصعب جدًا القيام بذلك؛ هناك العديد من الأسئلة التي سأحاول الإجابة عليها اليوم. وكما تبين، لا يوجد الكثير من المواد حول هذا الموضوع على الإنترنت. هناك الكثير من المصممين، لكن لا أحد يخبرك بكيفية تصميم موقع الويب. ربما كنت أبدو سيئة فقط؟ :)

استمرار

بشكل عام، دعونا نفعل ذلك بالفعل.

في البداية، قمت بإعداد مخطط بسيط، والذي سنقوم بتحليله بالكامل معك. وهنا ما يبدو:

كما ترون، القالب ليس معقدًا؛ إنه قالب مدونة، والذي سنقوم بتخطيطه لاحقًا بتنسيق HTML. حسنًا، الآن سنرسم فقط. حسنا، الآن دعونا نذهب.

برمجة

أول شيء تحتاجه هو الفوتوشوب. إذا لم يكن لديك، شرائه :-)

إنشاء المستندات وأبعادها

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

تعتمد الأبعاد على مدى اتساع موقعك المستقبلي. على سبيل المثال، قررت أن الموقع النهائي سيكون بعرض 1000 بكسل، وبالتالي يجب أن يكون حجم المستند أكبر قليلاً، في مكان ما حوالي 1200 بكسل. يتم ذلك في المقام الأول من أجل الراحة، بحيث يبدو التخطيط الخاص بك كما هو في المتصفح.

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

في حالتي، سيكون عرض الموقع 1200 بكسل. لذلك قمت بإنشاء مستند بعرض 1300 بكسل وارتفاع 4000 بكسل. واترك باقي الإعدادات كما هي.

خلفية قالب الموقع

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

عرض الموقع المستقبلي هو 1200 بكسل

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

وهذا ما يبدو عليه الأمر:

حدد طبقتنا، ما عليك سوى النقر عليها مرة واحدة:

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

بعد العثور على المركز، نحتاج إلى وضع موقعنا بعرض 1200 بكسل في وسط مستند يبلغ حجمه 1300 بكسل. للقيام بذلك، حدد أداة "المساحة المستطيلة"، واضبط النمط في الأعلى على الحجم المحدد، حيث نكتب القيم التالية: العرض - 1200 بكسل، الارتفاع 400 بكسل. بعد ذلك، ما عليك سوى النقر على خلفيتنا البيضاء وسيكون لدينا مساحة محددة بالعرض الذي نحتاجه.

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

سنستمر في استخدام المسطرة في المستقبل، لأننا لا نستطيع الاستغناء عنها هنا؛ فهي تسمح لنا بضبط كل شيء بشكل متساوٍ.

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

إنشاء تصميم موقع أو تخطيطه

مهم!

قم دائمًا بإنشاء مجموعات للطبقات ومنحها أسماء. لأنه في المستقبل سوف تشعر بالارتباك بالتأكيد!

مجموعات

نقوم بإنشاء مجموعة ونسميها "Hider" (القبعة) وفيها نقوم بإنشاء مجموعة "Top Menu"، لأننا سنبدأ بها. في المجموعة، أنشئ طبقة جديدة وأطلق عليها اسم "الخلفية". وستكون هذه خلفية القائمة العليا لدينا.

هذا ما يجب أن تحصل عليه:

القائمة العلوية

مرة أخرى نسحب المسطرة ونضعها كما في الشكل:

حدد أداة "Rectangular Marquee" وحدد على طول المسطرة الأفقية:

في لوحة الألوان، أدخل هذا اللون #0dbfe5، وحدد أداة التعبئة واملأ المنطقة المحددة، ثم تحتاج إلى إلغاء التحديد في علامة التبويب "التحديد"، ثم انقر فوق "إلغاء التحديد":

انقر على أداة "النص الأفقي". في اللوحة العلوية، حدد الخط "Segoe UI". الآن انقر على خلفية القائمة الزرقاء واكتب اسم صفحاتنا. ثم يمكنك نقل النص أينما تريد.

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

انقر نقرًا مزدوجًا على الطبقة ذات الشكل وسيتم فتح نافذة بنمط الطبقة. حدد المربع بجوار "تراكب الألوان" وأضف هذا اللون #0aaacc هناك.

انتقل إلى عنصر "الظل" وقم بتعيين المعلمات التالية:

هذا ما يجب أن تحصل عليه:

بعد ذلك، نقوم ببساطة بنسخ الطبقة بالسطر الخاص بنا ووضعها بعد كل كلمة. وهنا ما حصلت عليه:

أيقونات الإشارات المرجعية الاجتماعية

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

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

ثم نقوم بإنشاء مجموعة، ونسميها "الإشارات المرجعية الاجتماعية"، وننشئ طبقة جديدة فيها. انقر الآن على أداة "الشكل المخصص" وحدد الشكل المطلوب:

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

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

شعار

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

قم بإنشاء مجموعة "القائمة السفلية" وطبقة جديدة.

القائمة السفلية (الرئيسية)

نقوم بوضع المساطر كما في الشكل:

حدد أداة Rectangular Marquee وقم بالتحديد. ثم املأ المنطقة المحددة بهذا اللون #303030. هذا ما يجب أن تحصل عليه:

قم بإلغاء تحديد التحديد في علامة التبويب "التحديد". انتقل الآن إلى علامة التبويب "المرشحات - الضوضاء" وحدد "إضافة الضوضاء". ثم نقوم بتعيين القيم التالية:

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

ننتقل الآن إلى اللوحة التي تحتوي على المعلومات التي ستخبر المستخدم بمكان وجوده على الموقع.

كالعادة، في مجموعة "Hider"، قم بإنشاء مجموعة "Info Panel" بطبقة جديدة.

لوحة المعلومات

أولا، قم بإضافة خطوط من المسطرة كما في الشكل أدناه:

اختر أداة "Rectangular Marquee" وحدد المنطقة الموجودة أسفل القائمة مباشرة، واملأها باللون الأسود #000000

قم بإلغاء التحديد، وحدد "Horizontal Text"، وقم بتغيير حجم الخط إلى 48 نقطة واللون #a4a4a4. نكتب "أحدث الإدخالات". هذا ما يجب أن ينتهي بك الأمر:

محتوى

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

تحتاج على الفور إلى إنشاء مجموعتين منفصلتين:

• العلامات- سنضيف نصًا إلى هذه المجموعة بحجم أعمدتنا.
• محتوى— مجموعة حيث سيتم تحديد موقع موقعنا بأكمله.

في المجموعة، نقوم بإنشاء محتوى للمجموعة "اليسار"، والتي ستحتوي على كتلنا مع المنشورات.

حدد أداة "المنطقة المستطيلة"، وامنحها نمط "ضبط الحجم" واضبط العرض على 800 بكسل والارتفاع على 100 بكسل. وهذه هي النتيجة:

أضف خطوطًا من المسطرة كما في الشكل ثم قم بإلغاء التحديد:

في مجموعة "المحتوى" نقوم بإنشاء مجموعة تسمى "اليمين" (شريط الموقع). سنحدد مكان العمود الأيمن للموقع.

مرة أخرى نأخذ "المنطقة المستطيلة"، ولكن في نمط المنطقة قمنا بتعيين حجم أصغر قليلاً بعرض 350 بكسل وسيظل الارتفاع كما هو عند 100 بكسل. ثم نقوم بكل شيء كما في الصورة:

الآن نحن نعرف بالضبط أين ستكون الكتل التي تحتوي على المشاركات وشريط الموقع. وكل شيء سيكون سلسا.

هل تتذكر أننا أنشأنا مجموعة تصنيفات؟ هناك، ما عليك سوى إنشاء طبقة ذات أحجام كتل مُصنفة، مثل حجمي:

ستكون هذه العلامات مفيدة جدًا أثناء التخطيط. لن تحتاج إلى تذكر الأحجام.

كتل مع السجلات

لنبدأ بالكتل بالسجلات؛ في هذه الحالة يتم إنشاؤها بكل بساطة.

في المجموعة "اليسار"، قم بإنشاء مجموعة فرعية "كتلة" وطبقة جديدة.

حدد أداة Rectangular Marquee مرة أخرى. في النمط قمنا بضبط الأبعاد على 800 × 300. ونقوم بتعديلها حسب الخطوط. ثم املأها بهذا اللون #d9d9d9. هذه هي مصغرة لدينا.

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

الآن دعونا نضيف عنوانا لهذا المنصب. خذ "نص أفقي" واضبط الحجم على 35 نقطة واللون إلى الأسود. أضف مباشرة أسفل الصورة المصغرة:

إضافة معلومات إلى المشاركة. اضبط حجم الخط على 14 نقطة واللون أقرب إلى اللون الرمادي:

و وصف المنشور:

أضف الآن بعض النص وشاهد ما حصلنا عليه:

لفصل السجلات قليلاً على الأقل، لنقم بإنشاء فاصل بسيط عن الدوائر.

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

قم بإلغاء تحديد التحديد وابحث عن منتصف الدائرة باستخدام المسطرة

حدد الطبقة التي عليها دائرتنا، وانقر بزر الماوس الأيمن وحدد "إنشاء طبقة مكررة". اسحبه قليلاً إلى اليسار.

في اللوحة العلوية، انتقل إلى علامة التبويب "التحرير" - التحويل وحدد القياس. ونصنع دائرة أصغر قليلًا من الأولى، مع الضغط على Shift لجعل الدائرة متساوية.

هذا ما يجب أن تحصل عليه:

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

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

ولكن هذا ما حدث فقط بالحجم الطبيعي:

الآن نضع كتلة السجلات تحت الكتلة. قم بإنشاء نسخة مكررة من مجموعة "الحظر" الخاصة بنا وحدد المؤشر (الأعلى) على شريط الأدوات. واسحب مجموعة السجلات الخاصة بنا إلى الأسفل. ونحن نفعل هذا 5 مرات.

الشريط الجانبي (العمود الأيمن)

نجد مجموعة "الشريط الجانبي" الخاصة بنا وننشئ مجموعة فرعية "بحث" فيها. باستخدام الخط نقوم بذلك:

حدد أداة Rectangular Marquee، ثم حدد حقل البحث، ثم املأه بهذا اللون #eeeeee

لا تنس إلغاء التحديد، ثم انقر على أداة "النص الأفقي" واكتب كلمة بحث في الحقل الرمادي

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

حقل البحث جاهز. الآن دعنا ننتقل إلى الحاجيات.

قم بإنشاء مجموعة "القطعة" وطبقة جديدة فيها. ثم أضف الخطوط كما في الصورة. ستكون هذه هي خلفية رأسنا، واملأها بهذا اللون #eeeeee

الآن نحن بحاجة إلى إضافة العنوان نفسه إلى عنواننا؛ ونحن نفعل ذلك باستخدام النص. سنقوم أيضًا بإضافة رمز إلى العنوان. للقيام بذلك، عليك اختيار أي شكل تريده ويتناسب مع المعنى :) لا تنس الضغط باستمرار على Shift عند إضافة شكل. واملأها بهذا اللون #0dbfe5

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

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

الآن يمكننا أن نرى تصميمًا بسيطًا ومنتهيًا تقريبًا لموقعنا الإلكتروني المستقبلي.

التذييل (أسفل الموقع)

حسنًا، ماذا سنفعل بدونه؟ كما أن هذا القالب ليس معقدًا للغاية.

كالعادة، أنشئ مجموعة "التذييل" وطبقة فيها. وقم بوضع علامة عليها باستخدام المسطرة، وحدد أداة "المنطقة المستطيلة" المفضلة لدينا بالفعل، ثم حددها واملأها بالرقم #0dbfe5

قم بإلغاء التحديد. خذ "Horizontal Text"، وابحث عن الخط الذي قمنا بتنزيله (Olivier)، وأدخل شعارنا، فقط اجعل لون النص أغمق قليلاً.

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

هذا كل شيء أيها الأصدقاء، لدينا تخطيط جاهز يمكن كتابته بالفعل :)

وهنا أيضًا ملف PSD الخاص به. قم بالتنزيل ومعرفة ما إذا كنت لا تفهم شيئًا ما.

أيها الأصدقاء، إذا لم تفهموا أي شيء، فتأكدوا من طرح السؤال في التعليقات.

اراك قريبا.

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

1. إنشاء مستند جديد.
2. أضف خلفية.
3. أضف الصور.
4. إعداد الأزرار القياسية.
5. ملء الكتل بمحتوى النص.
6. تقييم النتيجة.

الخطوة 1

لنبدأ من البداية. ما عليك سوى تشغيل Photoshop وإنشاء مستند جديد (CTRL + N) بالإعدادات الموضحة في لقطة الشاشة أدناه.

الخطوة 2

الآن عليك إضافة نمط مناسب لخلفيتك.

نمط الطبقة->خيارات المزج->نمط التراكب.

الخطوه 3

هل تريد إنشاء تصميم مذهل؟ ثم استخدم هيكل الشبكة للتصميم. ضع بنية شبكية في تصميم موقع الويب الخاص بك مع تباعد 60 بكسل و20 بكسل.

الخطوة 4

إذن... حان الوقت الآن لإنشاء قائمة للموقع المستقبلي. استخدم الأداة مستطيل مستدير الزوايالإنشائه (نصف القطر - 3 بيكسل). لنأخذ عرض القائمة 940 بكسل، وارتفاعها 34 بكسل.

لجعل هذه القائمة أكثر جاذبية، انتقل إلى خيارات المزج->إسقاط الظل. استخدم الإعدادات التي يمكنك رؤيتها في لقطات الشاشة:

خيارات المزج->الظل الداخلي

لون القائمة هو #6bafff.

الخطوة 5

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

الخطوة 6

نتيجة:

الخطوة 7

كل موقع لائق لديه نموذج بحث. استخدم الأداة مستطيل مستدير الزوايا(نصف القطر - 3 بكسل) لإنشاء نموذج بحث بالمعلمات التالية: 124 بكسل و26 بكسل.

إضافة الظل الداخلي: خيارات المزج->الظل الداخلي.

قم بإنشاء مستطيل واحد بأبعاد 41 بكسل و 32 بكسل.

خيارات المزج->إسقاط الظل

خيارات المزج->الظل الداخلي

خيارات المزج->تراكب الألوان(اللون - #6bafff)

حان الوقت الآن لإضافة الرمز المعتاد لوظيفة البحث. يفتح Linecons مجاني->حزمة أيقونات المتجهاتوابحث عن أيقونة البحث هناك.

وهذه هي النتيجة:

الخطوة 8

ثم نستخدم الأداة مستطيل(مستدير) لإنشاء مربع (مع الضغط على زر Shift) بحجم 16 بكسل.

حدد أداة أداة القلموقطع نصف هذا المربع.

انقر تحرير->تحويل->تدويرلوضع هذا المثلث على الجانب الأيسر من المستطيل. حدد جميع طبقات الأزرار فيسبوكودمجهم (Ctrl + E).

خيارات المزج->الظل الداخلي:

خيارات المزج->تراكب الألوان(#c1cac5)

الآن قم بإضافة النص يذهبأو ما شابه ذلك على الزر فيسبوك.

حاول إنشاء الشعار الخاص بك فيسبوكلهذا الزر. على سبيل المثال، يمكنك استخدام الرسالة F، وقم بتمييزه باللون الأزرق (#5a90e5).

نتيجة:

الخطوة 9

يخلق زي جديد: العرض 940 بكسل، الارتفاع 372 بكسل.

كما هو الحال دائمًا، أضف ظلًا:

والحدود: خيارات المزج->السكتة الدماغية(20 بكسل، اللون #6bafff).

الخطوة 10

أضف أيقونات قياسية إلى تصميمك. لا تنس استخدام الشبكة، والتباعد هو 180 بكسل.

الخطوة 11

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

تلاعب بإعدادات المزج: أضف ظلًا أبيض وتراكب لوني (#6aaefd) وظلًا داخليًا للحصول على هذه النتيجة:

الخطوة 12

املأ أربعة أعمدة (عرض كل منها 240 بكسل) بمحتوى النص. من الأفضل إضافة نص مختلف إلى كل عمود.

الخطوة 13

الخطوة 14

الخطوة 15

الخطوة 16

يمكن أن تكون الكتلة التالية عبارة عن قسم حول أي موضوع. استخدم الأداة مستطيل مستدير الزوايالإنشاء مربع (اضغط باستمرار على زر Shift). نصف القطر - 3 بكسل، العرض والارتفاع - 138 بكسل.

اذهب إلى خيارات المزج ->السكتة الدماغيةللدخول إلى الإعدادات: الحجم-20 بكسل، اللون #919392.

انسخ هذا العنصر والصقه 5 مرات. ضع هذه المربعات على مسافة 20 بكسل وأضف إليها صور الشركاء والموظفين وما إلى ذلك.

الخطوة 17

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

أضف تدرجًا مثل #3a8df1 - #6bafff.

الخطوة 18

أضف ثلاث كتل أخرى إلى التذييل الذي تختاره، مع مراعاة إجابة السؤال أعلاه. استخدم الخط اريال ريجولا r للرؤوس (30 بكسل) وأضف الأنماط كما في لقطة الشاشة أدناه:

استخدم الخط Arial Regular لنص القسم (12 بكسل).

ضع بعض الرموز القياسية في أحد أقسام التذييل - آر إس إس، جوجل بلس +أو تويتر.

حسنا هذا كل شيء! نتيجة:

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