2- طرح اولیه چیدمان مورد نظرتان را رسم کنید:
رسم یک طرح اولیه از چیدمانی که در ذهن دارید می تواند در مورد جایگاه عناصر وبسایت ایده خوبی به شما بدهد. عکس، متن، ویدئو یا هر چیز دیگری باید از لحاظ دیداری در جایگاهی قرار بگیرد که چیدمان جذابی را ایجاد کند. وقتی طرح اولیه آماده شد، طراح می تواند برای دستیابی به یک طرح بی عیب و نقص، با توجه به ایده هایی که قبلاً یادداشت نموده است، تغییرات و جابجایی هایی را اعمال کند.
3- کار خود را با فتوشاپ و در سیستم مشبک شروع کنید:
طرحی که آماده کرده اید را در آخرین نسخه فتوشاپ اجرا کنید. به منظور قرارگیری دقیق عکس ها، متن ها ، ویدئو ها و غیره در مکانی که قبلاً در ذهن داشتید، فضای فتوشاپ را مشبک (Grid) کنید. هدف از این کار، تقویت ساختار بخش های مختلف وبسایت است. در واقع این اولین گام در مسیر دستیابی به کمال در طراحی چیدمان وبسایت است.
4- فونت مورد نظرتان را انتخاب کنید:
در دنیای وب، شکل ظاهری مهم ترین مسئله است. بنابراین انتخاب فونت مناسب بسیار حائز اهمیت است. برای ایجاد جذبه بصری تاثیرگذار، فونت مورد استفاده باید به قدر کافی درشت و برجسته باشد. باید طوری باشد که کاربر وبسایت به راحتی قادر به خواندن متن باشد. رعایت همسانی نیز مسئله مهمی است. در واقع بهتر است در کل وبسایت از یک نوع فونت استفاده کنید و در جاهای خاصی فونت را تغییر دهید. اما اینکه از چند فونت مختلف استفاده کنید اصلا توصیه نمی شود.
5- تم رنگ مورد نظرتان را انتخاب کنید:
کار رنگ ها زندگی بخشیدن به محیط سایت است از اینرو رنگ ها عناصر حیاتی برای سلامت وبسایت هستند. هنگام انتخاب رنگ از پالت رنگ فتوشاپ، راهبردهای تجاری شرکت صاحب سایت را در نظر داشته باشید. انتخاب رنگ ها از روی لوگوی شرکت، ایده خیلی خوبی است اما نمی توان همیشه به آن متکی بود. برای دستیابی به بهترین انتخاب، رنگ های مشابه و نیز رنگ های متضاد را امتحان کنید. پس از انتخاب رنگ، طراح سایت باید دوباره در مورد جذاب بودن رنگ مورد استفاده فکر کند و این احتمال که این رنگ به قدر کافی برای کاربران برانگیزاننده نیست را مورد بررسی قرار دهد. جذاب بودن و برانگیزاننده بودن رنگ ها، می تواند ترافیک سایت را تحت تاثیر قرار دهد.
6- از تصاویر مناسبی استفاده کنید:
تصاویر، ایده ها و افکار را به بهترین نحو توصیف می کنند به همین علت برای بیان دیدگاه های تجاری مناسبند. مثلا تصاویر دقیقی که جزئیات محصولات را به مصرف کنندگان نشان می دهند، سبب افزایش اعتماد کابران و مشتریان می شوند.
7- ساختار چیدمان را به بلوک های مختلف تقسیم کنید:
برای ایجاد یک ساختار یکدست، بخش های مختلف وبسایت باید با دقت به هم متصل شوند. به این منظور، باید ساختار کلی سایت به بلوک هایی تقسیم شده و بررسی شود که هر بخش چقدر فضا نیاز دارد. همچنین برای دستیابی به حداکثر جذابیت، باید بین بخش های مختلف، فاصله مناسبی در نظر گرفته شود.
8- به ریزه کاری ها و جزئیات اهمیت بدهید:
از آنجا که جزئیات و ریزه کاری ها در جذابیت وبسایت موثر هستند، اهمیت دادن به آن ها اجتناب ناپذیر است. فرقی ندارد این جزئیات افزودن طیف رنگی به صورت gradient به دکمه های عملیاتی باشد یا تغییر رنگ یا حتی یک انیمیشن یا هر چیز دیگر. آنچه مهم است این است که هدف از به کار بردن آن ها ایجاد ظاهری یکپارچه و پیوسته باشد و نه ایجاد بخش های جدا از هم و پراکنده. پس از استفاده از هر کدام از این موارد، طراح باید وبسایت را مجدداً مورد بررسی قرار دهد و جزئیات طرح سایت را تنظیم نموده و کاستی های آن را برطرف کند تا به بهترین حالت ممکن دست پیدا کند.
9- از بالاترین رزولوشن ممکن استفاده کنید:
پیکسل های تار، از ناخوشایند ترین چیزها در دنیای وب هستند. کاربران به وبسایت هایی که تصاویر و یا حتی حاشیه تصاویر مورد استفاده آن ها تار است، علاقه ای ندارند و از آن ها دوری می کنند. بنابراین طراح سایت به منظور جلوگیری از تار شدن تصاویر، باید طرحی با رزولوشن مناسب را ارائه دهد. عدم توجه به این مسئله، حس ناخوشایندی را در کاربران پدید می آورد. مخصوصا این روزها که کیفیت صفحات نمایش دستگاهها در حال افزایش مداوم است.
10- برای دستگاه های مختلف طراحی کنید:
در طراحی چیدمان سایت، طراح باید تنوع دستگاه های مورد استفاده کاربران را در نظر داشته باشد. امروزه همه سایت ها باید ریسپانسیو یا واکنش گرا باشند. بنابراین طراح سایت باید سازگاری وبسایت با نمایشگرهای مختلف و امکان دسترسی کاربران به بخش های مختلف وبسایت را بررسی نماید.
11- ایده های توسعه دهنگان وب را در نظر بگیرید:
توسعه دهندگان و برنامه نویسان ذهن خلاقی دارند و آنقدر تخصص دارند که بتوانند در چیدمان کلی وبسایت به شما مشورت بدهند. ازاینرو باید از همان مرحله ایده پردازی اولیه، نظر آن ها را جویا شوید در غیر اینصورت بعد از تکمیل طراحی، ناسازگاری هایی پیش خواهد آمد. یقیناً اگر ایده هایتان را با توسعه دهندگان در میان بگذارید، کارها بهتر پیش می رود.
12- سایت را دائماً چک کنید:
هنگامی که سایتی به مرحله توسعه وارد می شود، طراح باید چیدمان وبسایت را زیر نظر داشته باشد تا اختلالی در چیدمان طراحی شده ایجاد نشود و سایت در عمل همان چیدمانی را داشته باشد که برای آن طراحی شده بود.