وبلاگ کاسپید

روش های طراحی سایت خلاقانه

روش های طراحی سایت خلاقانه

ده روش در طراحی سایت خلاقانه که در سال ۲۰۱۹مطرح شده بود و مورد توجه شرکت های طراحی سایت در تهران و دیگر شهر ها قرار گرفته بود. البته شرکت های طراحی سایت در انتظار ترندهای جدید در سال 2020 می باشند. 

  • استفاده از فونت سریف در صفحات وبسایت
  • استفاده از پالت‌های سیاه و سفید
  • استفاده از اشکال طبیعی و بنیانی
  • استفاده از ویدئو گلچین یا Glitch art
  • استفاده از میکرو تعامل ها
  • استفاده از چت باتهای پیشرفته
  • استفاده از محتوای ویدیوئی بیشتر
  • استفاده از مینیمالیسم
  • پیاده سازی سیستم لمسی و ناوبری متعامل
  • تنوع
  • استفاده از فونت سریف در صفحات سایت:

همانطور که میدانیم فونت سریف بیشتر در صنعت چاپ و پرینت به کار گرفته می شوند تا در طراحی وب سایت. اما اگر میخواهیم اندکی در روند طراحی وب سایت تغییراتی ایجاد کنیم چطور؟ اگرچه هنوز هم فونتهای sans از لحاظ خوانایی بی نظیرترین هستند اما امروزه فونتهای سریف به نسبت sans ها بیشتر در امر طراحی وب به خصوص در هدر ها و نوشته های مهم به کار گرفته می شوند. دلیل استفاده از سریف ها این است که در عین زیبایی بسیار زیاد، به جهت برجسته سازی نوشته های مهم و همچنین جهت استفاده در هدرها بسیار مناسب می باشند. اگرچه فونت سریف از فونت های قدیمی هستند اما باید توجه داشت که بسیار متعامل و سازگار هستند، مثلا شکل گرد و حبابی مانند آن جهت طراحی لگوهای شاد بسیار مناسب است در حالی که نوع های wedge و bold strokes بیشتر جهت استفاده در ساختارهای مدرن مناسب هستند.

  • استفاده از پالت‌های سیاه و سفید:

رنگ ها یکی از مهم ترین عوامل در طراحی سایت می باشند؛ به وسیله رنگ ها یک سایت زنده و پویا می شود و در نهایت موجب بهبود روحیه کاربر می شود و همچنین بوسیله رابط بصری موجب هدایت و ناوبری درست کاربر می شوند و در نهایت می توان بوسیله آنها یک لوگو و یا یک برند را معروف و شناخته شده کرد. باید توجه داشت که در سال 2019 ما شاهد افزایش طراحی های وب سایت های سیاه و سفید بوده ایم که نتایجی در پی داشته اند. این رنگ ها هستند که ما آنها را بوسیله جذب و تفکیک نور بدست می آوریم و باعث می شوند تا دنیا را ببینیم .

حال اگر نباشند چه اتفاقی می افتد ؟ جهان کدر، کند و بی روح به نظر می رسد. رنگ سفید به خودی خود رنگی آرام و روشن است در حالی که سیاه رنگی خشن و تیره می باشد. حال اگر این دو را با هم ترکیب کنید شاهد نتیجه ای شگرف خواهید بود. حال جالب است بدانید که این مقوله زمانی بسیار موثر و شگفت انگیز می شود که مقادیر سفیدی و سیاهی مورد استفاده کم باشد و باید بدانید که افزودن یک رنگ accent به این ترکیب رنگی نه تنها حالت تک رنگ بی روح را درهم می شکند بلکه زیبایی و پویایی آن را دو چندان می کند .

  • استفاده از اشکال طبیعی و بنیانی :

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

  • استفاده از Glitch art :

باید توجه داشت که هیچ گرایش و ترفندی در طراحی وب بدون اینکه قبلا بارها تکرار و به کار گرفته نشده باشد به وجود نمی آید . در دنیای مدرن و کامپیوتری امروزی استفاده از Glitch artروز به روز در حال توسعه و افزایش می باشد . همه از اینکه بهره گیری از این تکینیک ممکن است حجم سایت را بالا برده و سرعت را پایین بیاورد هراس دارند اما همه از این نکته غافل هستند که این ویدئو ها چقدر می توانند مثمرالثمر واقع شوند . بیایید این مرز را بشکنیم و با به کارگیری این تکنیک کاربران بیشتری را جذب کنیم . در جهان پیشرفته و مدرن امروزی لازم است تا با بهره گیری از این تکنیک جذابیت و گیرایی را به وبسایت خود ببخشیم .

  • استفاده از میکروتعامل ها :

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

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

  • استفاده از چت باتهای پیشرفته :

به طور کلی چت باتها همواره مورد توجه بوده اند اما این مقوله در سال 2019 توسعه بسیار زیادی داشته است و بیشتر مورد توجه بوده است به طوری که چت باتهایی که امروزه در سایتها مشاهده میکنیم بسیار پیشرفته و سفارشی سازی شده هستند . مثلا رنگ هایی که امروزه در طراحی این چتباکس ها به کار گرفته می شود از نوع رنگ های روشن هستند و به همین دلیل آنها را جذاب و زنده می کنند . همچنین می توان با به کارگیری از طراحی user friendly می توان سایت خود را کارآمدتر و کاربر پسندتر کنیم .

  • استفاده از محتوای ویدیوئی بیشتر:

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

  • استفاده از مینیمالیسم :

به نظر می‌رسد که مینیمالیسم یکی از مهم‌ترین و موثرترین گرایش های طراحی وب باشد ؛ مینیمالیسم اغلب به عنوان یک گرایش جهت زیبایی سایت انتخاب می شود. هرچه عناصر و محتوای کم‌تر در یک وب سایت باشد، کاربران کم تر ذهنشان درگیر می شود و اگر این مقوله را بتوان با یک ناوبری مناسب که کاربران را دقیقا به همان چیزی که می خواهند هدایت کند، تلفیق کرد تاثیری شگرف را به دنبال خواهد داشت .مینیمالیسم در سال 2019 توسعه و همه گیرتر خواهد شد. باید توجه داشت که بهره گیری از انیمیشن ها در عین حال که زیبایی به سایت می بخشند می توانند جایگزین بسیاری برای مقدار زیادی محتوا باشند که بدین ترتیب در جهت مینیمالیسم بسیار کمک کننده خواهند بود و در نتیجه منجر به طراحی منسجم و بدون شلوغی ، با کنتراست و تایپوگرافی عالی خواهند شد .

  • پیاده سازی سیستم لمسی و ناوبری متعامل :

اگر به مرورگرهای موبایلی توجه کنیم در میابیم که بوسیله سیستم متعامل لمسی خود توانسته اند به خوبی جایگاه خود را در بین کاربران پیدا کنند و حتی از نسخه های دکستاپ پیشی بگیرند . پس یکی از گرایش های سازنده و بسیار موثر این است که سایتتان را با قابلیت های لمسی متعامل کنید . در همین زمینه می توانید به کتابی که جاش کلارک در همین زمینه تالیف کرده است مراجعه کنید . او در کتابش بیان می کند چگونه سایتتان را برای کاربران موبایلی لمسی متعامل سازید و چگونه حرکات لمسی را در طراحی وبسایت پردازش و پیاده سازی کنید .

با توجه به این موضوع نیز لازم است تا از یک سیستم ناوبری مناسب با این مقوله در وبسایتتان بهره گیرید مثلا می توانید منوی همبرگری را به پایین صفحه منتقل سازید تا زمانی که کاربران با یک دست در حال استفاده از سایتتان بوسیله موبایل لمسی خود هستند بدون زحمت بتوانند با سایتتان ارتباط برقرار سازند .

  • تنوع :

اغلب افراد این مقوله را فراموش می کنند که بستر وب و اینترنت یک بستر بسیار وسیع و جهانی است که در سرتاسر جهان کاربرانی با هر سنی و سالی و از هر قوم و ملت و فرهنگی در حال استفاده از آن هستند ، پس با توجه به این موضوع لازم است تا سایت کاملا متنوع و پویا طراحی شده باشد

مثلا به این موضوع دقت کنید که اپل در طراحی ایموجی های خود سعی کرده است افراد مختلف در سر تاسر جهان از هر نژاد و با هر نوع رنگ پوست ، مدنظر قرار دهد و بدین ترتیب ایموجی های مختلف و متنوعی طراحی کرده است تا کاربران از هرنوع فرهنگ و ملت بتوانند به خوبی با آنها ارتباط برقرار سازند . این مقوله در سال 2019 بیشتر مورد توجه قرار گرفته است . البته باید دانست که تا پیاده سازی کامل این مقوله در طراحی وبسایت ها راه زیادی مانده اما طراحان باید بکوشند سایت هایی را طراحی کنند که ملت و فرهنگ های مختلف را مخاطب قرار دهد .

15 دی 1398
برخی برند های طرف قرارداد با کاسپید
  • زعفران سحرخیززعفران سحرخیز
  • شرکت نیک کالاشرکت نیک کالا
  • صنایع غذایی مارینصنایع غذایی مارین
  • شرکت تهران داروشرکت تهران دارو
  • شرکت زرین غزال (بستنی دایتی)شرکت زرین غزال (بستنی دایتی)
  • شرکت پاکسانشرکت پاکسان
  • فدراسیون فوتبالفدراسیون فوتبال
  • بیمه رازیبیمه رازی
  • چیچکچیچک
  • بهریزانبهریزان
  • برنج آوازهبرنج آوازه
  • پخش قاسم ایرانپخش قاسم ایران
  • لینا نیکلینا نیک
  • عطر بیکعطر بیک
  • امرسانامرسان
  • صنایع غذایی هانیصنایع غذایی هانی
  • نوین زعفراننوین زعفران
  • صنایع غذایی شام شامصنایع غذایی شام شام
  • شرکت ایران گلابشرکت ایران گلاب
  • هتل مارینا پارک کیشهتل مارینا پارک کیش
  • شرکت ایرانکو (سونی)شرکت ایرانکو (سونی)
  • شرکت ساپکوشرکت ساپکو
  • چینی زرینچینی زرین
  • پمپ ایرانپمپ ایران
  • مارگارینمارگارین
  • صنایع غذایی ب.آصنایع غذایی ب.آ
  • جهان ترابر ماهانجهان ترابر ماهان
  • کیش ایرکیش ایر
  • خانه و آشپزخانهخانه و آشپزخانه
  • پارمیداپارمیدا