مبانی طراحی سایت که کمک میکند سایت خوبی راه اندازی کنید
اگر در حال ایجاد یک وب سایت برای یک تجارت کوچک، محصول، خدمات یا نمونه کار خود هستید، لازم است با اصول
طراحی وب آشنا شوید. چندین عنصر کلیدی وجود دارد که باید در نظر بگیرید، مانند هدف وب سایت شما، شناسایی مخاطب، طراحی، قابلیت استفاده و نام تجاری.
درک اصول طراحی وب سایت حرفه ای تواند با ایجاد اعتبار و ایجاد اعتماد بین بازدیدکنندگان، به افزایش اعتبار برند یا کسب و کار شما کمک کند. اگرچه جنبه های زیادی از طراحی وب وجود دارد که باید در نظر گرفته شود، ما برخی از اصول اولیه طراحی وب را که برای راه اندازی وب سایت خود به آن نیاز دارید، پوشش خواهیم داد-
هدف را مشخص کنید
اولین مرحله از ایجاد وب سایت شما، تعیین هدف وب سایت شما است. آیا یک نمونه کار دیجیتال ایجاد می کنید، خدمات کسب و کار خود را به مشتریان بالقوه نشان می دهید یا محصولات را به صورت آنلاین می فروشید؟ هدف وب سایت شما چیست؟ وضوح نکته کلیدی است: اگر کاربران وب سایت شما را درک نکنند، آنها را ترک خواهند کرد. هدف وب سایت شما باید واضح و مستقیم باشد.
وب سایت نویسنده النا کاین یک مثال عالی است. در بالای صفحه فرود، بیننده به سرعت متوجه می شود که النا یک نویسنده آزاد است که در بازاریابی دیجیتال تخصص دارد و با تجربه، توصیفات و نتایج خود از آن پشتیبانی می کند. یک کاربر می‌تواند فوراً بگوید که او کپی‌نویسی، روح‌نویسی و نوشتن وبلاگ را ارائه می‌دهد.
هنگامی که هدف وب سایت خود را مشخص کردید، گام بعدی این است که مخاطبان هدف خود را تعیین کن
مخاطب هدف خود را شناسایی کنید
وب سایت شما برای چه کسی است؟ طراحی برای کاربران مورد نظر شما یکی از اصول اساسی طراحی وب است. اگر شما یک طراح محصول هستید که به دنبال شغل جدیدی هستید، مخاطبان هدف شما برای سایت نمونه کارها استخدام مدیران و استخدام کنندگان هستند. این به شکل دادن به آنچه در وب سایت شما اولویت دارد و نحوه قیف کردن کاربران به مکان مناسب کمک می کند.برای مثال در طراحی وب سایت شرکتی باید توجه داشته باشید که هدف اصلی شما چیست و مخاطبان شما به دنبال چه چیزهایی هستند.
برای شناسایی مخاطبان هدف خود، تحقیقاتی را در مورد جمعیت شناسی، موقعیت مکانی و اهداف کاربر انجام دهید. به وب‌سایت‌های رقیب و صفحات رسانه‌های اجتماعی آنها نگاهی بیندازید تا مخاطبان هدف آنها را تجزیه و تحلیل کنید و آنها را با نیازهای وب‌سایت خود مقایسه کنید. همچنین سعی کنید در مورد مخاطبان هدف خود تحقیق کنید و محتوای وب سایت خود را متناسب با نیازهای آنها کپی کنید. این شانس آنها را برای به خاطر سپردن سایت شما افزایش می دهد.
وب سایت Razer با تجهیزات بازی، ماوس، کنترل، صفحه کلید و هدفون به عنوان تصویر صفحه اصلی
مخاطبان هدف ریزر، گیمرها، به وضوح از طریق برندسازی و تصاویر خود از طریق Razer مشخص هستند.
Razer لوازم جانبی بازی برای رایانه ها و کنسول های بازی ویدیویی ایجاد می کند. نام تجاری Razer، طرح رنگ و استفاده از تصاویر تیره، همه برای گیمرها جذاب است که تمایل دارند در محیط های تاریک تر بازی کنند. این شرکت از طریق استفاده از تصاویر محصولات بازی خود و همچنین لحن در زبان آنها، تبلیغات "مزیت ناعادلانه" محصولات خود، مخاطبان هدف خود را به صورت شنیداری تعریف کرده است.
Razer تلاش های هماهنگی را انجام می دهد تا از طریق پورتال اجتماعی خود به مخاطبان خود برسد. در وب‌سایت جدید خود، یک بخش انجمن یا حداقل یک صفحه تماس را در نظر بگیرید.
ایجاد یک طرح
اکنون که هدف و مخاطبان وب سایت خود را می دانید، وقت آن است که برنامه ریزی کنید. آیا وب سایت خود را از طریق استخدام یک توسعه دهنده ایجاد می کنید یا سعی در کشف HTML، CSS و جاوا اسکریپت دارید؟ اگر نیستید، ناامید نشوید. سرویس‌هایی مانند Squarespace، Wix و WordPress وجود دارند که راه‌های بدون کد را برای ایجاد وب‌سایتی که از پلتفرم‌های دسکتاپ و موبایل پشتیبانی میکند، ارائه می‌دهند.
پس از تصمیم گیری، بودجه خود را برای میزبانی وب و دامنه مشخص کنید. و تصمیم بگیرید که چه زمانی سایت خود را راه اندازی کنید. اگر اطلاعات بیشتری در مورد نحوه ایجاد یک وب سایت، انتخاب دامنه و میزبانی وب می خواهید، ما شما را تحت پوشش قرار می دهیم.
جستجو برای الهام
با جستجوی الهام از سایت های دیگر، ایده هایی برای وب سایت خود ایجاد کنید! اگر احساس می کنید گیر افتاده اید، در مورد اینکه از کجا شروع کنید سردرگم هستید، یا مطمئن نیستید که می خواهید وب سایت شما چگونه به نظر برسد، تعداد زیادی وب سایت برای رضایت پالت شما وجود دارد.
می‌توانید با نگاهی به Awwwards، منبع الهام‌بخش بسیاری از انواع مختلف طراحان، شروع کنید. آنها دارای ده ها وب سایت برنده جایزه و خیره کننده هستند. ما همچنین طرح‌ها و مدل‌های وب الهام‌بخش زیادی را در صفحه کشف خود داریم. و البته، نگاهی به مشاغل و محصولات رقیب یا نمونه کارهای هنرمندان و طراحان دیگر نیز ممکن است جرقه ایده هایی برای . وب سایت شما ایجاد کند. برای مثال در شرکت طراحی سایت دئووب نیز این طرح ها دیده میشود که بسیار خیره کننده هستند.
شبکه ها و طرح بندی ها
یکی از اصول طراحی وب سایت طراحی با شبکه است. سیستم شبکه یک طراحی مبتنی بر اندازه گیری ها و دستورالعمل ها است. شبکه از ستون ها (فضاهای تعیین شده برای قرار دادن محتوا) و کانال ها (فضاهای خالی بین ستون ها) تشکیل شده است. آنها صفحه را به بخش هایی برای سازماندهی محتوا و سلسله مراتب تقسیم می کنند.
هنگام طراحی وب سایت خود از شبکه ها استفاده کنید.
وب سایت خود را با شبکه ها، از طریق UX Collective طراحی کنید.
هنگامی که به شبکه ها و چیدمان فکر می کنید، مهم است که به این فکر کنید که چگونه بر طراحی واکنش گرا شما تأثیر می گذارد. این بدان معناست که چگونه طراحی های وب شما با اندازه های مختلف صفحه نمایش سازگار می شود. اینها چند نوع طرح هستند:
طرح بندی های ثابت ثابت هستند و ظرف وب سایت حرکت نمی کند. اندازه ها بر حسب پیکسل مشخص می شوند. این ایده آل نیست زیرا اگر صفحه به اندازه کافی کوچک شود، کاربر باید به صورت افقی اسکرول کند
چیدمان های سیال از درصد به جای پیکسل برای اندازه استفاده می کنند. این به طرح‌بندی‌های انعطاف‌پذیر اجازه می‌دهد که با کوچکتر شدن و بزرگتر شدن پنجره تنظیم شوند. تنها اشکال این است که طرح نمی داند چه زمانی خیلی کوچک خیلی باریک است.
طرح‌بندی‌های واکنش‌گرا، شبکه‌هایی هستند که نقاط شکست متفاوتی دارند. این بدان معنی است که وب سایت تا زمانی که پنجره به اندازه کافی کوچک یا بزرگ شود به همان اندازه باقی می ماند تا به اندازه بعدی طرح چیدمان منتقل شود.
طرح‌بندی‌های واکنش‌گرا ترکیبی از چیدمان‌های سیال و تطبیقی هستند. این چیدمان شبیه یک چیدمان سیال است زیرا صفحه نمایش با بزرگتر یا کوچکتر کردن صفحه نمایش توسط کاربر تنظیم می شود، اما چیدمان بر اساس درصد نیست. بلکه باید طرح‌بندی‌هایی برای هر نقطه شکست، معمولاً برای هر اندازه صفحه نمایش موجود، داشته باشید. این بدان معنی است که وب سایت شما در تمام اندازه های صفحه نمایش موجود عالی به نظر می رسد.
سلسله مراتب بصری
وب سایت شما باید استفاده گسترده از معماری اطلاعات و سلسله مراتب بصری قدرتمند را برای ایجاد یک تجربه یکپارچه برای کاربران خود ترکیب کند. اگر اطلاعات موجود در وب سایت شما به راحتی قابل هضم باشد و از نظر زیبایی شناختی به خوبی . ساختار یافته باشد، به بازدیدکنندگان شما کمک می کند تا وظایف کاربری خود را سریعتر انجام دهند.
راه های زیادی برای بهبود سلسله مراتب بصری سایت شما وجود دارد. برخی از راه‌های بهبود سلسله‌مراتب بصری استفاده از رنگ و کنتراست برای جلب توجه به متن و دکمه‌های خاص، اضافه کردن فضای منفی بیشتر در اطراف عنصری که می‌خواهید کاربر روی آن تمرکز کند، و داشتن تعادل و تقارن در طراحی شما می‌تواند چیزها را جالب نگه دارد. چیزها و آسان برای استفاده.
درک الگوهای خواندن همچنین می تواند به تعیین محل ذخیره اطلاعات کمک کند. تحقیقات نشان داده است که بسیاری از بازدیدکنندگان وب‌سایت‌ها را با الگوی F یا Z اسکن می‌کنند. به طور معمول، کاربر صفحات متن سنگین را با الگوی F اسکن میکند. برای مثال در طراحی سایت بنگاه املاک نیز این موضوع بسیار مورد توجه قرار میگیرد.
به همین دلیل است که مهم ترین و مرتبط ترین اطلاعات در بالا سمت چپ و در بالای صفحه است. صفحات فرود ساده ای که متن سنگین کمتری دارند، اغلب با الگوی Z اسکن می شوند. اما با گذشت زمان، با تغییر اندازه صفحه نمایش یا اگر استفاده از دستگاه همراه به دستگاه اصلی تبدیل شود، این ممکن است تغییر کند. برای جلوگیری از این امر، همیشه کاربر خود را در نظر داشته باشید و درباره کاربران خود و نحوه استفاده آنها از وب سایت شما تحقیق کنید.
منبع : https://99designs.co.uk/