همه بازاریابی ، CRM فروش HubSpot ، خدمات مشتری ، CMS و نرم افزارهای عملیاتی در یک پلت فرم.

نرم افزار اتوماسیون بازاریابی برنامه های رایگان و ممتاز
نرم افزار CRM فروش. برنامه های رایگان و ممتاز
نرم افزار خدمات مشتری. برنامه های رایگان و ممتاز
نرم افزار سیستم مدیریت محتوا. طرح های ممتاز
نرم افزار عملیات. برنامه های رایگان و ممتاز
برنامه های مورد علاقه خود را به HubSpot وصل کنید. همه ادغام ها را مشاهده کنید
وبلاگ
کتابهای الکترونیکی ، راهنماها و موارد دیگر
دوره ها و گواهینامه های رایگان
روش شناسی ورودی
داستانهای مشتری
چرا HubSpot را انتخاب می کنیم؟
خدمات مشاوره و سوار شدن
استخدام ارائه دهنده خدمات
برنامه های شریک
ابزارهای توسعه دهنده
از آخرین نکات و اخبار بازاریابی ، فروش و خدمات مطلع شوید.
ما به حریم خصوصی شما متعهد هستیم. HubSpot از اطلاعاتی که در اختیار ما قرار می دهید برای تماس با شما در مورد محتوا ، محصولات و خدمات مربوطه استفاده می کند. هر زمان که بخواهید می توانید اشتراک این ارتباطات را لغو کنید. برای اطلاعات بیشتر ، سیاست حفظ حریم خصوصی ما را بررسی کنید.
نوشته شده توسط کارلا کوک
HubSpot همچنین جمع بندی نمونه های طراحی وب سایت را توصیه می کند.

چشم انداز طراحی وب همیشه در حال تحول است.
چیزی که دیروز مدرن و تازه به نظر می رسید می تواند ظاهراً یک شبه به نظر برسد و روندهایی که به عنوان غیرقابل برگشت شناخته شوند ، می توانند به طور غیر منتظره ای دوباره وارد مد شوند.
با این حال ، یک چیز ثابت باقی می ماند: وب سایت ها مهمترین کانال بازاریابی برای بسیاری از مشاغل هستند و طبق تحقیقات HubSpot دومین کانال بازاریابی محبوب در بین مشاغل .
graph of most popular channels used in marketing, with website in position 2 after social media
منبع تصویر
با توجه به اهمیت وب سایت ها برای اکثر مشاغل و این واقعیت که نیمی از مصرف کنندگان فکر می کنند طراحی وب سایت برای برند یک کسب و کار بسیار مهم است ، ارزش این را دارد که وب سایت خود را مطابق با روندهای امروز بسازید.
با این حال ، این بدان معنا نیست که برای جلب بازدیدکنندگان لازم است بینایی سایت خود را حذف کنید. فضای زیادی برای انتخاب سبک در طیف وجود دارد. همانطور که دان هارتشورن ، طراح ارشد محصول HubSpot ، می گوید: "اخیراً متوجه شده ام که بسیاری از پیشنهادات SaaS در رابط کاربری خود به صورت تک رنگ یا سیاه و سفید انجام می شود یا در جهت مخالف قرار می گیرد و فقط رابط کاربری آنها را در رنگ ، سایه ها ، شیب ها ، شکاف شکلی و غیره پوشش می دهد."
برای کمک به آمادگی برای هرجایی که جزر و مد طراحی وب ما را ببرد ، ما لیستی از 16 گرایش را گردآوری کرده ایم تا از نزدیک تحت نظر باشید. آنها را در زیر بررسی کنید و از آنها الهام بگیرید که امسال پروژه های طراحی وب خود را با استایل انجام دهید.

روز به روز بیشتر شرکت ها برای لنگر انداختن صفحات اصلی خود به تایپوگرافی بزرگ و جسورانه روی می آورند. این سبک زمانی بهترین کار را می کند که بقیه صفحه حداقل و تمیز نگه داشته شود ، مانند این مثال از آژانس مستقر در بروکلین عظیم .
نمونه ای از روند طراحی وب سایت تایپوگرافی جسورانه
منبع تصویر
سینماگراف ها-فیلم های با کیفیت بالا یا GIF هایی که بر روی یک حلقه یکنواخت و پیوسته اجرا می شوند-به روشی محبوب برای افزودن حرکت و علاقه بصری به صفحات ثابت تبدیل شده اند. حلقه های تمام صفحه ، مانند این مثال از آژانس خلاق فرانسوی Social Brain ، علاقه فوری را در یک صفحه ساده ایجاد می کند.
نمونه ای از روند طراحی وب سایت cinemagraph
منبع تصویر
برخی از طراحان برای برجسته شدن در دریایی از وب سایت های مرتب و سازماندهی شده ، ساختارهای متفاوت تر و متناقض تر از قراردادها را انتخاب می کنند. در حالی که در ابتدا ممکن است تکان دهنده به نظر برسد ، بسیاری از مارک های معروف در حال حاضر این عناصر طراحی جایگزین تهاجمی را در سایت های خود مانند بلومبرگ گنجانده اند.
بروتالیسم به عنوان واکنشی نسبت به استانداردسازی روزافزون طراحی وب ظاهر می شود و اغلب با تصاویری واضح ، نامتقارن ، غیر مطابقت آمیز و فقدان مشخص سلسله مراتب و نظم مشخص می شود. به عبارت دیگر ، توصیف آن دشوار است اما شما آن را با دیدن آن می شناسید – مانند مثال زیر از کریسی ابوت .
example of the website design trend brutalism
منبع تصویر
گرادیانت در چند سال گذشته در سراسر اینترنت وجود داشته است و به نظر نمی رسد که آنها هنوز به جایی بروند. آژانس Copywriting Monograph Communications یک مثال کامل از نحوه جلوه دادن این جلوه با صفحه اصلی تمام صفحه و شستشو با گرادیان را نشان می دهد.
طراحی وب سایت-روندها-تک نگاری
منبع تصویر
لایه های پلکانی رنگی عمیق و بافتی را به چیدمان ساده سایت اضافه می کنند ، همانطور که در این مثال شیک از مارک غذای تنقلاتی Pipcorn دیده می شود . یک پالت رنگی پر جنب و جوش مانند این ، بلافاصله خود را از سایت های رقیب متمایز می کند.
example of the website design trend vivid colors
منبع تصویر
برخی از وب سایت ها به طور کلی تصاویر و بخشهای ناوبری برجسته را قطع می کنند و با تکیه بر چند خط متن ساده ، بازدیدکنندگان را از شرکت خود مطلع می کنند.
آژانس دانمارکی B14 از املاک صفحه اصلی آنها برای توصیف بیانیه ماموریت خود و ارائه پیوندهایی به نمونه کارهای خود استفاده می کند. این یک رویکرد مدرن و بدون سر و صدا برای ارائه اطلاعات است.
example of the website design trend text only
منبع تصویر
شرکت های بیشتری برای ایجاد تصاویر سفارشی برای وب سایت های خود به تصویرگران و هنرمندان گرافیک روی می آورند. پس از سالها تحت سلطه طراحی مسطح و مینیمالیسم مستقیم ، افزودن لمس های تصویری به سایت شما راهی عالی برای تزریق کمی شخصیت است ، همانطور که در این مثال جذاب از NewActon (طراحی شده توسط آژانس دیجیتال استرالیا ED )
example of the website design trend illustrations
منبع تصویر
با درنظر گرفتن مینیمالیسم کلاسیک ، برخی از طراحان در مورد ظاهر یک وب سایت ناسازگار هستند و فقط نیازهای مطلق را نشان می دهند. سایت از طراح Mathieu Boulet بر روی چند پیوند انتخابی به نمایه ها و اطلاعات اجتماعی آنها متمرکز شده است.
example of the website design trend ultra-minimalism
منبع تصویر
آزادسازی متن از تراز افقی معمول آن و قرار دادن آن به صورت عمودی در یک صفحه تا حدی طراوت بخش می شود. این مثال را از تولیدکنندگان ویدئوهای ورزشی اکشن Prime Park Sessions بگیرید ، که ترازهای افقی و عمودی متن را در حداقل صفحه ترکیب می کند.
example of the website design trend mixing horizontal and vertical text
منبع تصویر
الگوها و اشکال عجیب و غریب بیشتر در وب سایت ها ظاهر می شوند و به نوعی چشم انداز دیگری اضافه می کنند که در غیر این صورت توسط تخت و طراحی متریال استودیو طراحی کانادایی MSDS از حروف جسورانه و طرح دار در صفحه اصلی خود استفاده می کند.
example of the website design trend geometric shapes
منبع تصویر
به دلیل محدودیت های وضوح صفحه و عدم پشتیبانی کلی از فونت آنلاین ، طراحان سال ها از فونت های سریف اجتناب می کردند تا وب سایت ها خوانا و تمیز باشند. با پیشرفت های اخیر ، فونت های سریف در سال 2021 لحظه بزرگی را سپری می کنند – و هرگز مدرن تر به نظر نمی رسیدند. همانطور که دیده می شود The Sill ، یک تیتر سریالی ، میزان پیچیدگی و سبک را اضافه می کند. نمونه ای از فونت serif روند طراحی وب سایت
منبع تصویر
متنی که کمی با تصاویر همراه همپوشانی داشته باشد ، برای وبلاگ ها و نمونه کارها به یک اثر محبوب تبدیل شده است. مدیر هنری مستقل و توسعه دهنده پیشرو Thibault Pailloux متن همپوشانی آنها را با یک خط رنگی زیر هر عنوان برجسته می کند.

منبع تصویر
در حالی که شبکه ها یکی از رایج ترین و کارآمدترین روش های نمایش متن و تصاویر در وب سایت ها هستند ، شبکه های شکسته همچنان به سایت های اصلی راه می یابند و تغییری در حد معمول ارائه می دهند. به عنوان مثال ، وب سایت HealHaus را بررسی کنید. صفحه اصلی آن دارای تصاویر و بلوک های متنی است که با هم همپوشانی دارند.
example of the website design trend broken grids
منبع تصویر
روزهای طرح بندی دقیق شبکه و لبه های تیز گذشته است – اکنون همه چیز در مورد خطوط منحنی و اشکال نرم و ارگانیک است. در مثال زیر از Neobi ، زمینه کارتونی مرزی ، جلوه ای سخاوتمندانه از شخصیت و رنگ زنده را به طراحی بدون عارضه اضافه می کند.
example of the website design trend organic shapes
منبع تصویر
بافت های وب تصاویر پس زمینه ای هستند که از نظر بصری شبیه به یک سطح سه بعدی هستند. وقتی بافت به خوبی انجام شود ، می توان بینندگان را در یک وب سایت با درگیر کردن حس لامسه غوطه ور کرد ، همانطور که توسط Color Of Change نشان داده شده است-پس زمینه بافتی شبیه نوار چسب را تداعی می کند.

منبع تصویر
فونت های سفارشی و دستی در ماه های اخیر بیشتر و بیشتر شروع شده است ، و دلیل خوبی هم دارد. این حروف تایپ منحصر به فرد به شخصیت و جذابیت می افزایند و به طراحان کمک می کند بدون تعمیرات اساسی ، ظاهر و احساس متمایزی را ایجاد کنند. در KIKK 2017 وب سایت جشنواره ، یک فونت دست کشیده یک لنگر غریب برای صفحه اصلی فراهم می کند.
example of the website design trend hand drawn fonts
منبع تصویر
البته ، برای ساختن یک وب سایت م effectiveثر ، نیازی به ترکیب همه این گرایش ها ندارید – ما شک داریم که حتی ممکن است. با این حال ، حتی افزودن یک زن و شوهر به عنوان اجزای برجسته یا جزئیات ظریف می تواند UX سایت شما را به میزان قابل توجهی بهبود بخشد ، که منجر به مشارکت بیشتر ، کلیک های بیشتر CTA و نتیجه بهتر برای تجارت آنلاین شما می شود.
یادداشت ویراستار: این پست در ابتدا در ژانویه 2018 منتشر شد و برای جامعیت به روز شده است. نمونه هایی از طراحی درخشان صفحه اصلی ، وبلاگ و صفحه فرود

در ابتدا منتشر شده 6 اکتبر 2021 7:00:00 صبح ، به روز شده 06 اکتبر 2021
موضوعات:
پیشنهاد را گسترش دهید
قالب تقویم محتوای رسانه های اجتماعی

حق چاپ © 2021 HubSpot، Inc.

source

توسط perfectmoment