در ایجاد یک وب سایت ، مرحله ارائه طراحی صفحه بسیار مهم است ، که پس از آن نوع می شود و در شبکه منتشر می شود. در این مقاله ، شما می آموزید که چگونه از Adobe Photoshop برای ترسیم یک طرح صالح برای یک وب سایت استفاده کنید ، بعداً بر اساس آن می توانید طرح های پیچیده تری ایجاد کنید.
لازم است
برنامه Adobe Photoshop
دستورالعمل ها
مرحله 1
یک پرونده جدید در فتوشاپ (Ctrl + N) با ابعاد 1040x1400 ایجاد کنید ، جایی که ارتفاع 1400 است. نمایش خط کش ها (Ctrl + R) را روشن کرده و پیکسل ها را به عنوان واحد اندازه گیری در تنظیمات خط کش قرار دهید.
گام 2
راهنماها را به گونه ای شروع کنید که متناسب با مرزهای جعبه های طرح قرار گیرند. مرزهای کناری را کشیده تا 40 پیکسل به لبه ها بماند. مرزهای بالا و پایین همچنین باید 40 پیکسل در هر طرف به مرزهای پس زمینه داشته باشند.
مرحله 3
سپس راهنمایی را انتخاب کنید که از بالای پس زمینه 200 پیکسل پایین باشد برای هدر بالای صفحه.
مرحله 4
برای تشکیل ستون های کناری در سمت چپ و راست طرح ، راهنماها را از مرز پس زمینه به سمت چپ 240 ، و 800 به راست تنظیم کنید.
مرحله 5
5 پیکسل به داخل از نوار کناری سمت چپ و راست و دو راهنمای عمودی دیگر رسم کنید. سپس دو راهنمای دیگر 245 پیکسل به سمت چپ و 795 پیکسل به سمت راست بکشید.
مرحله 6
اکنون از مرز هدر 30px اندازه بگیرید و یک راهنمای افقی برای منوی افقی ترسیم کنید.
مرحله 7
با استفاده از کلید M منطقه باریکی از منوی افقی را که تازه با انتخاب مستطیل مشخص کرده اید ، انتخاب کنید. ابزار fill را انتخاب کنید و قسمت را با یک رنگ خاکستری روشن خنثی پر کنید.
مرحله 8
ابزار fill را انتخاب کنید و قسمت را با یک رنگ خاکستری روشن خنثی پر کنید. بر روی منوی "انتخاب-اصلاح-فشرده سازی" کلیک کنید ، گزینه 1 پیکسلی را مشخص کرده و "تأیید" را کلیک کنید. منطقه را با سایه خاکستری روشن تر پر کنید - یک قاب منو خواهید داشت.
مرحله 9
یک لایه جدید ایجاد کنید و یک تصویر مناسب برای نماد یا آرم سایت انتخاب کنید و سپس آن را باز کنید.
مرحله 10
یک تصویر را روی یک لایه جدید در هدر قرار دهید ، آن را در لبه سمت چپ قرار دهید. در سمت راست تصویر ، با استفاده از هر قلم عنوان متن سایت را بنویسید.
مرحله 11
بلوک های وب سایت خود را در همان رنگ بندی عنوان جدید ایجاد کنید. ناحیه نوار کناری سمت چپ را انتخاب کنید و همان عملیات پر کردن دو رنگ را روی آن انجام دهید همانند بلوک منو.
مرحله 12
همین کار را با محتوا در وسط مرکز انجام دهید. لایه نوار کناری سمت چپ را کپی کرده و به عنوان نوار کناری سمت راست قرار دهید.
مرحله 13
متن را به طرح خود اضافه کنید - یک قلم خنثی انتخاب کنید و عناوین منو ، نمونه اخبار ، عکس ها ، برچسب ها و پیوندها را پر کنید.
مرحله 14
طرح را با ایجاد "پاورقی" یا پاورقی به پایان برسانید - حق چاپ و مخاطبین خود را در آنجا بنویسید.
