امروز ما در مورد آنچه که یک طراح تازه کار باید در هنگام توسعه طرح طراحی برای یک وب سایت بداند صحبت خواهیم کرد. توسعه طراحی، شاید بتوان گفت، یک علم کامل است، و مانند هر علمی، برگه های تقلب و استانداردهای پذیرفته شده اولیه خود را دارد که به توسعه یک چیدمان خوب کمک می کند. مهم نیست که در آینده چه نوع وب سایتی خواهد بود - کارت ویزیت، شرکت، تبلیغات، فروشگاه آنلاین یا هر سایت دیگری. تعدادی از نکات وجود دارد که باید از ابتدا مورد توجه قرار گیرد و این نکات به شما و طراح چیدمان در آینده در توسعه پروژه کمک کند. بله، بله، طراح چیدمان همیشه باید به این فکر کند که این یا آن چیدمان چگونه چیدمان می شود، در غیر این صورت ممکن است در حین چیدمان مشکلاتی ایجاد شود و این مستلزم انحراف ظاهر طرحی است که در چیدمان نشان داده اید. همچنین باید به این واقعیت فکر کنید که نتیجه کار طراح همچنان یک وب سایت خواهد بود. بنابراین بیایید شروع کنیم، ترتیب امتیازها ممکن است لزوماً دقیقاً به این شکل نباشد:

1. برنامه ریزی.
2. اصول چیدمان یا نحوه انجام آن.
3. تایپوگرافی.
4. انتخاب رنگ مناسب برای پروژه
5. قابلیت استفاده
6. تعامل خوب فکر شده (ناوبری، دکمه ها، پیوندها و غیره).
7. طراحی محتوا.
8. ترتیب در منبع طرح.

خوب، به نظر می رسد که نکات اصلی که توصیه می شود هنگام کار بر روی طراحی وب سایت بدانید، مشخص شده است. حالا بیایید به ترتیب به این نکات نگاه کنیم و معنای آنها را کمی آشکار کنیم، من همه چیز را شرح نمی دهم، فقط اساس را بیان می کنم و به طور خاص در مورد همه نکات صحبت خواهیم کرد، فکر می کنم در آینده نزدیک در پست های جدید به طور جداگانه با جزئیات بیشتر

طرح بندی وب سایت - ایجاد یا نحوه ایجاد طرح بندی وب سایت

برنامه ریزی -من فکر می کنم خود کلمه برای خودش صحبت می کند، طرح مشتق. در مورد ما، این باید به شرح زیر درک شود. شما یک مشخصات فنی (مشخصات فنی) یا خلاصه ای دارید که طبق آن باید یک طرح ایجاد کنید که طراحی وب سایت آینده ما خواهد بود. بر اساس مشخصات یا از خلاصه، طراح باید ایجاد کند. پس از کجا شروع کنیم؟اینجاست که مداد و کاغذ ساده ما به کمک ما می آید، بله، مداد و کاغذ، نه کامپیوتر. طراحی مستقیم روی کامپیوتر فایده ای ندارد زیرا... فکر نشده است به همین دلیل است که ما طرح چیدمان یا فقط یک طرح را ایجاد می کنیم. بیایید طرح‌هایی را ترسیم کنیم، ترجیحاً تعداد کمی، همه نکات، منوها، متون، چیدمان بلوک‌ها، پیوندها، تصاویر، شبکه تقریبی را در نظر بگیریم و من و شما تصویر دقیق‌تری و قابل فهم‌تری از طراحی سایت آینده خود خواهیم داشت. و بعد از اینکه طرح ها را داشتیم، می توانیم به پیاده سازی طرح روی کامپیوتر برویم.

شبکه مدولار –این سیستمی از نسبت‌های چیدمان است که از ماژول‌هایی تشکیل شده است که به نوبه خود یک شبکه را تشکیل می‌دهند. ما برای همسان‌پذیری بلوک‌ها در چیدمان و همچنین برای ساختاربندی چیدمان و عناصر نسبت به یکدیگر به آن نیاز داریم. شبکه ها می توانند ساده (بلوک) یا پیچیده باشند. به زبان ساده، استفاده از یک شبکه مدولار، هم طرح و هم چیدمان بعدی را بسیار ساده می کند. چیدمان سایت.

اصول چیدمان یا نحوه انجام آن، در اینجا فکر می کنم هیچ نکته خاصی در توصیف آن وجود ندارد، من می گویم که مهمترین آنها در اینجا ویژگی های زیر است که باید مورد توجه قرار گیرد:

• این مقیاس پذیری است طرح بندی سایت،اگر یک سایت لاستیکی است (ما در نظر می گیریم که طرح در هنگام فشرده شدن و کشیده شدن چگونه به نظر می رسد).
• شما باید رشد سایت در آینده را در نظر بگیرید، به عنوان مثال، افزایش آیتم های منوو با در نظر گرفتن این موضوع یک طرح ایجاد کنید.
• نکات مربوط به چیدمان بلوک ها با گوشه های گرد، این نیز باید در نظر گرفته شود
• و تعدادی نکته دیگر

تایپوگرافی -این طراحی گرافیکیمتن را به یک پروژه طراحی با استفاده از قوانین مناسب تبدیل کنید. به بیان ساده، تایپوگرافی از قوانین خاصی استفاده می کند که به ما می گوید چگونه از فونت ها و طراحی به بهترین شکل استفاده کنیم تا توسط مردم درک و خوانده شود. به لطف تایپوگرافی، می توانیم بر این یا آن قطعه مهم متن تأکید کنیم. طراحان تضادهای چاپی ایجاد می کنند، در نتیجه درک متن را بهبود می بخشند، این برای نشان دادن مهمترین وزن کلمات، جملات، پاراگراف های خاص ضروری است. با ایجاد لهجه های مورد نیاز در متن، درک خواننده از متن را افزایش می دهیم و همچنین طراحی خود را جذاب تر می کنیم. همچنین لازم به ذکر است که در طراحی وب فقط باید از .

اینها چه نوع فونت هایی هستند؟اینها فونت هایی هستند که در رایانه هر کاربر، صرف نظر از سیستم عامل، وجود دارند و وجود دارند. به عنوان مثال، فونت های Arial، Georgia، Tahoma، Verdana و دیگران. هنگام ایجاد یک طرح، توصیه می شود از دو نوع فونت استفاده کنید، البته گاهی اوقات بیشتر نیز وجود دارد، اما اساس همیشه دو است - یک فونت برای لهجه ها (عنوان) و یک قلم پایه برای همه محتوا.

انتخاب رنگ مناسب برای پروژه –این لحظه حاکی از درک رنگ ها توسط شخص است. هر رنگی احساساتی را برمی انگیزد و می توانید هنگام ایجاد یک طرح طراحی برای یک وب سایت با آن بازی کنید و آن را برجسته کنید. رنگ های روشنو رنگ های اصلی را پاستلی، نرم و آزاردهنده نمی کند. به این ترتیب می توانیم مهم ترین قسمت های بلوک ها یا عناصر چیدمان را به کاربر سایت آینده نشان دهیم. همه رنگ ها تاثیر دارند، برخی دفع می کنند، برخی دیگر عمل را تشویق می کنند (کلیک کنید)، و همچنین رنگ های خنثی وجود دارد. البته گاهی اوقات پیش می‌آید که شرکت سفارش‌دهنده وب‌سایت سبک شرکتی دارد و کاری از دست شما برنمی‌آید و باید آن را دنبال کنید.

قابلیت استفاده – این ترکیبی از راحتی، به یاد ماندنی و کارایی استفاده است. به این معنا که هنگام توسعه یک طراحی، باید در نظر داشته باشید که کاربر در سایت راحت است، به طوری که او با ناوبری و رابط مشکلی نداشته باشد، همه چیز باید واضح، قابل درک و آموزنده باشد. اصول اولیه کاربردپذیری به ما می گوید که سایت باید یادگیری آسان، استفاده موثر، به خاطر سپردن آسان برای کار بیشتر توسط کاربران عادی و البته رضایت کاربر باشد.

تعاملی متفکرانه -این بدان معناست که طراح، هنگام ایجاد طرح‌بندی طراحی برای سایت، باید برنامه‌ریزی کند که عناصر تعاملی خاصی در پاسخ به عملکرد کاربر چگونه رفتار می‌کنند. این بدان معناست که طراح، به عنوان مثال، یک پیوند، همیشه باید زیر آن خط بکشد. و همچنین در صورت لزوم نشان دهید که کجا هستیم. این باید با خط کشی و رنگ های مختلف نشان داده شود. به عبارت ساده، تمام عناصر ناوبری، لینک ها، منوها، فرم ها و موارد مشابه باید در نظر گرفته شوند تا هر کاربری بفهمد که در حال انجام هر عملی است.

طراحی محتوا –در اینجا فکر می کنم همه چیز روشن است، ما در مورد محتوای قسمت محتوای سایت آینده صحبت می کنیم. از این گذشته ، هر سایتی اول از همه انبوهی از صفحات است متشکل از اطلاعاتی که صاحب منبع سخاوتمندانه به کاربر ارائه می دهد و کاربر دقیقاً برای اطلاعات به سایت می آید. خیلی به این بستگی دارد که محتوا چقدر خوب طراحی شده است. محتوا همیشه باید به شکلی متفاوت باشد، اما با در نظر گرفتن تاکید و متن اصلی. در طراحی شما باید از تمام عناصر لازم استفاده کنید، اینها عناوین از H1 تا H6 (البته برچسب ها برای طراحان چیدمان است، اما این واضح تر است)، لیست های مختلف، نقل قول ها، فقط متن، پاراگراف ها، پیوندها، مواد عکاسی ، جداول و غیره

ترتیب در طرح منبع این است -این احتمالاً بیشتر از هر چیزی نصیحت است نکته مهم. هنگام ایجاد یک طراحی وب سایت، همیشه سعی می کنم به سلسله مراتب خاصی از گروه ها و نام لایه ها در فایل اصلی psd پایبند باشم.

سفارش به چیدمان سایت چه می دهد؟برای طراح و طراح چیدمان، یک راهنمای سریع برای اینکه به چه چیزی تعلق دارد و چه چیزی کجاست. این مانند یک نمودار منطقی از یک عنصر از یک طرح (فایل psd) است که به پوشه ها، گروه ها، بدنه، فوتر تقسیم می شود، البته یک اسلایدر نیز وجود دارد. اما به نوبه خود، این گروه ها در صورت لزوم به زیر گروه هایی تقسیم می شوند و حاوی لایه هایی با نام یک لایه خاص هستند. اگر مجبور به ویرایش باشید، سلسله مراتب صحیح به شما کمک می‌کند که پیدا کردن چیزی بسیار آسان‌تر از جستجو در میان گروه‌هایی با لایه‌های بدون نام است، و طراح طرح‌بندی به سرعت همه چیز را تشخیص داده و چیدمان می‌کند. این در مورد سلسله مراتب است. یک نکته مهم دیگر که حداقل چندین بار از من خواسته شد و بعد از آن برایم عادت شد، راهنماهای بعد از شما را حذف کنید تا طراح چیدمان وقت تلف نکند و نیاورد. طرح بندی سایتتو مرتب هستی

ابتدا به این فکر کنید که چرا تصمیم گرفتید خودتان یک طرح بندی وب سایت ایجاد کنید. این شغل نیاز به دانش همه کاره از یک فرد دارد در فناوری اطلاعات و طراحی، تفکر تحلیلی و در عین حال خلاق. و همچنین بخشی از وقت شما. خوب، 4 دلیل وجود دارد که ممکن است به این نیاز داشته باشید. اگر مورد دیگری دارید، در نظرات بنویسید، آن را اضافه خواهم کرد.

ایجاد طرح‌بندی وب‌سایت: سرگرمی برای نخبگان

دلیل شماره 1. علاقه به توسعه طرح بندی وب سایت

آیا علایق شما خیلی مشخص است؟ ما اینجا هستیم ما کسی را قضاوت نمی کنیم. یک زمانی برای ما جالب شد و شروع کردیم به این کار! علاوه بر این، عطش دانش از آن ماست ویژگی متمایز. من از کنجکاوی شما قدردانی می کنم.

دلیل شماره 2. توسعه طرح بندی وب سایت به عنوان راهی برای کسب درآمد

اگر می خواهید در آینده یک طراح وب شوید، باید از جایی شروع کنید، یعنی با یک صفحه آرایی اولیه وب سایت. نتیجه سریع کار شما مانند هیچ چیز دیگری باعث ایجاد انگیزه می شود. خوشبختانه در این مقاله فقط پیشنهاد می کنم راه های رعد اسا برای ایجاد یک طرح.

به هر حال، کار یک طراح وب شوخی نیست. در اینجا در زیر من به سادگی یک برنامه حقوق و دستمزد بسته به مدت خدمت (طبق داده های DOU برای ماه مه تا ژوئن 2016) می گذارم. من به چیزی اشاره نمی کنم. فقط شکار پنهان

دلیل شماره 3. ترسیم مشخصات فنی برای توسعه طرح بندی وب سایت برای یک طراح

اغلب، غیر طراحان با نیاز به نشان دادن طرح‌بندی وب‌سایت مواجه می‌شوند - گاهی اوقات فقط برای نشان دادن ایده خود، اما گاهی اوقات برای تقویت مشخصات فنی. البته این کار ضروری نیست و یک طراح ماهر ایده شما را درک می کند و حتی آن را بهتر از آنچه انتظار دارید انجام می دهد. با این حال، اگر دقیقاً می دانید چه می خواهید، بهتر است به جای گفتن آن، آن را نشان دهید.

همچنین استفاده از برنامه Coggle که می توانید به Google Drive متصل شوید، راحت است .

من Coggle را دوست دارم زیرا نقشه ذهنی است. همیشه در دست، اشتراک گذاری با همکاران راحت است و رنگ عناصر رابط به خوبی انتخاب شده است. علاوه بر این، دکمه سمت راست ماوس کار می کند که به شما امکان می دهد نقشه را به راحتی شخصی سازی کنید. من این ساختار را برای صفحه نخستسایت.

در مرحله اول طراحی چیدمان، نقشه ذهنی سایت ایجاد می شود

مرحله 2: ایجاد یک نمونه اولیه وب سایت

در مرحله بعد، می‌توانید بلافاصله طراحی یک طرح‌بندی وب‌سایت را در فتوشاپ شروع کنید، اما حتی اگر از روی کنجکاوی بی‌کار طرح‌بندی ایجاد کنید، ابتدا باید یک نمونه اولیه وب‌سایت بکشید. در توسعه گام به گام، نمونه سازی یک مرحله جدایی ناپذیر است که سلامت روان یک طراح وب را تقویت می کند. هنگام ایجاد یک نمونه اولیه، بلوک های کلیدی سایت آینده مشخص می شود (هدر، لغزنده، دکمه ها، مخاطبین، ساختار مواد و غیره). این به شما امکان می دهد در مرحله ترسیم طرح به میزان قابل توجهی در زمان صرفه جویی کنید زیرا شما قادر خواهید بود نتیجه تقریبی را ببینید و تغییرات را بدون دردسر ایجاد کنید.

خسته؟ زندگی را آسان تر کنید و سفارش ساخت وب سایت از KOLORO.ما خواسته های شما را در نظر می گیریم و شما دقیقا به آنچه می خواستید خواهید رسید.

ساخت نمونه اولیه وب سایت به صورت آنلاین

من معمولا از دو ابزار آنلاین محبوب برای نمونه سازی وب سایت استفاده می کنم: Moqups و Mockflow. در هر دو مورد، امکان ایجاد نمونه های اولیه به صورت رایگان، اما با عملکرد محدود وجود دارد. تعرفه های سایت اول از 13 دلار در ماه شروع می شود. (10 پروژه، 1 گیگابایت)، و برای دوم - از 14 دلار در ماه. (تعداد نامحدود پروژه + 25 گیگابایت در فضای ابری). همه موکینگ برد را هم توصیه می کنند. و من آن را توصیه می کنم، اما فقط به احترام امینم، زیرا در اینجا 3 پروژه 12 دلار در ماه هزینه دارند و ابزارهای رایگان کمتری وجود دارد.

حالا در مورد برداشت های شخصی من. Moqups حتی از اولین بازدید راحت تر و شهودی تر است. بلوک ها و نمادهای آماده زیادی در اینجا وجود دارد - فقط چیزی که برای عبور سریع از مرحله نمونه سازی نیاز دارید. علاوه بر این، قرار دادن عناصر نسبت به وسط صفحه یا سایر عناصر راحت است. محدودیت 300 شی در هر صفحه در حالت آزاد کمی مانع است - ممکن است برای طرح بندی یک صفحه وب سایت کافی نباشد. امکان درج عناصر از چارچوب کاری Bootstrap وجود دارد. Mockflow به شما امکان می دهد کمی کمتر انجام دهید و چند دقیقه طول می کشد تا به آن عادت کنید و به آن عادت کنید، اما فضای اضافی دیسک ممکن است برای برخی جذاب باشد.

نمونه های اولیه وب سایت در Moqups و Mockflow

چگونه یک وب سایت آینده را نمونه سازی کنیم؟

با استفاده از Moqups به عنوان مثال، بیایید ببینیم که چگونه می توانید یک نمونه اولیه از یک صفحه با متن برای یک وبلاگ ایجاد کنید.

مرحله 1. اضافه کنید کلاه(متن قابل تغییر است).

مرحله 2. اضافه کنید مسدود کردنبرای تصویر و کتیبه (عنوان مقاله). با استفاده از سبک ها، می توانید به راحتی اندازه، فونت و سایر قالب بندی متن را تغییر دهید.

مرحله 3. اضافه کنید متنو بپرس عرضستون ها. همه بلوک ها به راحتی نسبت به وسط صفحه در مرکز قرار می گیرند.

مرحله 4. متن باید با یک تصویر شکسته شود. و عرض ستون خیلی بزرگ است، 500 پیکسل بهتر است. خوشبختانه، شما می توانید به سرعت آن را تغییر دهید. یک مزیت بزرگ: عناصر انتخاب شده نسبت به یکدیگر کاهش یافته و بلوک من با تصویر نیز کوچکتر شده است.

مرحله 5. بیایید یک نوار کناری (ستون کناری) اضافه کنیم، این کار آسان خواهد بود. یک فیلد جستجو و یک بلوک برای اشتراک در خبرنامه (با یک تصویر جذاب و یک دکمه روشن) قرار می دهیم.

مرحله 6. فرض کنید مقاله ما به این اندازه کوچک بود. همچنین می توانید اضافه کنید نظر سنجیو رتبه بندیمقالات نتیجه یک نمونه اولیه منظم از یک صفحه وبلاگ بود. عناصر دیگری را به دلخواه خود اضافه کنید.

نمونه سازی اجازه می دهد مقیاس صفحه را ببینیدو در مورد بلوک های خاص تصمیم گیری کنید. به هر حال، با استفاده از این ابزارها می توانید نمونه های اولیه برای دستگاه های مختلف بسازید. به عنوان مثال، اگر تلاش کنید، چیزی شبیه به این خواهید داشت. با این حال، نمونه اولیه معمولاً به طراحی سیاه و سفید محدود می شود.

نمونه اولیه اپلیکیشن گوشی هوشمند

مرحله 3: ساخت یک طرح بندی وب سایت زیبا: انتخاب رنگ

از جانب انتخاب خوبرنگ ها بر درک سایت و برند توسط کاربران تأثیر می گذارد. من تکیه بر قدرت خود را توصیه نمی کنم - انتخاب سایه مناسب می تواند ساعت ها طول بکشد. بنابراین، توصیه می کنم از پالت های رنگی آماده برای وب استفاده کنید. گوگل اخیرا راهنمای دقیقی در مورد رنگ های خوب برای طراحی متریال (روند طراحی وب) منتشر کرده است. این رنگ ها با هم هماهنگ هستند و می توانید از جذابیت آن ها مطمئن باشید. با استفاده از Materialpalette، می توانید با موفقیت دو رنگ را انتخاب کنید - اصلی و لهجه، و همچنین ببینید که چگونه آنها در رابط به نظر می رسند. کمی رنگ بیشتر در رنگ‌های طراحی متریال.

سایت رو معرفی کردی؟ آیا نمونه اولیه ساخته اید؟ آیا رنگ های خود را انتخاب کرده اید؟ اکنون می توانید به ایجاد طرح بندی خود ادامه دهید. من چندین راه را به شما پیشنهاد می کنم.

توجه! در اینجا هیچ توصیه ای در مورد نحوه ایجاد طرح بندی وب سایت در فتوشاپ وجود نخواهد داشت - این موضوع برای یک مقاله جداگانه است، در اینجا روش های ساده تر وجود دارد.

روش شماره 1. برش طرح از قالب وب سایت

یا سایت های موجود

این روش برای شما مناسب است اگر بخواهید:

• اصلی را درک کنید ابزارهای فتوشاپ;
• منابع مختلف برای وب سایت آینده خود بیابید و آنها را کنار هم قرار دهید.
• برای چند ساعت مانند یک طراح احساس کنید.
• به یک طراح وب یا آژانس (مثلاً ما:) جزئیات بیشتری از سایت را نشان دهید.
• برای پشتیبانی از شرایط مرجع برای توسعه وب سایت، نه تنها "در اینجا دکمه های تماس، و در اینجا جداکننده و آهنربای سرب وجود دارد."

مزایای این رویکرد برای توسعه چیدمان:

• شما می توانید با دیدن سایت های با کیفیت بالا از اشتباهات رایج جلوگیری کنید.
• متوجه خواهید شد که چه کاری را نباید انجام دهید تا احساس خوبی داشته باشید.
• مجریان طراحی وب ایده روشنی از انتظارات شما خواهند داشت.
• بسیار سریع است - در عرض چند ساعت شما برای تمام صفحات سایت طرح بندی خواهید داشت.

معایب:

• شما هرگز به طور کامل متوجه نخواهید شد که طراحی وب چیست.
• برخی از مراجعی که می‌یابید، نمی‌توانند توسط طراح صفحه‌آر بدون تغییر سایر قسمت‌های سایت پیاده‌سازی شوند.

چگونه انجام می شود

ساده ترین و راه سریعیک طرح‌بندی وب‌سایت بسازید - یک الگو برای یک CMS خاص انتخاب کنید و آن را برای خودتان بازسازی کنید. بنابراین، ابتدا باید در مورد CMS تصمیم بگیرید، که توسعه سایت را بسیار ساده می کند. با این حال، لطفاً توجه داشته باشید که طراحی سایت به آن دسته از عناصری که در قالب هستند محدود می شود. البته، شما می توانید رنگ ها را تغییر دهید، اما عناصر رابط فردی از قبل آماده شده اند و نمی توانید آنها را تغییر دهید.

اگر از سایت های مختلف "خورش" درست می کنید، فراموش نکنید که منابع را در جایی در دفترچه با مداد بنویسید. این امر توسعه طراحی و طرح بندی بیشتر را ساده تر می کند.

طرح بندی وب سایت برای وردپرس

محبوب ترین سیستم مدیریت محتوا وردپرس است. به عنوان مثال، شما بسیاری از قالب های مدرن برای این CMS پیدا خواهید کرد. برای چی؟ یک وب سایت مبتنی بر یک الگو سرعت راه اندازی پروژه را به میزان قابل توجهی افزایش می دهد، اما منحصر به فرد نخواهد بود. اگرچه، اگر از تصاویر اصلی، تصاویر و رویکردی خلاقانه استفاده کنید، حتی یک طرح‌بندی الگو را می‌توان غیرقابل تشخیص بازسازی کرد. مزیت اصلی این است که وب سایت شما از نظر نمایش در دستگاه های مختلف تضمینی واکنش گرا و به طور کلی زیبا است.

قالب های مختلف را مرور کنید و یکی را که بیشتر دوست دارید انتخاب کنید. من بیشتر در Envato Market جستجو کردم و الگوی Dalton را پیدا کردم که بیشتر از همه دوست داشتم. با دسترسی به نسخه دمو قالب، بلافاصله مفهوم وب سایت شرکتی را خواهید دید. با کلیک بر روی منو، می توانید با جزئیات بیشتری مشاهده کنید که قالب چه کارکردهایی دارد و صفحات مختلف چگونه خواهند بود. بهتر است نیم ساعت روی این موضوع وقت بگذارید و واقعاً بفهمید که چه چیزی در قالب وجود دارد.

بعدش چی؟ انتخاب سایز طرح وب سایت، برش و چسباندن

هنگامی که با الگو راحت شدید، می توانید برش آن را شروع کنید. اگر وضوح صفحه نمایش شما 1920 پیکسل یا بالاتر باشد عالی است - این به شما امکان می دهد به سادگی از قسمت هایی از سایت عکس بگیرید و آنها را در ویرایشگر ترکیب کنید. کار با طرح با هدر شروع می شود، سپس - بلوک های مختلف (بدنه)، و در پایان - پاورقی.

شما نیاز خواهید داشت:

• یک ابزار مناسب برای گرفتن عکس از یک منطقه انتخاب شده (ابزار ضبط صفحه)، من از Lightshot استفاده می کنم - این امکان را به شما می دهد تا تصویر را در یک فایل جداگانه ذخیره کنید یا آن را در کلیپ بورد کپی کنید.
• فتوشاپ - برای چسباندن قسمت های برش خورده تصاویر.

مراحل ایجاد طرح بندی برای وب سایت بر اساس یک قالب

مرحله 1. عرض طرح سایت را انتخاب کنید

تصمیم بگیرید که کدام صفحه را ابتدا انجام دهید. با اصلی شروع نکنید - بهتر است آن را برای آخر بگذارید، زیرا ... این مهمترین صفحه سایت است و بهتر است ابتدا کمی به آن دست پیدا کنید. در مثال، من یک صفحه "درباره ما" ایجاد خواهم کرد - اطلاعات جالبی در مورد شرکت و کارمندان آن وجود خواهد داشت. من قبلا یک نمونه اولیه از سایت دارم، بنابراین می دانم دارم چه کار می کنم. به هر حال، نمونه اولیه شما چگونه است؟

فتوشاپ را باز کنید و عرض طرح سایت را روی 1920 پیکسل قرار دهید. این برای مشاهده اینکه سایت در مرورگر چگونه به نظر می رسد کافی است. اگر وضوح شما کمتر است، آن را روی عرضی که مانیتور شما اجازه می دهد تنظیم کنید. هنوز در مورد ارتفاع نگران نباشید - حدس زدن آن سخت است و شما همچنان باید منطقه را کشش یا منقبض کنید.

گام 2. ما به ایجاد یک طرح بندی وب سایت در فتوشاپ ادامه می دهیم

کلاهی را که دوست دارید از قالب انتخاب کنید. قطعش کن با ابزار مناسبسند را در فتوشاپ باز کرده و در آنجا پیست کنید (Ctrl+V). از ابزار Move Tool (V) برای قرار دادن هدر در بالا استفاده کنید. من هدر با نوار بالایی را دوست دارم، جایی که اطلاعات تماس در مورد شرکت وجود دارد.

مرحله 2.A. فوراً طرح وب سایت مناسب را ایجاد کنید

اکنون دو گزینه دارید - متن را در تصویر تغییر دهید یا متن همراه را در یک فایل متنی بنویسید. کدام راحت تر است؟ همه چیز به اهداف شما بستگی دارد. بر تجربه شخصیمی توانم بگویم که بهتر است این کار را در طرح انجام دهید و فورا فونت و اندازه ها را انتخاب کنید. این امن تر خواهد بود و WYSIWYG در عمل خواهد بود (آنچه می بینید همان چیزی است که دریافت می کنید، "آنچه می بینید همان چیزی است که به دست می آورید").

مرحله 3. بیایید به سمت موفقیت برویم

طرح خود را با بلوک های مختلف پر کنید و آنها را مطابق با نیاز خود ویرایش کنید. در این مرحله، اگر مهارت ندارید، لازم نیست با رنگ ها بازی کنید با استفاده از فتوشاپ. برای افزایش ارتفاع طرح، از ابزار Frame (C) استفاده کنید.

چی شد

بعد از چند دقیقه فکر کردن، بریدن و چسباندن قطعاتی که بیشتر دوست داشتم، به آن رسیدم طرح بندی صفحه ساختار یافته"درباره ما"

چیزی که نباید فراموش کنید

1. زنگ زدنهر لایهبا بلوک به اندازه کافی، با توجه به آنچه وجود دارد. در غیر این صورت بعداً کاملاً گم خواهید شد.
2. هنگام انتخاب فونت، باید انتخاب کنید اندازه های مختلفبرایسرصفحه ها و بدنه متن. در این صورت بهتر است از کتابخانه فونت وب گوگل فونت راهنمایی شوید. فراموش نکنید که فونت های سیریلیک را فیلتر کنید.

روش شماره 2. ایجاد یک طرح بندی وب سایت در فتوشاپ تقریباً انجام شده است

روش شماره 2 برای شما مناسب است اگر:

• فتوشاپ ندارید (وجدان شما اجازه نمی دهد یا فضای دیسک ندارید) یا هنوز نحوه استفاده از آن را یاد نگرفته اید.
• می خواهید بدون دخالت در نشانه گذاری با کد HTML و سبک های CSS آشنا شوید.
• شما نیاز به یک طرح وب سایت تعاملی دارید.

من ابزار عالی طرح بندی رایگان Macaw را توصیه می کنم. برای کار با برنامه، باید آن را دانلود و نصب کنید - چند دقیقه طول می کشد. در برنامه عملا می توانید یک طرح را در حالت بصری طراحی کنید، زیرا می توانید بلافاصله آن را منتشر کنید و کد HTML و CSS را مشاهده کنید. کمی جزئیات بیشتر در مورد نحوه عملکرد برنامه. ماکائو دارد اشکال قابل توجه- یک صفحه وب غیر پاسخگو ایجاد می کند. با این چگونه روبرو میشوید؟ در اینجا شما از قبل به مهارت های یک طراح صفحه بندی برای اتصال فریم ورک نیاز دارید (به عنوان مثال، اگر با استفاده از بوت استرپ یک طرح بندی وب سایت ایجاد می کنید). با این حال، اگر فقط نیاز دارید یک طرح کاری را به همکاران خود نشان دهید، Macaw عالی است.

این چیزی است که یک قالب غیر پاسخگو در دستگاه های مختلف به نظر می رسد. می خوام گریه کنم

برای شروع، برنامه را روی رایانه خود اجرا کنید. ما یک سند خالی با عرض صفحه 1200 پیکسل با شبکه طرح بندی سایت را به توجه شما معرفی می کنیم. به طور پیش فرض، بین ستون ها padding وجود دارد، بنابراین بین عناصر ایجاد شده فاصله وجود خواهد داشت. شما فقط باید در داخل ستون ها ترسیم کنید، زیرا اگر از آنها فراتر بروید، بلوک ها زیر یکدیگر ظاهر می شوند. پس مراقب آنها باشید.

شما می توانید به طور مستقل عرض ستون ها، تعداد آنها و فاصله بین آنها را تنظیم کنید. اگر می‌خواهید عناصر به یکدیگر بچسبند، عرض ستون را روی 100% تنظیم کنید و لایه‌های بین آنها را بردارید. چرا به این مش نیاز دارید؟ با طرح بندی HTML طرح سایت، ساخت یک قالب تطبیقی ​​آسان تر خواهد بود، زیرا ... فریمورک های مدرن از یک شبکه 12 ستونی استفاده می کنند.

می‌توانید با کشیدن آن به سمت راست یا با تنظیم اندازه، عرض ناحیه کار را تغییر دهید

بعدش چی؟ چیدمان

فضای کاری خود را آنگونه که می خواهید تنظیم کنید و بیایید به کارمان برسیم. من همان صفحه ای را ایجاد خواهم کرد که از قالب دالتون برش دادم.

مرحله 1.

ابتدا باید ایجاد کنید کلاه. خواهد بود ظرفبا ارتفاع 100 پیکسل و حاشیه پایین 1 پیکسل ضخامت.

داخل ظرف دیگری یک لوگو و داخل ظرف بعدی یک منو وجود دارد. نیازی به ایجاد منو برای آیتم های منوی فردی نیست بلوک های جداگانه، کافی است بین کلمات فاصله قابل قبولی قرار دهید (فاصله کلمات).

گام 2

با هدر تمام شده، می توانید به بلوک های باقی مانده ادامه دهید. در بلوک بعدی خواهم داشت زمینهکه لازم است جداگانه دانلود کنید.

مرحله 3. یک طرح بندی وب سایت تعاملی ایجاد کنید

من به کشیدن بلوک ها و درج متن در آنها ادامه می دهم. من یک دکمه با استفاده از یک ابزار ویژه "Button" (منطق!) ایجاد می کنم. Macaw به شما این امکان را می دهد که یک طرح بندی تعاملی با حالت های مختلف دکمه و امکان جابجایی بین صفحات ایجاد کنید.

لطفا به موارد برجسته زیر توجه کنید. آنها به شما کمک می کنند بین بلوک های مختلف جابجا شوید و آنها را سازماندهی کنید. به عنوان مثال، متن باید در یک ظرف خاص باشد، و نه فقط در حالت Hangout.

اگر فشار دهید فایل ->انتشار، یک صفحه آماده دریافت می کنید که در آن می توانید کد HTML و CSS را در تب های مختلف مشاهده کنید. اگر می خواهید ببینید این بسیار راحت است نشانه گذاری چگونه به نظر می رسد

چی شد

چیزی شبیه این معلوم شد. در اینجا، برای مقایسه، در سمت چپ قطعات قالب ویرایش شده به هم چسبانده شده اند، در سمت راست طرحی است که در Macaw ایجاد شده است. مزیت بزرگ برنامه این است که می توانید دکمه ها را وارد کنید، به آنها پیوند اضافه کنید، صفحات مختلف ایجاد کنید و بین آنها حرکت کنید. فقط سلسله مراتب ظروف را فراموش نکنید و در آنها گم نشوید.

ویژگی های این روش ایجاد طرح بندی وب سایت:

• برای درک پیچیدگی های برنامه، باید زمان بیشتری را صرف کنید.
• حتی زمانی که قبلاً به برنامه پرداخته اید، باز هم گاهی اوقات مشخص نیست که چرا این گونه رفتار می کند و نه غیر از این.
• اگر خودتان آن را تمام نکنید، می توانید سازگاری را فراموش کنید.
• ایجاد یک طرح و حتی درک کمی در مورد چیدمان واقعاً راحت است - می توانید نحوه تعامل عناصر و ساختار به طور کلی را ببینید.
• مواردی مانند "width: 16.6666666666%" ممکن است در سبک ها ظاهر شوند که باید اصلاح شوند. شما فقط باید درک کنید که این WYSIWG است و نه بیشتر.

روش شماره 3. ابزار مدل سازی آنلاین

اگر به دنبال گزینه ای برای ایجاد طرح بندی وب سایت در یک برنامه با ساده ترین و شهودی ترین رابط ممکن هستید، من این روش را به طور ویژه برای شما آماده کرده ام.

یک ابزار مناسب برای ایجاد اینفوگرافیک که مدت زیادی است از آن استفاده می کنم، سرویس Creately است. ده ها و صدها جزء برای ایجاد طراحی UI برای دستگاه های مختلف (بیشتر برای دستگاه های تلفن همراه) وجود دارد. حتماً خوشتان خواهد آمد، من تعدادی از آنها را به شما نشان خواهم داد.

هنوز اینجا راحت برای ویرایش عناصر، متن اضافه کنید (و حتی دکمه هایی را با پیوندها بسازید!). به طور کلی، فقط در چند دقیقه من همان چیزی را که در Macaw انجام دادم، دریافت کردم دقیق تر. با این حال، چنین طرح‌بندی را نمی‌توان بسیار تعاملی کرد. هیچ مرحله ای برای این روش وجود نخواهد داشت زیرا ... خدمات به خوبی بصری است. سعی کردم تا حد امکان روی صفحه نمایش داده شود قابلیت های خدماتی.

ویژگی های سرویس Creately

همین. اینها روشهایی بودند که من در یک مرحله از رشد خلاقانه به آنها رسیدم. اگر این مطالب را مفید می دانید، خوشحال می شویم.

P.S. این مقاله فقط برای اهداف اطلاعاتی است و به شما اجازه نمی دهد که یک طراح وب شوید. برای به دست آوردن دانش جدی، باید حفاری های بیشتری در اینترنت انجام دهید.

تقسیم‌بندی نمونه‌های اولیه معماری به کارهای کاری و نمایشگاهی، اهداف و مقاصد مختلف فرآیند آموزشی طراحی معماری را از پیش تعیین می‌کند. اهداف تعیین شده تقریباً با مواد مشابه و با استفاده از ابزارهای مختلف و تکنیک های مختلف به دست می آیند.

مدل‌های کار بر اساس نقشه‌ها و طرح‌های اولیه یا اصلاً بدون آن‌ها ساخته می‌شوند، زمانی که هنوز تصمیم نهایی وجود ندارد، چه بیشتر نقشه‌ها. طرح در این مورد نوعی مدل آزمایشی شی آینده است که می توانند روی آن آزمایش کنند گزینه های مختلفترکیبات یا ایجاد ترکیبات جدید (شکل 1.6).

شکل 1.6 - کار (طرح پیش نویس)

پس از تایید نسخه نهایی راه حل حجمی- فضایی، می توان طرح نهایی نمایشگاه را ایجاد کرد (شکل 1.7).

شکل 1.7 – طرح نمایشی یک مجتمع مسکونی

بنابراین، اگر در مورد اول مرکز ثقل راه حل فنیطرح بستگی به جستجو و توسعه یک ایده معماری دارد، در مورد دوم - به کیفیت اجرا.

2 ساختن یک طرح

2.1 دستور اجرای طرح

فرآیندهای تولید هر دو نوع چیدمان را می توان به شکل ساده شده با دنباله کار زیر نشان داد:

1. تعیین ویژگی های طراحی چیدمان.

2. تجزیه طرح به اجزای آسان برای ساخت.

3. علامت گذاری جاهای خالی روی مواد ماکت.

4. برش جاهای خالی.

5. مونتاژ و چسباندن عناصر حجمی طرح.

6. چسباندن نهایی عناصر منفرد.

ترتیب طرح بندی داده شده با یک مرحله آماده سازی قبل از انجام می شود: تجزیه و تحلیل پروژه اولیه (ایده). تعیین مواد، ابزار، انتخاب مقیاس و درجه جزئیات.

2.2 انتخاب مقیاس طرح

مقیاس ساخت یک مدل در درجه اول توسط ابعاد طبیعی شی اصلی، سپس با شرایط وضوح ادراک و، در نهایت، با الزامات فرآیند یادگیری تعیین می شود.

مقیاس های زیر برای چیدمان در فرآیند آموزشی طراحی معماری توصیه می شود:

اشکال کوچک معماری (میکرو مربع، زمین بازی، تابلوی ورودی) - 1: 10، 1: 20، 1:25 (شکل 2.1).

شکل 2.1 - چیدمان بنای تاریخی

ساختمان های مسکونی کم ارتفاع انفرادی مسدود شده - 1: 25، 1:50;

کم اهمیت ساختمان های عمومی(داخل غرفه) – 1:20، 1:25، 1:50;

ساختمان میان طبقه (ساختمان مسکونی، گاراژ) - 1: 100، 1: 200.

3 تکنیک های اساسی و تکنیک های نمونه سازی

3.1 ساخت یک مدل فرعی

در سازماندهی ترکیب، نقش سازنده نه تنها توسط عناصر تشکیل دهنده آن، بلکه توسط پایه نیز ایفا می شود (شکل 3.1).

شکل 3.1 - چسباندن طرح فرعی

اندازه مدل فرعی، نیروی تأثیر ترکیب را بر فضای زیرپایه سازمان‌یافته تعیین می‌کند «شبیه به نیروی تأثیر معماری واقعی که توسط حجم‌های ایستاده فراتر از مرزهای فضایی که اشغال می‌کنند تابش می‌شود». با تغییر اندازه پایه، می توانید ببینید که چگونه درک ماهیت ترکیب تغییر می کند: در برخی موارد احساس تنش، بی ثباتی، در برخی دیگر - آرامش و ایستایی است. اهمیت مدل فرعی به ویژه در کار روی یک ترکیب فضایی عمیق به وضوح نشان داده می شود، جایی که محتوای کار نقش یک عنصر ترکیبی را به مدل فرعی اختصاص می دهد و وظیفه "سازماندهی یک قلمرو معین" را تعیین می کند.

نه تنها اندازه، بلکه شکل پایه نیز مهم است. بنابراین، برای یک ترکیب حجمی، مدل فرعی اغلب شکل یک مربع را برای یک ترکیب جلویی دارد، این یک مستطیل است که در جلوی خط دید اصلی قرار دارد، به سمت عمق هدایت می شود . بنابراین، شکل مدل فرعی تأکید می کند که به چه نوع مدل تعلق دارد. این به طور فعال در وظایف شناسایی فرم آشکار می شود

قبل از شروع ساخت یک مدل از شی، باید یک مدل فرعی بسازید که نه تنها به عنوان یک پایه محکم، بلکه به عنوان تصویری در مقیاس بزرگ از چشم انداز قلمرو (نقش برجسته، سطح آب، محوطه سازی، محوطه سازی، معابر و مسیرهای عابر پیاده و پله ها). عناصر منظره در همان مقیاس طرح‌بندی ساخته می‌شوند.

برای اطمینان از استحکام طرح‌بندی‌های بزرگ، توصیه می‌شود پایه را روی تخته‌های تخته سه لا یا برانکاردهای تخته‌ای سخت بسازید - روی مقوای راه راه (بسته‌بندی) یا تبلت.

پس از ساخت یک پایه جامد، طرح فرعی چسبانده می شود (شکل 3.2).

شکل 3.2 - ساخت یک طرح فرعی با نقش برجسته زمین

نقش برجسته طرح فرعی طبق نقشه هایی با خطوط افقی تعیین شده ساخته شده است. اگر چیدمان شامل سطوح آب باشد، تولید نقش برجسته از آنها آغاز می شود - از پایین ترین سطح. در عمل نمونه سازی، در بیشتر موارد، از کاغذ یا مقوا جلا برای این استفاده می شود، کمتر از پلکسی گلاس. کاغذ رنگی (رنگی) به پایه (آینه آب) چسبانده شده است، خط ساحلی علامت گذاری و ترسیم شده است، که از آن بالا آمدن نقش برجسته شروع می شود.

بسته به مقیاس انتخاب شده و تفاوت در ارتفاع منطقه، یک یا روش دیگری برای تولید نقش برجسته انتخاب می شود.

1. با یک تفاوت جزئی در ارتفاع - یک نقش برجسته آرام با خطوط افقی نادر در امتداد خط هر خط افقی - قسمت های خالی بریده شده و به ترتیب از پایین به بالا چسبانده می شوند (شکل 3.3 a). اگر ضخامت مقوا با مقیاس اختلاف ارتفاع مطابقت نداشته باشد، نوارهای کاغذ یا مقوا بین قسمت های خالی "روی لبه" ارتفاع مورد نیاز چسبانده می شوند (شکل 3.3 ب).

2. با تفاوت قابل توجه در ارتفاع - برجسته شیب دار (با افقی های مکرر) - ​​تولید نقش برجسته می تواند مانند مورد اول باشد، اما با تعداد زیادی قسمت های خالی - افقی، یا با چسب نوارهای کاغذ یا مقوا "روی لبه" در امتداد خطوط افقی ارتفاع مناسب (شکل 3.3 ج). نقش برجسته ساخته شده به این روش کاملاً گویا است، اما قرار دادن مدل های ساختمان ها و عناصر منظره روی آن دشوار است، بنابراین استفاده از این روش برای چیدمان کاری مناسب تر است.

3. در برخی موارد، زمانی که دقت خاصی در هنگام به تصویر کشیدن زمین مورد نیاز نیست، سطح زمین با کاغذ یا کاغذ ردیابی مچاله شده تقلید می شود (شکل 3.3 د). در این مورد، نقش برجسته گویا و طبیعت گرایانه است، اما بیشتر متعارف است. در دو مورد اول، بیان و کیفیت نقش برجسته طرح با تعداد نقاط خالی یا راه راه افقی نسبت مستقیم دارد. در این راستا، قبل از ساخت ماکت، توصیه می شود خطوط افقی اضافی با ارتفاع متوسط ​​بین خطوط اصلی نقش برجسته در نقشه برای چسباندن بعدی آنها در مدل بازیابی و ترسیم شود.

پس از تهیه مدل فرعی، شروع به ساخت ماکت از شی می کنند

گاهی اوقات شرایطی وجود دارد که لازم نیست یک وب سایت از ابتدا ایجاد کنید و مفهوم آن را با دقت بررسی کنید. امروزه در اینترنت می توانید قالب های رایگان زیادی پیدا کنید که با استفاده از آنها می توانید به سرعت یک وب سایت زیبا و مدرن ایجاد کنید. طراحی صفحات وب ثابت نمی ماند - روندهای جدیدی به طور مرتب در آن ظاهر می شود که تأثیر جدی بر نتایج کار طراحان دارد. من بسیار خوشحالم که بسیاری از طراحان حریص نیستند و ثمره کار خود را با ارسال ماکت ها و قالب هایی برای دسترسی رایگان به اشتراک می گذارند. FreelanceToday 15 ماکت وب سایت PSD رایگان را که می توانند در پروژه های شخصی و تجاری مورد استفاده قرار دهند، مورد توجه شما قرار می دهد.

قالب صفحه فرود رایگان برای یک رستوران. این چیدمان رویکردی جسورانه برای طراحی دارد و برای وب سایت کافه یا رستوران عالی است. طراحی بسیار متفکرانه - چیدمان دارای 37 بلوک است که به گونه ای چیده شده اند که بازدید کننده سایت مایل به بازدید از رستوران باشد.

قالبی زیبا و شیک که توسط طراح Orkan Sep طراحی شده است. تفاوت اصلی این تک پیجر در رنگ بندی دلپذیر و استفاده از شش ضلعی به عنوان عنصر اصلی طراحی است.

این طرح می تواند به عنوان پایه ای برای ایجاد یک وب سایت نمونه کارها برای عکاسان و تصویرگران استفاده شود.

چیدمان با پررنگ و طراحی مدرن. بلوک های روشن با بلوک های تاریک تعامل دارند که تعامل با سایت را بسیار ساده می کند. همانطور که از نام آن پیداست، این قالب با در نظر گرفتن نیازهای آژانس های خلاق، استودیوهای وب و سایر انجمن های خلاق ایجاد شده است.

یک قالب فوق العاده که برای طراحان، توسعه دهندگان یا فریلنسرهایی که می خواهند کار و مهارت های خود را به نمایش بگذارند مناسب است. این طرح امکان ارسال اخبار و همچنین محتوای موضوعی را فراهم می کند.

این قالب شگفت انگیز که توسط طراح Camille Koperwas طراحی شده است، می تواند برای ایجاد یک وب سایت آژانس طراحی استفاده شود. هنگام ساخت قالب فقط از فونت های رایگان استفاده شده است که هم در نسخه دسکتاپ و هم در نسخه موبایلی سایت قابل استفاده است.

این قالب وب سایت چند منظوره توسط استودیو PixelMustashe ساخته شده است. کار چشمگیر - از این الگو می توان برای ایجاد یک وب سایت چند صفحه ای مدرن استفاده کرد. در مجموع، این طرح شامل 16 فایل است که لایه‌بندی‌های PSD هستند. شبکه ای با طراحی خوب، طراحی ساده و تمیز - طرح بندی برای ایجاد طیف گسترده ای از وب سایت ها مناسب است.

اثر دیگری که به صورت رایگان توسط استودیو PixelMustashe در دسترس قرار گرفت. این قالب از 8 فایل PSD به راحتی قابل ویرایش تشکیل شده است - اینها طرح بندی صفحات اصلی و داخلی هستند.

این طرح که توسط طراح ارنست آسانوف ایجاد شده است، می تواند برای اهداف مختلفی استفاده شود. با این حال، واضح است که این الگو برای ایجاد یک وب سایت تجاری که هر کالایی در آن فروخته می شود، ایجاد شده است. این یک فروشگاه اینترنتی نیست، بلکه سایتی برای فروش دو یا سه محصول است در این مورد– برای کتاب های عکس که با این حال، مانع از استفاده از این طرح برای نیازهای خود نمی شود.

این قالب رایگان برای یک وب سایت کارت ویزیت برای یک هتل یا، به عنوان مثال، یک استراحتگاه عالی است. قالب جالب است، اما یک شبکه کمی عجیب دارد که برای همه مناسب نیست.

قالب وب سایت نمونه کارها مدرن. هم برای آژانس ها و هم برای فریلنسرهای انفرادی مناسب است. تنها کاری که باید انجام دهید این است که متن و در صورت لزوم تصاویر را جایگزین کنید.

آیا می خواهید یک وبلاگ شیک ایجاد کنید؟ این قالب رایگان را با طراحی منحصربفرد دانلود کنید که تاثیر بسیار خوبی بر بازدیدکنندگان شما خواهد گذاشت.

آیا می خواهید یک وب سایت برای سالن خالکوبی ایجاد کنید، اما نمی دانید طراحی آن چگونه باید باشد؟ می توانید این قالب رایگان را آزمایش کنید یا از آن به عنوان پایه ای برای طراحی خود استفاده کنید.

قالب cLand یک صفحه فرود با طراحی بسیار ساده و تمیز است. ایده آل برای ایجاد یک صفحه فرود با مقدار کمی محتوا.

طرح YukNgalam که توسط طراح Dani Rizki ایجاد شده است، برای کسانی که می خواهند یک وب سایت راهنما ایجاد کنند مفید خواهد بود. طرح بندی رایگان است و می توان از آن برای پروژه های شخصی و تجاری استفاده کرد.

تعداد کمی از مردم می دانند که یکی از راه های موثرطراحی Layout است. از این گذشته، هنگامی که یک طرح را ایجاد می کنید، بسیاری از لحظات نسبت به نقاشی واضح تر می شوند، بنابراین هنگام طراحی باید از این روش استفاده کنید. یعنی ما طرحی را نه برای تجسم نهایی پروژه، بلکه برای طراحی دقیق می سازیم. طرح، دید حجمی-فضایی و تفکر معماری-تخیلی را توسعه می دهد. این برای فرآیند طراحی بسیار مهم است. یک چیدمان کاری این امکان را به شما می دهد که به صورت بصری ایده های خود را ارائه دهید و آزادانه با حجم و فضا کار کنید.

طرح های بزرگ - ساخت یک کشتی، یک کلیسای جامع، یک قلعه - به ندرت بدون مدل تکمیل می شد. در روسیه در زمان کاترین، کارگاه های جواهرات دربار وجود داشت که چیزهای شگفت انگیزی می ساختند - مدل های کالسکه، کشتی ها، کاخ ها. پیتر کبیر یک طراح مدل عالی بود و از این هنر بسیار قدردانی می کرد. در سنت پترزبورگ، در موزه نیروی دریایی، یک مدل عالی از یک کشتی جنگی ساخته شده توسط تزار وجود دارد (این پیچیده ترین نوع مدل سازی است).

چیدمان داخلی از کاغذ و مقوا

چیدمان ها متفاوت است:

• ماکت های خشن برای درک طرح و حجم ساخته شده اند (از هر ماده ای می توان تهیه کرد، اما معمولاً مقوا است)
• طرح بندی نهایی نهایی تجسم حجمی پروژه است

موادی که می توان از آنها یک مدل ساخت می تواند هر نوع باشد، اما به عنوان یک قاعده، مواد اصلی برای ساخت یک مدل کاغذ و مقوا است، زیرا این مواد مقرون به صرفه و آسان برای پردازش هستند. بسیاری از عناصر را می توان از مقوای راه راه ساخته و به راحتی برش داد و چسباند.

ماکت های خشن معمولا از مقوای راه راه ساخته می شوند. اما به طور کلی، می توانید از هر مقوا و کاغذی برای یک چیدمان خشن استفاده کنید، نکته اصلی این است که در کار با مواد احساس راحتی کنید.

طرح باید در چه مقیاسی ساخته شود؟

مقیاس باید طوری انتخاب شود که طراحی در چیدمان برای شما راحت باشد و البته مقیاس به اندازه واقعی شی بستگی دارد، به عنوان مثال، هنگام طراحی یک طراحی آپارتمان، می توانید مقیاس 1 را بگیرید: 10، به این معنی که یک متر واقعی در چیدمان شما 10 سانتی متر در چنین مقیاس بزرگی خواهد بود که طراحی آن برای شما آسان خواهد بود و همه چیز بسیار واضح خواهد بود. اما اگر مقیاس هنوز به نظر شما بزرگ است، می توانید مقیاس دیگری را انتخاب کنید.

چه ابزارهایی برای ایجاد یک طرح مورد نیاز است؟

شما قطعا به ابزار نیاز خواهید داشت.

1. می توانید یک چاقوی تخته نان را از فروشگاه خریداری کنید یا بهتر است بلافاصله تیغه های یدکی چاقو را خریداری کنید ، زیرا آنها به سرعت کدر می شوند و می شکنند. یا می توانید تیغه را تیز کنید، آن را روی یک تکه تخته فیبر بچسبانید و وقتی تمام مواد ساینده پاک شد، یک قانون عالی برای چاقوی تخته نان خواهید داشت.
2. تشک برش، برش راحت است و روی چنین تشک، نوک چاقوی تخته نان را نمی شکنید
   
3. چسب، شما قطعا به چسب نیاز خواهید داشت، می توانید PVA یا Moment را بگیرید. هنوز از چسب PVA استفاده می کنند.
4. خط کش آهنی که دقیقاً جزئیات چیدمان خود را بر روی آن خواهید برد. ممکن است به یک مربع فلزی نیز نیاز داشته باشید.

البته برای ایجاد یک چیدمان، به مهارت و تجربه کار با کاغذ نیاز دارید. اما من به شما ایمان دارم، موفق خواهید شد.