نه تنها مردم با لباس هایشان روبرو می شوند ، بلکه وب سایت ها نیز با آنها روبرو می شوند. لباس سایت طراحی آن است. یک طراحی با کیفیت و جذاب از منابع تأثیر مطلوبی را در کاربران ایجاد می کند ، در نتیجه از وفاداری و تمایل آنها برای اختصاص دادن وقت خود به مشاهده بیشتر اطمینان حاصل می کند. علاوه بر کیفیت ، اصالت و منحصر به فرد بودن طراحی مهم است. موضوعات فرسوده بازدیدکنندگان را دفع می کند. اما توسعه یک طراحی منحصر به فرد گران است. به همین دلیل بسیاری از مدیران وب تازه کار در فکر این هستند که چگونه می توان با دستان خود طراحی وب سایت را ترسیم کرد.
لازم است
- - مداد؛
- - کاغذ؛
- - ویرایشگر گرافیکی شطرنجی GIMP یا فتوشاپ
- - اختیاری: ویرایشگر گرافیک برداری (به عنوان مثال CorelDraw) ؛
- - اختیاری: محیط مدل سازی 3D (3DStudio ، بلندر) ؛
- - مرورگر مدرن
- - دسترسی به اینترنت.
دستورالعمل ها
مرحله 1
یک مفهوم طراحی وب سایت ایجاد کنید. در مورد سبک ، طرح رنگ ، طرح بندی صفحه (اندازه هدر سایت ، مکان منو ، بلوک های متن ، تصاویر) تصمیم بگیرید. خوب است اگر مفهوم طراحی بر اساس ایده های اصلی باشد. اما اگر کمبود آنها وجود دارد ، می توانید از تجزیه و تحلیل راه حل های موجود الهام بگیرید. به عنوان مثال ، فهرست کاتالوگ های موضوعات محبوب CMS. نتیجه کار می تواند طرحی از صفحه سایت باشد که با مداد روی یک ورق کاغذ ساخته شده است ، مناطق مختلف اندازه و ثابت را نشان می دهد.
گام 2
الگوی صفحه سایت خالی را در یک ویرایشگر گرافیکی شطرنجی ایجاد کنید. سند جدیدی را در یک ویرایشگر گرافیکی باز کنید. اندازه اسناد باید هم از نظر افقی (حتی اگر قصد ایجاد طرح "روان") را ندارید و هم از حالت عمودی بسیار بزرگتر از حداقل اندازه صفحه باشد. یک لایه شفاف جدید اضافه کنید. در لایه اضافه شده ، با رعایت ابعاد واقعی عناصر ، تصویر الگو را با خطوط ضخامت 1 پیکسل ترسیم کنید. برای طراحی صفحه های با عرض ثابت ، حاشیه هایی را تعیین کنید که با رنگ زمینه پر شوند.
مرحله 3
از اینترنت بارگیری کنید یا عناصر طراحی صفحه خود را طراحی کنید. آرم و عناصر طراحی منحصر به فرد را می توان در محیط مدل سازی 3D ، بردار یا ویرایشگر شطرنجی ایجاد کرد. تعداد زیادی از تصاویر موضوعی با وضوح بالا در بانکهای عکس اینترنتی رایگان وجود دارد. همچنین مجموعه آیکون های رایگان در اینترنت وجود دارد که می توانید آزادانه در پروژه های خود از آنها استفاده کنید.
مرحله 4
طراحی وب سایت را ترسیم کنید. لایه های شفاف را به یک سند حاوی الگوی صفحه وب سایت در یک ویرایشگر گرافیکی اضافه کنید. مناطقی را که با پس زمینه صفحه مطابقت دارند انتخاب و پر کنید. مناطق را با پرشدگی شیب دار و بافت های دوره ای پر کنید. درج آرم ، تصاویر ثابت ، آیکون ها. مرزهای بلوک را ترسیم کنید. مقداری متن اضافه کنید. هر عنصر طراحی به پایان رسیده ، تصویر ثابت و آرم را روی یک لایه جداگانه قرار دهید. تصاویر را به صورت لایه ای حرکت دهید تا به طرح مورد نیاز برسید.
مرحله 5
"منبع" طراحی سایت را در قالب "بومی" ویرایشگر گرافیک ذخیره کنید. به شما این امکان را می دهد که بعداً به ویرایش آن برگردید.
