محتوا

• گام برداشتن
• روش 1 از 2: 3 قانون اساسی
• روش 2 از 2: رهنمودها
• نکات
• هشدارها

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

گام برداشتن

روش 1 از 2: 3 قانون اساسی

1. قانون 1:به حرف مشتری خود گوش دهید. شما ممکن است در حال طراحی "بزرگترین وب سایت جهان در طول تاریخ جهان و فراتر از آن" باشید ، با سیاه پوستان غنی ، قلم های تصفیه شده و رنگ های روشن و هنری برای سایتی که فریاد می کشد "اکنون مرا کاوش کنید!" متأسفانه ، مشتری شما یک نوار منوی نارنجی با حروف صورتی و نارنجی روشن می خواهد. شما اخراج شده اید و بهترین وب سایت شما - که مشتری از آن برخوردار است - جایی در دیسک پشتیبان وی است ، بدون اینکه کسی دوباره آن را ببیند.
   • هویت شرکتی مشتری خود را مطالعه کنید. از مشتری بخواهید چند وب سایت مورد علاقه خود را به شما نشان دهد. این نه تنها به شما ایده ای از آنچه آنها دوست دارند می دهد ، بلکه به شما چند ایده طراحی می دهد که شاید فکرش را هم نکرده باشید.
   • اگر فکر می کردید در مورد وب سایت نارنجی و صورتی شوخی می کنیم ، این سایت جالب و جذاب را در نظر بگیرید:
2. قانون شماره 2:مخاطبان خود و آنچه آنها به دنبال آن هستند را بشناسید و طراحی شما را متناسب با آن تطبیق دهید. دلیل اینکه مردم وب سایت دارند این است که آنها می خواهند افراد دیگر آنها را ببینند. این می تواند آموزنده ، تجاری یا برای سرگرمی مخاطبان خاص باشد. وظیفه شما به عنوان یک طراح این است که بدانید برای چه شخصی طراحی می کنید و هنگام فرود در آنجا آنها را در صفحه نگه دارید.
   • ممکن است فکر کنید ، "اگر خوب به نظر برسد ، آنها می مانند". اما لزوماً نباید اینگونه باشد. به عنوان مثال املاک و مستغلات را در نظر بگیرید. در اینجا سایتی با طراحی تمیز و سرگرم کننده وجود دارد. فضای سفید زیادی دارد که ظاهری باز ، رنگهای روشن و فرمت مدرن صفحه عریض با پیوندهایی در یک مکان برجسته می دهد:
   • اکنون نگاهی به این روش برای فروش املاک و مستغلات در همان منطقه بیندازید: آشفته و بسیار شلوغ ، رنگ های مبهم و پوشیده از تبلیغات.
   • حدس بزنید کدام یک برای کسانی که به دنبال خانه هستند بهتر کار می کند؟ درست است ، همان جایی که خانه ها! وقتی مردم به دنبال "خانه های فروشی در سانتا مونیکا" می گردند ، برایشان مهم نیست که یک سایت چگونه به نظر می رسد. آنها نمی خواهند در مورد آژانس املاک مطالعه کنند یا تصاویر زیبایی از شهر را ببینند. آنها می خواهند خانه ها را ببینند.
3. قانون شماره 3:به خودت گوش کن. شما می دانید مشتری چه می خواهد و می دانید بازار شما به دنبال چه چیزی است. اکنون سرانجام وقت آن رسیده است که به شما طراح توجه کنیم!
   • الگویی را در نرم افزار گرافیک مورد نظر خود بسازید. عناصر صفحه خود را روی لایه های مختلف قرار دهید (بنابراین می توانید بعداً چیزها را تغییر دهید و بدون از بین بردن کل الگو). این عناصر می توانند:
     • سرتیتر. این عنصری است که در هر صفحه از سایت شما یکسان است. عنوان شامل عنوان و آرم سایت و همچنین پیوند به قسمت های دیگر وب سایت (به عنوان مثال About ، Contact و غیره) است. بصری و عملی این همه را به هم گره می زند. روش خوبی است که اولین دکمه را در نوار منو به صفحه اصلی پیوند دهید.
     • به عنوان مثال ، بیایید نگاهی به اپل بیندازیم:
     • همانند اکثر موارد اپل ، صفحه اصلی آنها از طراحی کاملاً تمیز و ساده ای برخوردار است. به نوار منو در بالا ، با موضوعات منطقی برای هر دکمه ، به علاوه یک قسمت جستجو توجه کنید - اگر سایت شما از آن پشتیبانی می کند ، همیشه ایده خوبی است. حالا بیایید به صفحه فرود یکی از دکمه ها ، iPad نگاه کنیم تا چند عنصر را ببینیم:
     • نوار منو فقط با تیره شدن دکمه iPad تغییر می کند.
     • موضوع صفحه فرود با حروف بزرگ سیاه نشان داده می شود.
     • منوی فرعی جدیدی ظاهر می شود تا بتوانید درباره محصول بیشتر بیاموزید. اگر روی یکی از این دکمه ها کلیک کنید ، خواهید دید که هر صفحه بسته به موضوع ، محتوای جدیدی را ارائه می دهد ، اما از لحاظ طرح و طراحی یکسان خواهد بود.
     • اغلب اوقات ، هر مبحث اصلی در نوار منوی شما دارای زیرعنوان های مختلف برای پر کردن است. به جای ایجاد یک نوار منوی دوم ، می توانید از منوهای بازشو مانند این مثال از Musicians Friend استفاده کنید:
     • نوار کناری. این در بسیاری از صفحات سایت شما ظاهر می شود ، اما نه لزوماً همه - زمینه تعیین می کند. با این حال ، این یک عنصر بسیار مهم است و باید با دقت طراحی شود تا بصری باشد و خیلی شلوغ نباشد. برخلاف نوار منو ، محتوای یک نوار کناری می تواند بسیار پویا باشد. این دو ستون کناری موجود در بازاریاب املاک و مستغلات Trulia را بررسی کنید اولین مورد برای خریداران است:
       
       

روش 2 از 2: رهنمودها

1. رابط کاربری خوبی طراحی کنید. عناصر مختلف وب سایت مانند عنوان ، ستون های کناری ، آرم ها ، تصاویر و متن را در همان مکان در هر صفحه قرار دهید تا سایت شما قابل مرور و شهود باشد.
   • در بالای هر صفحه همان سرصفحه را نگه دارید. چه محتوای سایت شما امکان تکرار عناصر زیادی را داشته باشد یا نه ، اطمینان حاصل کنید که بالای هر صفحه یکسان است.
   • در طراحی خود از منطق استفاده کنید. عناصر موجود در یک صفحه باید براساس اهمیت یا موضوع مرتب شوند. صفحات مختلف سایت نیز باید باشد.
2. یک سبک سازگار ایجاد کنید. جایی که طرح باید سازگاری ساختاری به سایت شما بدهد ، سبک باید هماهنگی موضوعی را فراهم کند.
   • به دو یا سه رنگ اصلی بچسبید و مطمئن شوید که به خوبی با هم ترکیب می شوند.
   • از به کار بردن بیش از حد سبک یا اندازه قلم خودداری کنید. اگر می خواهید چند عدد را جایگزین کنید ، از آنها به همان روش در هر صفحه استفاده کنید.
   • از Cascading Style Sheets (CSS) برای حفظ یک سبک یکنواخت و تغییر آسان در کل وب سایت بدون نیاز به رفتن به هر صفحه به طور جداگانه استفاده کنید.
3. خوانایی را به حداکثر برسانید. برای آسان تر خواندن متن ، می توانید آن را به قسمت های کوچکتر تقسیم کنید.
   • برای جداسازی هر یک از قسمت ها از زیرنویس و فاصله مناسب استفاده کنید.
   • برای نشان دادن سلسله مراتب و اهمیت مباحث از حروف پررنگ یا اندازه های مختلف استفاده کنید.
   • به نحوه برخورد با متن توجه کنید. فونت را خیلی کوچک نکنید و برای آسان تر خواندن متن های بزرگ فاصله را افزایش دهید. خواندن تکه های بزرگ متن دشوارتر است. آن را به بندهای کوچکتر تقسیم کنید.
4. وب سایت خود را بصورت جهانی خواندنی کنید. از HTML استاندارد استفاده کنید و از برچسب ها ، ویژگی ها و افزونه هایی که فقط برای یک مارک یا نسخه از مرورگر در دسترس هستند خودداری کنید.
   • در حالی که اکثر مرورگرها و رایانه های مدرن از پس کنترل تصاویر پیچیده برمی آیند ، اگر تصاویر خود را برای وب کوچک و بهینه کنید ، همه چیز نرم و آرام خواهد شد. اهمیت کیفیت را در مقابل اهمیت سرعت بسنجید.
5. وب سایت خود را آزمایش کنید. مطمئن شوید که هر پیوندی کار می کند همانطور که انتظار دارید و تصاویر به درستی ظاهر می شوند.
   • ممکن است بخواهید با استفاده از اعضای مخاطب هدف خود ، وضوح و سهولت استفاده از طرح خود را آزمایش کنید و درباره وب سایت خود بازخورد دهید ، برخی از تست های کاربر را سازماندهی کنید.
6. وب سایت خود را منتشر کنید. اگر قبلاً این کار را نکرده اید ، یک نام دامنه بخرید. به صورت دوره ای بررسی کنید که آیا پیوندها هنوز کار می کنند یا نه و به پیشنهاداتی که بازدید کنندگان از طریق ایمیل برای شما ارسال می کنند گوش دهید.

نکات

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

هشدارها

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