دسته بندی
-
5 اصل مهم برای طراحی یک وب سایت مدرن
-
طراحی وبسایت در سال 2024 با طراحی وبسایتهای سال 2000 کاملا متفاوت است! اگر در آن زمان فقط حضور یک سایت در دنیای اینترنت مهم بود، امروزه طراحی مدرن آن است که اهمیت دارد.
-
00
-
بازدید این صفحه : ۳۴تاريخ : 02 مهر 1403
1. توجه به فضای سفید (White space)
فضای سفید یک اصل طراحی وب سایت مدرن است که به سایت شما نظم میدهد و یک سلسلهمراتب بصری بین محتواهای صفحه ایجاد میکند.
از فضای سفید برای تشخیص ترتیب بصری عناصر صفحه (مثل تصاویر، محتوای متنی یا کال تو اکشنها) استفاده میشود که در نهایت باعث جذب کاربران به بخشهای کلیدی سایت شما میشود.
برای ایجاد فضای سفید لزومی ندارد که حتما از رنگ سفید استفاده کنید. هر رنگی میتواند این ویژگیِ مدرن را ایجاد کند؛ به شرطی که محتوا بهدرستی از آن فاصله داشته باشد.
2. استفاده از جلوههای پیمایشی (Scroll Effects)
استفاده از جلوههای پیمایشی یا اسکرول افکت، به جای بخشهای ثابت و خستهکننده، وبسایت شما را به یک وب سایت مدرن تبدیل میکند. اسکرول افکتها به دلیل داشتن ویژگی حرکتی، باعث سرگرم شدن مخاطب میشوند و در عین حال، او را تشویق میکنند تا به بخشهای مختلف سایت سر بزند.
در ادامه انواع مختلفی از اسکرول افکتها را برایتان آوردهایم تا به کمک آنها یک وبسایت مدرن طراحی کنید:
- پارالاکس اسکرولینگ (Parallax scrolling): وقتی به سمت پایین اسکرول کنید، پسزمینه تغییر میکند.
- اسکرول انیمیشنی (Scroll-triggered animations): اسکرول و انیمیشنهای صفحه ظاهر می شوند؛ اما بقیۀ عناصر صفحه تغییری نمیکند.
- پیمایش افقی (Horizontal scrolling): صفحۀ شما به جای حرکت به سمت پایین، به سمت راست یا چپ حرکت می کند.
- پیمایش طولانی (Long scrolling): وقتی به سمت پایین حرکت میکنید، زمان زیادی طول میکشد که به انتهای صفحه برسید.
- پیمایش بینهایت (Infinite scrolling): مثل صفحۀ جستجوی عکس در گوگل یا Pinterest، به کاربر اجازه میدهد که با اسکرول کردن محتوای بیشتری ببیند.
3. به کار بردن رنگهای تند
در طراحی وب سایت مدرن نباید خجالتی باشید؛ بلکه باید بهدنبال عناصر و ابزارهایی بروید که توجه بیشتری را به وبسایت شما جلب میکند. یکی از این عناصر، استفاده از رنگهای تند است که وبسایت شما را قدرتمند نشان میدهد.
البته در زمان انتخاب رنگ برای وبسایت خود باید دقت کنید که آن رنگ با لحن برند شما همخوانی داشته باشد.
نکته: رنگهای خاص باعث تحریک احساسات افراد میشود؛ مثلا رنگ آبی به معنی اعتماد، امنیت و اقتدار است. اغلب شبکههای اجتماعی مثل فیسبوک هم از این رنگ در طراحی خود استفاده کردهاند تا اعتماد کاربران را جلب کنند.
4. استفاده از تایپوگرافیهای بزرگ
در وبسایتهای مدرن، بهتر است با یک تایپوگرافی بزرگ به استقبال مخاطبان بروید. امروزه بسیاری از طراحان وب برخی از صفحههای یک سایت را با یک تایپوگرافی بزرگ طراحی میکنند که ماهیت آن وبسایت را نمایش میدهد. این کار، به مخاطبان جدید کمک میکند تا با نوع کسبوکار شما خیلی زود آشنا شوند.
برای اینکه تایپوگرافی جذابی داشته باشید، پیشنهاد میکنیم از فونتهای خاص و متمایز مثل «ایران یکان»، «ایران سنس»، «ری»، «حناچی» یا «یکان بخ» استفاده کنید.
مثلا وبسایت مریم سافت که در حوزۀ فروش فونت فارسی فعالیت میکند، برای صفحۀ اول خود یک تایپوگرافی با یکی از فونتهای اختصاصیاش طراحی کرده تا ماهیت وبسایتش را برای کاربر مشخص کند.
5. سازگاری با موبایل
از آنجایی که نیمی از ترافیک وب در سراسر جهان را کاربران تلفن همراه تشکیل میدهند، لازم است که به سازگاری وبسایت خود با صفحۀ موبایل توجه ویژهای داشته باشید.
فراموش نکنید که هدف شما بهعنوان مدیر یک وب سایت مدرن، ساختن بهترین تجربۀ کاربری مخاطبان است؛ چه با موبایل وبسایت شما را باز کنند و چه با لپتاپ.
-
خدمات طراحی سایت
-
ویترین اخبار
- راه اندازی سایت نشریه الکترونیک فرهنگ انقلاب اسلامی
- ملاک شناخت یک شرکت طراحی سایت قوی و توانا برای راه اندازی سایت اینترنتی شما چیست؟
- فرا رسیدن نوروز باستانی، یادآور شکوه ایران و یگانه یادگار جمشید جم بر همه ایرانیان پاک پندار، راست گفتار و نیک کردار خجسته باد
- راه اندازی وب سایت اینترنتی ماشین سازی درستگاههای تولید آرد
- راه اندازی وب سایت اینترنتی ملک آریا
- 7 مورد از قابلیتهای غیرمنتظره در iOS 7
- Apex در برابر Nova: مقایسه دو لانچر اندروید
- پاداش 15,000 دلاری برای شکستن قفل TouchID
- نیکون از AW1، اولین دوربین ضد آب با قابلیت تعویض لنز، پرده برداشت
- لومیا 1520 نوکیا و این بار مشخصات فنی، قیمت و زمان عرضه
- رکورد فروش موبایل در دست 8 مدل
- اپل در حال تست نسخه های 701 و702 و 71 سیستم عامل iOS؟
- علت دقیق سرعت پایین اینترنت را نمیدانیم
- بررسی اکسپریا Z1 سونی
- آموزش ساخت ایمیل یاهو پس از حذف ایران!
- سهام توییتر روانه بازار بورس میشود
- تبلیغات تازه مایکروسافت علیه آیفون شکست خورد
- مدیرعامل اینتل: تبلتهای زیر 100 دلاری در تعطیلات سال نوی میلادی از راه میرسند
- 27 شهریور iOS 7 برای آیفونها و آیپدها منتشر میشود
- کنسول بازی جدید سونی با قابلیت های جذاب و قیمت مناسب معرفی شد: Vita TV
- کمپانی دل برای چینی ها لب تاب لوحی می سازد!!!
- ایسوس فون پد 7 اینچی جدید را معرفی کرد: تبلت/تلفن هیبریدی با اسپیکر دو کاناله
- یاهو لوگوی جدید خود را رونمایی کرد
- ایسوس از لپتاپ لمسی و ارزان قیمت X102BA با پردازنده AMD پرده برداشت
- دوباره Moto X و این بار تصویر رندر شده تبلیغاتی آن [بروز شد]
- ولخرجیهای گوگل در حوزه دیتاسنتر ادامه دارد: 6-1 میلیارد دلار در سه ماهه دوم 2013
- تشکیل گروه جهانی« طراحی فناوریهای پوشیدنی» در موتورولا، با استناد به آگهی استخدام این شرکت
- آشنایی با سیستمفایلها و نحوه فرمتکردن درایوهای خارجی در مک
- سرفیس RT هنوز نمرده است
- دانلود کنید: اپلیکیشن VLC برای کاربران iOS منتشر شد
- بررسی همهجانبۀ شایعات پیرامون ساعتهای هوشمند
- تصاویر واضح از آیفون ارزان قیمت در کنار آیفون 5 فاش شد
- تبدیل تصاویر به فرمت ICO و استخراج آیکونها از فایلهای با فرمت EXE و DLL
- نسخه جدید اندروید در 2 مردادماه معرفی میشود
- ال جی از نام G2 برای پرچمدار بعدی خود استفاده میکند
- مشخصات فنی و بنچمارک گلکسی نوت 3 فاش شد
- تصویر و مشخصات جدید آیفون 5S به بیرون درز کرد: صفحه نمایش IGZO، دوربین 12 مگاپیکسل، پردازنده سریعتر و پردازنده گرافیکی چهار هستهای
- آیا میتوان پس از مرگ اطلاعات با ارزش را در اختیار خانواده، دوستان و آشنایان قرار داد؟
- تصاحب Omek توسط اینتل ممکن است باعث شود هرگز نیاز به لمس کامپیوتر خود نباشید
- نسخه جدید تحت وب نقشه گوگل در دسترس همگان قرار گرفت
- تلفن G2 ال جی مجهز به باتری 2540 میلی آمپر ساعتی است
- جزئیات بیشتر از دوربین 20 مگاپیکسلی هونامی: سنسوری بزرگ ولی نه به اندازهی لومیا 1020
- مرور تاریخچه دوربین در گوشیهای برجسته نوکیا
- دریافت استاندارد و رتبه 6 از 10 گوگل توسط سایت شرکت راوک نگار پارس
- بروزرسانی تعدادی از جدیدترین نمونه آثار طراحی سایت های هوشمند راوک نگار پارس
-
نماد اعتماد الکترونیکی
-
آمار بازدید
- کل (online):۷۰۱
- اعضاء (online):۳
- میهمان (online):۶۹۸
- بازدید امروز::۷۸۳
- بازدید دیروز::۹۵۶
- بازدید کل::۲۸۸۶۳۶۶۴
-
تبلیغات